盘点那些容易被忽略的APP设计细节之视觉篇

Post 3 of 1006

如今使用手机上网的人愈来愈多,甚至连搜索引擎都是以移动优先,使得APP设计也越来越受到公司的重视。那么,APP设计中有哪些细节是容易被忽略的?下面,让我们一起看看有哪些特别容易被忽略的APP设计细节,看看各位平时有没有重视!

盘点那些容易被忽略的APP设计细节之视觉篇

① 统一的图标设计风格

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

图标设计风格多样,常见的有线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等,但无论在设计APP时选择何种图标表现形式,相同模块中的图标必须采用统一种风格,以保持界面的统一性。如果是线性图标,也需要保持一致的描边数值。

配色方面,相同模块中的图标应尽量采用相同的颜色;否则,避免使用饱和度以及明度反差过大的配色方案,影响整体的视觉协调。

② 图标大小的视觉平衡

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

由于各个图标的体量不同,加上相同尺寸下不同体量的图标,其视觉平衡也不同(比如相同尺寸的正方形会比圆形显得大),因此为了保持整体视觉平衡,我们需要根据图标的体量对其大小做出相应的调整,而非执着于所有图标都采用相同尺寸。

③ 优化分割线

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

由于分割线的作用是区分上下信息层级和界面装饰,因此我们需要尽量保证分割线的配色表现力低于文字信息,避免分散用户的注意力。最典型的案例就是,在浅色背景上,我们往往会选择浅色分割线,使界面更加简洁通透。

④ 合理运用投影颜色与透明度

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

投影的运用应符合页面设计的氛围,其目的是为了增强元素的立体感与层次感,而不是影响整个页面的视觉平衡。

因此,制作投影时不能单纯用黑色和灰色,而是需要根据不同背景改变投影颜色和透明度。一般来说,浅色背景下的投影颜色透明度设置在10%~40%之间;而深色背景下的投影颜色透明度则建议设置在20%~40%之间,

⑤ 不要过度装饰,让界面更简洁

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

设计需要准确把握“度”,过度的设计只会干扰界面的信息传达;相反,减少不必要的设计元素,可以突出界面重要信息,并让整个界面变得更加简洁清爽,不会分散用户注意力。

⑥ 图片比例&视平线的统一性

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

在人物展示设计中,若并列出现多个人物形象,为保持视觉平衡,需要调整并列图片的大小比例,像所有角色都在相同焦距下拍摄。另外,在人物上下位置的调整上,我们要尽量控制视频线的方向,让他们的眼睛处于相同位置。

⑦ 控制好界面中的配色数量

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

通常,界面配色方案控制在3种颜色以下,相对比较容易把控。若超过3种以上的配色,就会非常考验设计师的功底,把控不当甚至会让整个界面非常凌乱。

另外,选择配色组合时,新手建议使用同色系或邻近色搭配,使整个界面色彩更加协调和交融;想更鲜明地突出某些元素,采用对比色是不错的选择。不过,无论选择哪种配色方案,都需要控制好界面中的配色比重,保证信息传达不受干扰。

⑧ 合理地进行设计对比

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

鲜明的对比效果,能给界面带来丰富的视觉层次和强烈的视觉冲击力。除此之外,使用对比手法,还具备强调重要元素、增强界面的可读性,以及为界面视觉效果添加趣味性等作用。比如,很多设计师都喜欢使用不同颜色来区分不同信息模块,以提升整个界面的节奏感。

⑨ 提高配图质量

盘点那些容易被忽略的APP设计细节之视觉篇

APP设计细节

图片质量影响整个界面的格调。现在很多企业为了提升在消费者心中的印象,都会对图片进行美化后再展现给用户。因此,在选用网站图片时,除了尽量考虑高清图片外,还需要通过后期裁剪、曲线调整、色彩调整等技巧,使图片的视觉效果更加协调。

最后,我想说……

视觉设计是APP的重要组成部分,它不仅影响用户对APP的第一印象,甚至被认为是对APP最重要的印象。可见,重视APP视觉设计的细节是多么重要!

当然,有关APP设计的细节,并不只在视觉效果上,信息传达和概念表达同样有不少细节是需要我们重视的。欲知后事如何,请待下回分解!

This article was written by admin

MENU
網頁設計公司