随着移动优先的趋势，APP设计越来越受到公司的重视。不断提高APP的设计质量是每一个设计师的追求。你忽略了哪些设计细节？看看你是否掌握了所有这些细节。

　　视觉表型问题

　　1.统一图标设计风格

　　图标设计是整个APP设计中最重要的一个环节。图标设计样式包括线性图标、填充图标、平面图标、平面图标、手绘样式图标和模拟对象图标。无论我们选择什么样的图标，请保持统一。同一模块采用一种表达方式。如果是线性图标，会保持一致的笔画值。

　　图标在配色上要有规律的统一，采用同色是常见的配色方法。如果使用不同的色相配色方法，要保持整体的配色协调性，不要有饱和度和亮度反差过大的配色，这样会影响整体的视觉协调性。

　　2.图标大小的视觉平衡

　　当多个图标出现在同一个界面时，我们需要保持整体的视觉平衡。不是所有的图标都可以用同样的尺寸达到平衡。由于图标的大小不同，相同大小下不同大小的图标视觉平衡是不同的。例如，一个相同大小的正方形会比一个圆大。因此，我们需要根据图标的大小来调整图标的大小。

　　3.优化你的分割线

　　在界面设计中，细节往往最容易被忽略。根据不同的界面颜色，在分割线颜色的选择上要做相应的调整。因为分割线的作用是区分上下信息层次和界面装饰，所以配色的表现力低于文字信息，所以我们通常选择浅色而不是深色，这样界面会更简洁透明。除非在某些特定的产品场景中，否则应谨慎使用深色分界线。

　　4.合理使用投影的颜色和透明度

　　通过突出按钮、卡片等。可以增强立体感和层次感。做投影的时候需要根据不同的背景改变投影的颜色和透明度。

　　灯光背景下的投影颜色将通过选择左上角拾色器的位置和10%到40%之间的透明度(个人经验)来调整。深色背景下的投影颜色将通过选择拾色器右下角的位置和20%至40%之间的透明度(个人经验)来调整。

　　投影的权重符合页面设计的氛围，投影的应用是为了增强元素的立体感和层次感，而不是影响整个页面的视觉平衡。

　　5.不要过度修饰，让界面更简洁

　　设计需要准确把握“度”，过度的设计会干扰信息的传递。通过减少不必要的设计元素，让信息出来，整个界面会更加简洁、清爽，不会让用户分心。6.画面比例视在地平线的统一

　　在字符显示的设计中，如果多个字符并排出现，为了保持视觉平衡，我们需要调整并排图片的大小比例，就像所有字符都是以相同的焦距拍摄一样。在调整人物的上下位置时，我们应该尽量控制视在地平线的方向，使他们的眼睛处于同一位置左右。

　　7.控制界面中的配色数量

　　在一个界面中控制三种颜色相对容易。如果超过三种颜色，就考验设计师的基本功了。如果色彩处理不到位，就会出现五彩缤纷的“视觉盛宴”。

　　在选择颜色组合时，使用颜色相近的配色方案，可以使颜色更加和谐、交融；如果你想更清晰地突出一些元素，对比色是一个很好的选择。无论选择什么配色方案，都要控制界面中配色的比例，这样才不会干扰信息传递。

　　8.合理的设计比较

　　相比之下，信息模块可以更加独立，界面层次更加丰富。在这种情况下，不同的信息模块通过不同的背景颜色来区分，提高了整个界面的节奏。颜色的选择可以是同一颜色体系中不同明度的渐变表达，也可以选择不同色调的穿插搭配。

　　9.提高地图的质量

　　图片质量影响整个界面的风格。如今，越来越多的产品将图片美化后展示给用户，以增强产品在用户心目中的印象。我们在设计方案的时候，也要精心挑选搭配图片，通过后期裁剪、曲线调整、色彩调整等手法，让同一个模块的搭配图片视觉效果更加和谐。

　　信息传递问题

　　10.清楚地表达图标的含义

　　移除图标副本后，界面会更加“强迫”，但你确定用户能理解图标所表达的意思吗？当我们设计界面时，图标是为了帮助解释副本传达的信息。如果删除复制信息，图标本身需要有很强的信息传递能力，以保证用户能够正确识别。

　　11.正确表达按钮属性

　　按钮的设计必须清晰准确地传达当前状态，不能给用户带来对视觉效果的错误判断。比如深灰色按钮的用户会明白自己被禁用，放弃点击。

