半夜突发饿疾,领悟了设计配图该怎么选

用户头像
上海/设计爱好者/1天前/474浏览
半夜突发饿疾,领悟了设计配图该怎么选
深夜点外卖突发灵感,准备用外卖配图给大家展示下配图的重要性(嗝...
配图是作品集项目设计的重要组成部分之一,但很多同学一直处理不好配图,且苦于不知道提升的方向。所以这篇内容内容就以线上的真实案例为例,来理解
配图的选用思路
配图的基本要求
在设计中应用配图是要遵循一些基本原则的,除了要符合主题、图片质量要高这种基本的要求外,还需要满足主体突出、风格一致、色彩均衡等进阶要求。
下面我们就以线上真实案例为例,来展示满足和没满足这些要求所产生的具体差异。
要求1:主体突出
主体突出指的是图片中包含一个显眼的主体物,且它的背景并不会过度干扰该主体的展示。如果主体不突出,或者背景要素太多,就会让界面显得非常的混乱。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1MzI=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
要求2:风格一致
使用的配图之间风格要尽量保持统一,包括类型、布局、质感、色彩、角度等等,这能让页面形成更和谐一致的视觉效果。如果图片之间差异过大,割裂感就会加强,从而导致视觉观感不佳。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1MzY=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
要求3:色彩均衡
色彩均衡并不是光指图片本身的配色和谐,而是指把它置入界面中和周围环境的色彩搭配看起来是否均衡。在界面中的一切色彩都不是孤立存在的,图片也是配色的一部分,如果图片配色和UI元素色彩对立,那么同样会带来让人反感的视觉体验。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NDA=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
除了以上应该实现的要求以外,还有几个尽量要避免的雷区,包括使用
AI图、过度使用文本、抽象搞怪、二次元形象
等等,下面展开讲讲:
问题1:AI 图
AI 生成的摄影图片缺乏活人感,且脸谱化很重,所以会让人厌烦,这个点也是反复和学员强调的。其它场景、商品图也不容易把控,很容易陷入套路化的风格,所以只要能不用就尽量不用。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NDQ=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
问题2:过度使用文本
图片中包含文本,且文本数量很多看不清,或使用的字体和文本像用 Word 打出来的,这些内容只会成为累赘。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NDg=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
问题3:抽象搞怪
一些比较抽象的图例,虽然在特定场景下可以发挥出不错的效果,但在作品集场景中不会,只会让界面和设计也变得“抽象”。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NTI=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
问题4:二次元形象
二次元类图例的风格往往和 UI 设计的风格会有很大冲突,如果不是产品本身就是这个方向的,那么这类图例就很难融入到界面中去。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NTY=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
我们可以
从日常的各类软件使用体验中去多多留意配图的好坏
,而不是光靠看线上的设计案例作为参考。
培养留意日常使用到的界面中配图所产生的效果,就是最快的积累相关经验和审美的方法。
进阶的配图应用案例分享
前面提到的内容只是保证配图的应用中不出错,但光靠这几条原则是很难出彩的,所以我们还要学习
更优质的配图应用案例是怎么做的
在各类平台和主页中,重视视觉的品牌会高度重视配图的使用,会有营销设计师经过精心的设计和准备再上线,而不是运营自己随便挑出来的。
类型1:使用统一背景图
一种最简单的模式,在列表图片或不同图片中使用统一的背景图或色彩,形成更一致的氛围感。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NjA=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
类型2:氛围图应用
更偏向氛围感的背景摄影图,结合 LOGO 和 Slogn 字体,形成更“写意”的品牌质感。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NjQ=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
类型3:隔空连接
将不相关的图片区域用一张图进行填充,形成更整体、统一的观看体验。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1Njg=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
类型4:边缘突出或镂空
在图片的填充区域,刻意在四周留白让主体突出,形成更好的空间感,或者只留白形成不规则的图形边缘。
半夜突发饿疾,领悟了设计配图该怎么选(图ZMTU4NTE1NzI=) - 观点 - 站酷设计师酸梅干超人原创素材 - 站酷ZCOOL
收藏
上面提到的四种类型只是线上众多优秀案例的一小部分,还有非常多有趣、充满创意性的优秀配图类型很难做出总结,就需要大家自己去发现了。
总结
所有在意形象的品牌和产品都会绞尽脑汁的优化配图质量
,作为消费者的你可以不在意这些东西,但品牌自身和锚定的用户群体在意,以及看你作品集的面试者在该场景下也会在意。
同时积累线上优秀案例的另一个好处,就是在你自己进行配图设计的时候能输出相对成熟的方案,而不是完全飞机稿化,所以少看点网上案例,多看点自己的手机作用会比你想得还大。
我们下篇再贱~
19
举报
|
10
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI 登录界面设计模板包
UI界面 组件
手表表盘UI系列
高级感金属拟物 UI设计组件库
Security Camera UI kit
我的钱包-UI界面设计-app
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】优惠券icon
【新年UI图标】影音icon
钱包ui模板
【新年UI图标】钱包icon
【新年UI图标】银行卡icon
【新年UI图标】珠宝icon
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
UI应用平面图标
盲盒APP UI设计
【新年UI图标】游戏/娱乐icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
大家都在看
登录注册