发表于: 2018-12-30 22:41:27

1 880





今天完成的事情:


修改小程序






明天计划的事情:


继续做小程序




遇到的问题:


暂时没有




今天的收获:



容易忽略的app设计细节


视觉表现型问题


1. 统一的图标设计风格

    图标设计在整个APP设计中是比重较大的板块之一,图标设计风格有:线性图标、填充图标、面型图标、扁平图标

    手绘风格图标和拟物图标等。无论我们选择何种表现形式的图标都请保持统一性,相同的模块采用一种风格的表现

    形式,如果是线性图标就保持一致的描边数值。图标在配色上面也要保持有规律的统一,采用相同颜色是比较常用

    的配色方式。如果你采用不同色相的配色方式,要保持整体的配色协调,不要出现饱和度、明度反差过大的配色而

    影响整体的视觉协调


2. 图标大小的视觉平衡

    同一个界面出现多个图标时,我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡,由

    于图标的体量不同,相同尺寸下不同体量的图标视觉平衡也不相同,例如相同尺寸的正方形会比圆形显得大。因此

    我们需要根据图标的体量对其大小做出相应的调整。


3. 优化你的分割线

    界面设计中往往细节的处理最容易被忽略,根据界面配色的不同,我们在分割线色彩的选择上面也要做出相应的调

    整。由于分割线的作用是区分上下信息层级和界面装饰,配色的表现力要低于文字信息的力度,通常我们会选择浅

    色而否定深色,这样界面会更加简洁通透。深色的分割线要慎用,除非在一些特定的产品场景下。


4. 合理的运用投影的颜色与透明度

    通过对按钮、卡片等进行投影运用可以增强立体感与层次感。我们在制作投影时,需要根据不同背景改变投影的颜

    色、透明度。 浅色背景下投影的颜色会选择拾色器偏左上角的位置和透明度在10%~40%(个人经验)之间进行调

    整。深色背景下投影的颜色会选择拾色器偏右下角的位置和透明度在20%~40%(个人经验)之间进行调整。 投影

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


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

    设计需要准确的把握“度”,过度的设计会干扰信息的传达。减少不必要的设计元素, 让信息脱引而出,整个界面将

    会更加简洁清爽,也不会分散用户的注意力。


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

    在人物展示的设计中,如果并列出现多个人物形象,为了保持视觉平衡我们需要调整并列图片的大小比例,就像所

    有角色都是在相同焦距下拍摄的。在人物上下位置的调整上面我们要尽量控制视平线的方向,让他们的眼睛处于相

    同的位置左右。


7. 控制好界面中的配色数量

    一个界面中出现3种左右的配色是相对比较容易把控的,如果超过3种以上的配色,是非常考验设计师功底的,如果

    颜色的处理不到位就会出现五彩斑斓的“视觉盛宴”。 在选择配色组合时,使用相似色的配色方案可以使颜色更加协

    调和交融;如果希望更鲜明地突出某些元素,对比色是不错的选择。无论选择何种配色方案,都要控制好界面中的

    配色比重,使信息传达不受干扰。


8. 合理的进行设计对比

    通过对比可以让信息模块更加独立,界面层级关系更加丰富。案例中以不同的背景颜色区分不同的信息模块,提升

    了整个界面的节奏感。颜色的选择可以是同色系中不同明度的梯度表现,也可以选择不同色相的穿插搭配。


9. 提高配图的质量

    图片的质量影响着整个界面的格调,现在越来越多的产品都会对图片进行美化后再展现给用户,目的就是为了提升

    产品在用户心中的印象。我们在设计提案的时候对配图的选择也要精挑细选,通过后期裁剪、曲线调整、色彩调整

    等技法使相同模块的配图视觉效果更加协调。



返回列表 返回列表
评论

    分享到