UI界面设计 ·

影响一款APP产品配色风格的四大因素是什么

25学堂每天就是想跟大家分享一些关于APP设计方面的知识点,让我们每一个每天都有一点收获和进步,让自己变得更好!

今天的主题是:影响一款APP产品配色风格的四大因素是什么? 欢迎各位各抒己见~

Material Design配色网站

配色一直都是我们APP设计师必须花大部分的时间去了解色彩、增强自己的审美和努力寻找大自然当中的色彩搭配奥秘。

 

废话少说!25学堂小编认为影响一款APP产品配色风格的因素有很多,具体一点可以分为以下四种。

 

 

第一大因素:手机APP的使用场景

 

在我们选择适当手拿智能手机的各种场景素材2

的配色方案和背景类型时,需要考虑的另一个因素就是用户的使用场景。

例如在自然光的投射下,黑色背景会产生反射效果,特别是平板电脑和智能手机的屏幕,这会影响用户对屏幕内容的阅读。

从另一个方面说,在光线不好的条件下,暗色背景的导航对用户来说更加合适。所以对于不同的使用场景,颜色组合,对比度和阴影的使用,APP设计师应该足够的考虑周全。

 

 

第二大因素:手机APP产品的视觉层次

同一个页面中内容有着不同的优先级顺序,有的内容很重要或者我们希望用户首先看到,这类优先级高的内容我们在设计的时候就应该着重表现。

我们可以通过色彩搭配来建立页面的视觉层次,凸显用户真正需要关注的信息。

模糊效果是我们衡量页面视觉层次的一项重要测试工具。

app模糊效果

模糊效果可以帮助我们发现页面的视觉重心,了解用户的目光是否放在我们希望被关注的内容上。

同时,模糊效果可以让不同层级的功能与内容出现在同一个页面中,特别是对于一些内容比较繁杂、功能比较多的app来说,模糊效果可以简化操作流程,减少用户的学习成本。

下面教大家一招。

方法其实很简单,我们只要将图片导入进Photoshop,并对图片进行高斯模糊处理,强度为5-10px。就像上图一样,模糊处理后页面,模拟的就是用户第一眼看到页面的场景:用户对页面整体布局会有一种大致上的认识,但是不会注意到具体细节。

如果模糊状态下的页面我们找不到任何重点,那么就意味着我们要重新做出一些调整了。

 

 

第三大因素:适配问题

无论是设计一个app页面还是网页,我们要记住用户会在不同的设备下使用我们的产品。在高分辨率屏幕下一些很酷炫的效果在低分辨率的屏幕下就会很“脏”,原有的效果无法体现出来。所以设计师应该注意产品在不同屏幕下的适配问题。当然这个在设计的早期构思过程中就应该被考虑到,什么样的版式与配色会很好的完成适配。

让H5适配所有的移动设备

比如:卡片式设计就可以对页面内容进行分割重组来适应不同的屏幕。卡片本身还具有很强的伸缩性,可大可小。卡片式设计可以在不同大小的屏幕中仍保持视觉风格的统一。

APP卡片化立体展示设计33

第四大因素:是不是易读性的界面

屏幕背景色的选择会对内容的易读性产生极大的影响,这是产品用户体验中我们最看重的一部分要么是白底黑字,要么是黑底白字。

因为我们主要通过眼睛来获取信息,如果这款产品的屏幕内容我都无法看清,那么就没有继续使用下去的欲望了。

特别是对于以文字为主体的app或网站来说,糟糕的易读性会导致用户忽视重要的信息,而且增加了用户的阅读成本。用户必须耗费很大的精力才可以获取信息。

所以说即使你的APP产品在其他方面做得很出色,如果易读性很差,你这样的APP产品将会致使你损失大量用户。如果你的APP是电商类的APP,复购率也会降低。

以上就是25学堂跟大家分享的四个影响一款APP产品配色风格的主因。值得各位APP设计师多注意多练习。

总的来说,设计配色风格是设计开始的第一步,定好了色彩设计风格,后续的设计工作才能继续...

参与评论