设计出好的APP界面,需要注意颜色搭配
颜色
在开始着手做设计稿之前,我们需要定义APP的主色,和辅助色。
1. 注意主色和辅助色占比,控制好界面中的辅助色数量
辅助色使画面更加丰富,具有装饰性作用,在页面中占比较小,一般控制在2个左右,会比较好把控。页面中的颜色数量一多,设计起来难度就更大,出错的几率也相应增加,同时太过鲜艳的画面也会影响到页面的阅读性。
2. 尝试不同的配色方法
对比配色
对比色给人视觉上的冲击比较大,夺人眼球,如下图案例中蓝色和橙黄色的巧妙搭配不仅丰富了画面,还成为了页面中很大的亮点。所以,对比配色处理得好能一定程度上给页面加分。当然,也要谨防配错色。
单一配色
单一配色能带来整体的统一感觉,不同深浅的主色承载不同的信息内容,可增加品牌的印象。
近似色配色
如果觉得单一配色过于单调无趣,但又不想色彩太缤纷,可以用主色的近似色进行点缀。
渐变配色
渐变作为一种设计趋势,能使页面感受更丰富饱满。但切记不可使用差别太大的颜色,细微的渐变即可。
3. 注意带有自身属性的颜色的使用
带有自身属性的颜色是指已养成大众认知习惯颜色,例如:报错一般会使用带有警示效果的红色系,可点击的文字按钮一般会使用蓝色系。判断失败图标一般使用红色系,成功则是绿色系。如果强行去改变,会让用户困惑,影响体验。