创造价值
成就客户

App设计_这些细节的注意,宛如盛装的美人,美上加美

有人说,细节决定成败。在开发水平相当的时候,设计上对细节的把握,可以让我们的app像盛装的美人,美上加美,令人赞叹。

App的设计都有哪些细节了,不放看看黑马青年为大家的剖解:

01、统一的图标设计风格
图标设计风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论我们选择何种表现形式的图标都请保持统一性,相同的模块采用一种风格的表现形式,如果是线性图标就保持一致的描边数值。
图标在配色上面也要保持有规律的统一,采用相同颜色是比较常用的配色方式。如果你采用不同色相的配色方式,要保持整体的配色协调,不要出现饱和度、明度反差过大的配色而影响整体的视觉协调。
App设计_这些细节的注意,宛如盛装的美人,美上加美
02、图标大小的视觉平衡
由于图标的体量不同,相同尺寸下不同体量的图标视觉平衡也不相同,例如相同尺寸的正方形会比圆形显得大。因此,我们需要根据图标的体量对其大小做出相应的调整。
App设计_这些细节的注意,宛如盛装的美人,美上加美

 

03、优化你的分割线
由于分割线的作用是区分上下信息层级和界面装饰,配色的表现力要低于文字信息的力度,通常我们会选择浅色而否定深色,这样界面会更加简洁通透。深色的分割线要慎用,除非在一些特定的产品场景下。
App设计_这些细节的注意,宛如盛装的美人,美上加美

04、合理的运用投影的颜色与透明度
通过对按钮、卡片等进行投影运用可以增强立体感与层次感。我们在制作投影时,需要根据不同背景改变投影的颜色、透明度。
投影的权重要符合页面设计的氛围,投影的运用是为了增强元素的立体感与层次感,而不是影响整个页面的视觉平衡。
App设计_这些细节的注意,宛如盛装的美人,美上加美

05、不要过度装饰,让界面更简洁
减少不必要的设计元素,让信息脱引而出,整个界面将会更加简洁清爽,也不会分散用户的注意力。
App设计_这些细节的注意,宛如盛装的美人,美上加美

06、图片比例&视平线的统一性
在人物展示的设计中,如果并列出现多个人物形象,为了保持视觉平衡我们需要调整并列图片的大小比例,就像所有角色都是在相同焦距下拍摄的。在人物上下位置的调整上面我们要尽量控制视平线的方向,让他们的眼睛处于相同的位置左右。
App设计_这些细节的注意,宛如盛装的美人,美上加美

07、控制好界面中的配色数量
一个界面中出现3种左右的配色是相对比较容易把控的,如果超过3种以上的配色,是非常考验设计师功底的,如果颜色的处理不到位就会出现五彩斑斓的“视觉盛宴”。
在选择配色组合时,使用相似色的配色方案可以使颜色更加协调和交融;如果希望更鲜明地突出某些元素,对比色是不错的选择。无论选择何种配色方案,都要控制好界面中的配色比重,使信息传达不受干扰。
App设计_这些细节的注意,宛如盛装的美人,美上加美

08、合理的进行设计对比
通过对比可以让信息模块更加独立,界面层级关系更加丰富。案例中以不同的背景颜色区分不同的信息模块,提升了整个界面的节奏感。颜色的选择可以是同色系中不同明度的梯度表现,也可以选择不同色相的穿插搭配。
App设计_这些细节的注意,宛如盛装的美人,美上加美

09、提高配图的质量
我们在设计提案的时候对配图的选择也要精挑细选,通过后期裁剪、曲线调整、色彩调整等技法使相同模块的配图视觉效果更加协调。
App设计_这些细节的注意,宛如盛装的美人,美上加美

10、明确表达图标的含义
我们在进行界面设计时,图标是为了辅助说明文案所传达的信息,如果去掉文案信息,那么需要图标本身带有很强的信息传达能力,确保用户能正确的识别。
App设计_这些细节的注意,宛如盛装的美人,美上加美

