黑马程序员技术交流社区

标题: 你与资深设计大牛就差这一点微妙细节！ [打印本页]
作者: 播妞    时间: 2018-7-4 11:56
标题: 你与资深设计大牛就差这一点微妙细节！
随着移动优先的趋势，APP的设计也越来越受到公司重视，不断地提高APP的设计质量是每个设计师的追求，有哪些设计中的细节被你忽略了呢？让我们一起来看看这些细节你都把握住了吗。

一、明确表达图标的含义
去掉图标文案之后界面会显得更“逼格”，可是你确定用户能看懂图标表达的含义吗？我们在进行界面设计时，图标是为了辅助说明文案所传达的信息，如果去掉文案信息，那么需要图标本身带有很强的信息传达能力，确保用户能正确的识别。

二、正确的表达按钮属性
按钮的设计必须要清晰准确的传达出当前状态，不能为了视觉效果而带给用户错误的判断，例如深灰色的按钮用户会理解为是禁用状态而放弃点击。
通过按钮的颜色、大小、风格等来引导用户进行操作，需要强化的就要做得突出，不要整个界面都处于主次不明的状态，分散用户的注意力，削弱了界面需要传达的主旨。


三、正确处理文字排版的层级关系
工作中我们拿到的需求总会出现大篇幅的文案，不能像概念设计那样任性的删减，在进行文字排版的时候，正确的处理信息之间的层级关系将会提高用户对信息的识别度。我们通常会通过字体大小、颜色、留白、层级分割等技巧来处理，把相同属性的信息归类设计，通过留白的不同达到层级的区分，让整个信息排列主次分明，层级清晰。

四、线条与色块分割的合理运用
线条通常用于分割同一类别或拥有相同属性的元素；而色块更多的是用于分割不同类别或者区分不同属性的元    素，以达到层次清晰，归类明确的目的。我们在选择分割形式的时候要根据信息之间的关系作出明确的表达，不可为了视觉效果而盲目的穿插运用。

五、要提前预估信息呈现的最大值
在进行界面布局时，明确信息呈现的最大值，而不是取最小值进行设计。过于理想的长度范围也许界面样式更美观，可是落地之后就会给用户带来非常糟糕的体验。


六、运用提示符提高用户的阅读效率
在大篇幅的文字信息布局中，合理的运用提示符会提高用户对信息的理解和快速找到需要的信息。提示符可以是数字、字母、图形、色块等等，只要能有效的区分信息层级即可。

七、布局层次分明，重点突出
好的界面布局是为了更好的引导用户阅读和操作，界面布局要有层次和重点，而非简单的将信息进行罗列。通过卡片模块的区分和大小的变化可以很好的进行视觉引导，大大提高用户对界面的理解，从而提高用户的操作效率。

八、信息布局符合阅读习惯
从左到右，从上到下的进行阅读是我们已有的习惯，如果你要打破这个习惯进行视觉表现，会承受挑战用户体验的强大压力。

作者: Vosk    时间: 2019-1-8 16:35
好，很好，非常好，Very Good!
作者: 法师v内部空间    时间: 2019-2-18 11:41

好，很好，非常好，Very Good!



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2