400-609-4309

ui设计的新工具

设计师的工作流程鉴于不同规模的公司和项目会有所差异,但基本大同小异,必须有的流程还是要执行的,今天小编主要给大家分享ui设计的新工具,希望对你们有帮助!

ui设计的新工具

一、ui设计

不用说,主要设计工具Sketch,带有快捷键的无限大小画布和庞大的第三方模板更有利于移动产品原型的高效输出。如果团队拥有完整的Mac配置,它还可以无缝衔接设计与前端项目协作。

二、交互原型

强烈推荐:Flinto,是一个使用图片快速生成移动应用程序的原型,只要你上传几幅设计效果图并拖动几次,只需几分钟就可以将它们部署到手机上,观看逼真的交互效果,学习成本非常低,最高兴的是最新版本已经有了中文版本。

三、评审

用户体验图:根据“问题”和“惊喜”的数量情况和重要性,理性地判断每个行为节点的情感高低,并将它们联系起来。

1.看着最高点,为它做做一点事情,把它推向极致。

2.看看最低点,考虑一下是否可以在这里分享一些具有高体验价值的其它步骤的功能,来平衡体验情感。

四、切图标注

我相信大多数设计师只想做好自己的ui设计,不想在切图和标签上浪费太多时间,要标注的时候,内心崩溃无比。

切图工具演变路径:马克鳗 → Pxcook→ Zeplin

直到发现了zeplin这个神奇的工具,以后再也不用标注和切图了,使用zeplin有以下好处:

1.标注尺寸哪里需要点在哪里,相邻元素的所有尺寸和颜色都清晰明了。先前的标记太详细,ui没法看,标太少,相当于没标注;

2.支持css/less/saas等css属性,直接粘贴;

3.支持标签,方便团队协作(可以替代prd文档);

4.支持色板和字体导航,可用作使用规范。

随着sketch的普及,许多团队相继把sketch作为主要的设计工具,去年zeplin发布1.0版时不支持Photoshop cc。一年后,最新版本可以兼容可以兼容ps,这是值得称赞的,Mac和Windows上有相应的版本,再也不需要为了一个zeplin去学习sketch了,ps也支持啦!

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章