11、正确的表达按钮属性
按钮的设计必须要清晰准确的传达出当前状态,不能为了视觉效果而带给用户错误的判断,例如深灰色的按钮用户会理解为是禁用状态而放弃点击。通过按钮的颜色、大小、风格等来引导用户进行操作。
App设计_这些细节的注意,宛如盛装的美人,美上加美

12、正确处理文字排版的层级关系
在进行文字排版的时候,正确的处理信息之间的层级关系将会提高用户对信息的识别度。我们通常会通过字体大小、颜色、留白、层级分割等技巧来处理,把相同属性的信息归类设计,通过留白的不同达到层级的区分,让整个信息排列主次分明,层级清晰。
App设计_这些细节的注意,宛如盛装的美人,美上加美

13、线条与色块分割的合理运用
线条通常用于分割同一类别或拥有相同属性的元素;而色块更多的是用于分割不同类别或者区分不同属性的元素,以达到层次清晰,归类明确的目的。我们在选择分割形式的时候要根据信息之间的关系作出明确的表达,不可为了视觉效果而盲目的穿插运用。
App设计_这些细节的注意,宛如盛装的美人,美上加美

14、要提前预估信息呈现的最大值
在进行界面布局时,明确信息呈现的最大值,而不是取最小值进行设计。过于理想的长度范围也许界面样式更美观,可是落地之后就会给用户带来非常糟糕的体验。
App设计_这些细节的注意,宛如盛装的美人,美上加美

15、运用提示符提高用户的阅读效率
在大篇幅的文字信息布局中,合理的运用提示符会提高用户对信息的理解和快速找到需要的信息。提示符可以是数字、字母、图形、色块等等,只要能有效的区分信息层级即可。
App设计_这些细节的注意,宛如盛装的美人,美上加美

16、布局层次分明,重点突出
好的界面布局是为了更好的引导用户阅读和操作,界面布局要有层次和重点,而非简单的将信息进行罗列。通过卡片模块的区分和大小的变化可以很好的进行视觉引导,大大提高用户对界面的理解,从而提高用户的操作效率。
App设计_这些细节的注意,宛如盛装的美人,美上加美

17、相同界面下圆角&直角的统一性
在同一个界面设计中,圆角&直角的选择要更加统一的出现在界面中,不要出现混合运用造成视觉表达不一致。如果选择圆角作为视觉语言,统一相同模块下圆角的大小,不可出现大小不一致的情况,让整个界面设计的视觉语言更加规范统一。
App设计_这些细节的注意,宛如盛装的美人,美上加美

18、设计元素的表达符合用户心理
设计是为了更好的帮助用户理解界面的操作逻辑,如果你的设计改变了用户的心理与习惯,可能会增加用户的学习成本或者被用户抛弃。我们在进行界面设计的时候,如果要设计一些创新的操作规则,需要做更多的调研和测试,确保这个规则符合用户的心理。
App设计_这些细节的注意,宛如盛装的美人,美上加美

19、设计表达的一致性
相同的信息模块采用统一的设计表达,不要为了变化而加强用户的理解。前后信息设计的多样性也许在视觉上面更加丰富,可是用户会理解为这是两个不同的模块,操作会不会也不同,无形中就增加了用户的思考时间和学习成本。
App设计_这些细节的注意,宛如盛装的美人,美上加美

20、别把网页的习惯带到APP设计中
网页与APP的设计在本质上面有很多不同的视觉表现规则,我们在设计APP界面的时候要脱离网页的一些交互习惯,回归到移动用户的习惯中,让界面的操作逻辑更加顺畅。
App设计_这些细节的注意,宛如盛装的美人,美上加美

21、空界面中插画的运用
为了提高APP的情感化设计,插画的运用也开始越来越普遍。在空界面的一些设计中也由以前的纯文字转变为一些应景的插画表现,带给用户更多的愉悦感。
App设计_这些细节的注意,宛如盛装的美人,美上加美

当然,App的设计细节远远不止这些,很多书籍中也有说明,今日引用出来与大家共勉,另外,常州app开发找咖咻就对了!

分享到:更多 ()
上一篇: 下一篇:

只做经得起市场考验的软件应用

了解我们联系我们
 
QQ在线咨询
售前咨询热线
15895089817
售后咨询热线
4008123015