　　按钮的颜色、大小和样式用于指导用户操作。需要加强的地方要做的突出，整个界面不要处于优先级不明确的状态，分散了用户的注意力，削弱了界面需要传达的主旨。

　　12.正确处理文字排版的层次关系

　　我们在工作中得到的需求中总会有一大份，不能像概念设计那样随意删减。排版时，正确处理信息之间的层次关系，会提高用户对信息的识别度。我们通常通过字号、颜色、空格、层次分割等技术进行处理，对属性相同的信息进行分类设计，通过不同的空格实现层次分化，使整个信息排列的顺序清晰。13.线条和颜色块分割的合理应用

　　线通常用于划分相同类别或具有相同属性的元素；而色块更多的是用来划分不同的类别或者区分不同的属性，从而达到层次清晰、分类清晰的目的。在选择分割形式时，要根据信息之间的关系表达清楚，不能为了视觉效果而盲目使用。

　　14.提前估计信息呈现的最大价值

　　在界面布局中，应该定义信息呈现的最大值，而不是取最小值进行设计。如果长度范围太理想，界面风格可能会更美观，但落地后会给用户带来非常不好的体验。

　　15.使用提示提高用户阅读效率

　　在大文本信息的布局中，合理使用提示会提高用户对信息的理解，快速找到需要的信息。提示可以是数字、字母、图形、色块等。只要他们能有效区分信息等级。

　　16.布局清晰而集中

　　好的界面布局是为了引导用户更好的阅读和操作，界面布局要有层次和重点，而不是简单的罗列信息。通过卡模块的差异化和尺寸变化，可以很好地进行视觉引导，大大提高了用户对界面的理解，从而提高了用户的操作效率。

　　17.信息布局符合阅读习惯

　　从左到右，从上到下阅读是我们现有的习惯。如果你想打破这种习惯，用视觉来表达，你将面临巨大的挑战用户体验的压力。

　　概念表达问题

　　18.同一界面下圆角直角的统一

　　在同样的界面设计中，圆角和直角的选择要在界面上显得更加均匀，视觉表达不能因为混合应用而不一致。如果选择圆角作为视觉语言，同一模块下圆角的大小应该统一，这样整个界面设计的视觉语言就更加规范统一。

　　19.设计元素的表达符合用户的心理

　　设计的目的是帮助用户更好的理解界面的操作逻辑。如果你的设计改变了用户的心理和习惯，可能会增加用户的学习成本或者被用户抛弃。我们在设计界面的时候，如果要设计一些创新的操作规则，就需要做更多的研究和测试，确保规则符合用户的心理。

　　20.设计表达的一致性

　　同一个信息模块用统一的设计表达，不应该为了改变而加强用户的理解。前后信息设计的多样性在视觉上可能更丰富，但用户会明白这是两个不同的模块，操作会有所不同，无形中增加了用户的思考时间和学习成本。

　　21.不要把网页的习惯带入APP设计

　　网页和APP的设计本质上有很多不同的视觉表达规则。在设计APP界面时，要脱离网页的一些交互习惯，回归移动用户的习惯，使界面的操作逻辑更加流畅。22.使表单设计更加简洁

　　表单设计在界面上随处可见，用户总是不愿意看到无尽的表单。为了缓解用户的心理活动，我们通常会对属性相同的表单进行组合汇总，一步一步填写，让用户觉得内容很少。通过这种视错觉，用户可以完成表单。

　　23.空界面中插图的使用

　　为了提高APP的情感设计，插画越来越受欢迎。在空界面的一些设计中，也从以前的纯文字变成了一些插图，给用户带来了更多的乐趣。

　　24.用真实的信息填充你的设计

　　经常看到一些设计稿的整个界面都是一样的有图，随意输入的文案看起来很不专业。为了减少视觉着陆的差异，我们在设计时试图用真实有效的信息填充我们的设计草稿，以便在提出时给决策者一个恢复真实场景的有效解决方案。

　　总结

　　APP设计中有很多细节需要设计师注意，这里就不一一列举了。很多理论来源于书本和项目经验，希望与大家分享。

　　设计是一条漫长的路，没有一成不变的结论。作为互联网时代的设计师，我们要不断反思和总结，打破常规和束缚，接受更多的新元素，让设计作品更符合这个时代。