收藏。设计自检对照表

1、设计风格对了吗?

针对产品的目标用户,找准用户群,调研用户喜好、建立视觉模型,确定符合产品特质的设计风格。

2、参考案例质量高吗?

寻找高质量的案例参考,竞品分析。结合自身的特色,融合贯穿,可借鉴表现手法、风格、配色,但不要抄袭。

3、整体风格是否协调统一?

检查颜色、文字的大小、粗细、图标的设计风格(线性、剪影)板块圆角的大小等。每一页的设计风格和元素应该都保持统一。

4、界面尺寸是否设置准确?

是否根据iOS和安卓官方的尺寸来建立画布呢?分辨率72DPI 颜色为RGB/8。

5、按钮状态是否正确?

输入框中如果没有输入的内容,那按钮应该是处于不可按的状态,一定要考虑到所有按钮在当前情况下的状态是否正确。

6、用户流程的引导是否准确?

主要功能流程上的按钮和排版是否流畅?一步一步的按钮的安排,图标的引导功能是否明确。是否会影响视觉内容呈现?

7、颜色选择是否合适?

主色调选的是否符合产品的特性?注意色块的面积,重要的部分可用对比色强调。注意色彩的情感,不要违背常理乱用。

8、层次感拉开了吗?

颜色明暗搭配;近景、中景、远景;大小对比等等。常常用在banner背景处理、UI界面设计中信息的重要级别传达。

9、留白合适吗?

不要堆的满满的,注意呼吸感,留白,设计更高端大气。

10、图标尺寸的视觉观察处理是否一致?

物理尺寸和视觉尺寸的区别懂不懂?比如同尺寸的方形比圆形视觉上会大一点,需要把方形缩小一点视觉上才看着统一。

11、设计元素的必要性?

在设计的时候,一般是先做加法,加元素大家都会,但是最终定稿前一定要做减法,去掉没有价值的信息,得到最精炼的设计。

12、投影考虑环境色了吗?

投影不会是纯黑的,一定要考虑周边的环境色,这样才会更加真实、自然一些。

13、是否使用了收费版权字体或者图片?

公司如果没有购买版权字库或者图库,那就用免费无版权的字体或图库,以免出现侵权问题,造成损失,后果很严重。

14、图片像素是否清晰?

图片要清晰,需要模糊处理的地方也用高斯模糊的方式来进行。低质量不清晰的图片会拉低页面设计的品质感。

15、界面层次结构是否统一?

所有页面的结构都应该遵循大用户群体的操作习惯来统一,如果层次结构混乱,会影响到用户的操作从而让界面的布局不合理。

16、首页展示内容否则直观?

页面层级最高的内容应当直观的展示给用户,做完后我们应当检查最优先层级的内容是否直观展示了。

17、页面上的颜色是否过多?

同一个页面上的颜色不易过多,一般不超过3-4种颜色。层级分层有困难的时候可以尝试使用同一色相不同深浅的方式来进行区分。

18、间距是否合适?

块内间距小于块外间距。不是所有情况都是均分间距。

19、文字大小对比合适吗?

重要的文字大一点,次要辅助文字小一点,再加上颜色上的层级,可以有效的做好突出重点。

20、排版中的对齐做了吗?

排版时候,注意对齐原则,常见的左对齐、居中对齐、右对齐。很多人会忽视这个问题,导致设计不严谨,显得做工差了。

21、设计稿中的样本数据看起来真实吗?

不要随便乱敲类似121212这样的数据在设计稿里,完全破坏了设计稿整体效果,一定要填充看着真实的数据,才利于稿子顺利过关。

22、定义视觉规范了吗?

为了整套界面视觉统一,视觉规范文档一定要弄一个,哪怕是最基础的规范包含:图标、文字、颜色、间距、控件等。

收藏。ProtoPie 3.10上线 :性能提速+边框+阴影+音频+外链等

此次3.10版本的主要新功能有:

  • 性能改善
  • 边框
  • 阴影
  • 同时编辑时间线
  • 原型内添加外链
  • 支持音频
  • 同时复制粘贴交互动作和素材
  • Figma导入(Beta)
  • and more…

原文地址:https://www.weibo.com/ttarticle/p/show?id=2309404344734918302714#_0