设计自查表

设计项目的时候，为了避免在上线时出现不必要的差错，或者审稿不通过，延误开发周期，需要设计师有一个自我检查的过程，整理自己的设计，看看哪些没有做好的，或者哪些不符合规范的，都需要逐一排查，才能保证后续工作的高效进行。




以下我整理了一些设计自查的项目和细节。

 

  • 设计风格对了吗？

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






 

  •  整体的设计风格是否统一？

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

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

 






 

  • 投影考虑环境色了吗？

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







 

  •   是否用了收费版权字体？

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


 

  •  是否用了收费版权图片？

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

 

 


 

  •  图片像素是否清晰? 

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




 

  •  界面的尺寸设置是否正确？

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




 

  •  界面的层次结构是否统一? 

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



 

  •  各种按钮状态是否正确？

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



 

  •  首要展示的内容是否直观明显？

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




 

  •  用户流程的引导上是否顺利？

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



 

  •  页面上的颜色是否过多？

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

 



 

  • 颜色选的合适吗？

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




 

  • 间距合适吗？

         很多新手的稿子间距上都会存在很多问题，块内间距小于块外间距。不是所有情况都是均分间距哦。




 

  • 层次感拉开了吗？

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



 

  • 文字大小对比合适吗？

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



 

  • 留白合适吗？

         不要堆的满满的，注意呼吸感，留白，设计更高端大气。新手特别要注意这个问题。




 

  • 该对齐的地方对齐了吗？

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



 

  • 图标尺寸在视觉上观察大小是否一致？

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



 

  • 设计稿上的数据看着真实吗？

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




 

  • 问问自己这个设计元素有必要存在吗？能否不要？

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




 

  • 有定义视觉规范吗？

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




 
 

  • 为什么设计几稿都不过关？

         可以找一些参考和需求方沟通确认方向，再设计。谁都不希望需求方对你说：“你在做几稿我看看。