通过马赛克采集颜色
借助Photoshop滤镜将图片进行马赛克处理,可以得到优秀作品或者摄影图片的配色组合,特别适合采集同色系的配色。
采集方式:Photoshop打开图片 → 滤镜 → 像素化→ 马赛克 → 设置单元格大小。如图(3-7)
图(3-7)
关于色彩还是要在于平时多积累多看,不仅局限于设计领域,还可以看摄影作品、电影、艺术品等。细细体验其中的配色,并加以分析,日积月累,配色能力就会慢慢提升的。下面进入最后一个板块:
4.图片选择很重要
图片在APP有着举足轻重的地位,新手往往忽视了图片的重要性,在做界面的时候,随意配图,导致整个界面凌乱不堪。图片的展现形式和图片的质量都影响着用户对产品的感官体验。
4.1图片比例
1:1的图片比例是app中常见的一种图片比例,规整简单,易排布,能够突出主体。常用于产品展示,电商类app用得较多。如图网易严选(4-1)
图(4-1)
4:3的图片比例可以使图像更紧凑,更易构图。多用于左右排版的文章列表,和旅游租房民宿类的产品图。如图自如(4-2)
图(4-2)
16:9的图片比例视野开阔,适合横向构图。也是app设计中常用的一种尺寸。在视频影音娱乐类的产品中经常使用。如图腾讯视频(4-3)
图(4-3)
4.2二次处理
许多时候我们在网上找的图都不是非常如意的,这个时候我们就要对图片进行二次处理。
调色:我们找到一张图片时,可以对图片进行对比度的增强,调整色阶曲线,这样会增加图片质感。如果色调不符合产品调性,可以用正片叠底的方法加一个颜色遮罩,然后调整透明度。以达到色调的统一。如图(4-4)
图(4-4)
图片的构图比例也必须要一致,在做同一板块的时候要保持图片构图比例一致性。如在做在人物展示的设计中,如果并列出现多个人物形象,为了保持视觉平衡我们需要调整并列图片的大小比例,就像所有角色都是在相同焦距下拍摄的。在人物上下位置的调整上面我们要尽量控制视平线的方向,让他们的眼睛处于相同的位置左右。如图(4-5)
图(4-5)
4.3产品调性
app设计中图片的使用,能直接决定产品的整体调性。从图片质量和图片规范上来进行讲解。
图片质量
越来越多的产品对图片质量开始加以重视,图片的质量影响着整个界面的格调。如图(4-6)
图(4-6)
图片规范
图片规范就是保持整个产品的图片构图一致、背景一致。多用于电商产品中,例如网易考拉,在改版前后,对商品图做了一个规范性设计。网易考拉在整体品牌传达上使用的模特照片应是排除大面积的纯色或复杂的背景元素的简洁的图片。应避免使用拥有过分复杂的背景、夸张的造型、花哨的道具等妨碍品牌本质的元素的模特以及商品照片。如图网易严选(4-7)(4-8)
图(4-7)
图(4-8)
结束语
本篇文章从四个方面:图标、板式、颜色、图片进行讲解。都是通过平日的学习和工作的积累总结出来的。每个方面讲了最基础的知识点。其实还有很多细节和深层次的知识点需要去挖掘。app设计看似简单,如要做得更出彩,还需要不断的深究学习。
希望我的总结能对你有所帮助,不足之处希望留言指正。
飞特游客
委托设计