网站简介
这是面向Touch Bar设计场景的开源在线工具站点，支持开发者和UI设计师在线生成符合苹果官方尺寸规范的设计预览图，可自定义图标大小、背景色彩与不同交互状态，提供规范设计素材下载，帮设计师快速验证成品适配效果。
核心功能
Touch Bar预览
支持在MacBook Touch Bar直接预览设计成品效果，便捷查看设计呈现状态
多端访问
支持不同设备登录访问站点，随时随地开展设计预览工作
账号同步
可同步账号中的设计预览数据，更换设备也不丢失预览记录
支持个人使用
满足个人设计师日常设计调试、预览的使用需求，操作简便
支持团队协作
适配团队设计协作预览需求，方便团队统一查看设计效果
免费使用
所有基础预览功能均可免费使用，无额外付费门槛
设计工具
专注于设计领域的实用工具，为设计师提供针对性预览服务
便捷高效
轻量化工具操作简单，快速完成设计预览，提升设计工作效率
使用指南
- 1
第1步:浏览器打开对应网址进入站点首页
- 2
第2步:在左侧参数面板拖动滑块调整图标尺寸
- 3
第3步:点击颜色选择器设置Touch Bar背景色彩
- 4
第4步:上传自己设计的Touch Bar图标素材
- 5
第5步:切换交互状态按钮查看不同状态效果
- 6
第6步:确认预览效果后保存生成的预览图片
- 7
第7步:按需点击下载按钮获取设计素材模板
优势亮点
功能聚焦核心场景，没有冗余干扰，目标明确。
页面响应迅速，操作路径短，使用顺滑。
信息组织专业，来源可靠，参考价值高。
编辑推荐
当设计师需要导出适配MacBook Touch Bar的设计素材时，打开这个工具站点就能直接用，无需漫长加载，首页中心直接划出一块和实体Touch Bar尺寸比例一致的模拟预览区，不用切换页面找入口。左侧参数面板按图标尺寸、背景色、交互状态的逻辑顺次排布，视线扫过就能找到对应选项，拖动尺寸滑块，预览区的图标轮廓会跟着拖拽动作实时缩放变化，不用反复点击确认刷新；点开拾色器颜色面板，选好对应色值就能立刻替换背景；还能一键点选切换图标被选中、未选中两种触控状态，直观看到不同场景下的显示效果。确认调整后直接点击下载按钮，就能拿到透明底PNG切图和带标注的PSD分层规范模板，全程没有诱导弹窗打扰，不用注册填信息，所有功能开放免费使用，是做Touch Bar适配时能快速出素材的高效小工具。
常见问题
深度了解
对大多数需要适配MacBook Pro Touch Bar的UI设计师来说，完成设计稿交付前总会碰到一个棘手的问题：想要确认最终显示效果，必须抱着电脑连接到实体Mac上逐帧调试，修改一处参数就要重新编译、真机加载，光是前期校验就耗掉大半天的准备时间，原本预留的设计调整档期经常被调试占满。
针对这个很少被工具覆盖的需求缺口，这个专门的站点推出了轻量化的在线预览工具，不用下载 bulky的客户端，也不需要配置苹果开发者环境，打开网页就能上手：你可以直接拖动滑块调整Touch Bar的背景透明度、图标间距，输入自定义文案就能模拟按键的选中态、暗色模式效果，几秒就能生成和真机一致的预览图，设计师可以在出稿前快速核对所有细节，把省下的时间留给创意打磨。站点还整理了标准化的2x、3x切图资源和对应最新系统的图标栅格规范，直接下载就能拖进设计软件使用，不用自己手动测算尺寸。
整个项目全程开源托管在GitHub，全球任何设计师都可以免费使用所有功能，既不需要注册账号，也没有功能锁、付费门槛，甚至可以直接fork源码自己定制修改。上线至今，来自全球各地的设计师贡献了不少调整建议，项目经过多轮社区迭代，已经把参数拖动的响应延迟压缩到了30毫秒以内，修正了Firefox、Safari不同内核下的预览错位问题，每一次大版本更新都会同步适配苹果最新的Human Interface Guidelines要求，始终贴合设计师的实际工作流程。
使用须知
定价: 平台提供免费基础功能，高级能力或企业级服务采用订阅制收费，具体价格以官网定价页为准，建议按需选择合适套餐。价格随版本不同有所差异，支持按月或按年订阅。
价格和授权政策可能变化，请以官网最新信息为准
资料由中文导航编辑部整理并经健康检测核验，定期复查更新。
收录信息以收录当日官网状态为准，如发现内容过期请通过下方反馈告知。
访问第三方网站时，请注意以下事项:
- 谨慎提供个人账号、密码和支付信息
- 下载文件前确认来源安全，警惕诱导性广告
- 涉及版权素材使用时，请核实授权范围
- 如遇网站无法访问或内容异常，可反馈给我们
帮助我们维护准确的收录数据，纠错会进入编辑复核队列
用过Touch Bar Preview翻译站点？说说你的真实体验
你的点评会帮助上千万人避坑选型——匿名发表，无需注册，30 秒即可完成
用户评价
还没有评分
成为第一个评价 Touch Bar Preview翻译站点 的人
我的评分
随下方评论一并提交