作品包装/展示中的用色
小编：包装设计作品必须具有审美价值。设计的形式美，是美在设计中的表现形态，是线条、色彩等在一种合乎规律的联系中所呈现出来的能引起美感的审美特征。作品有了形式美，才能完美体现设计主题，使你的包装设计作品更赏心悦目，给予欣赏者美的感受。
快年底了，大家又要开始着手整理这一年的作品集
那么如何快速的提升作品集的展示效果，增强自己作为专业设计师的逼格？
相信是很多同学关心的事
一说到作品包装，有些同学想到的是
套用Mockup
▽
拉透视
▽
还有一些同学在展示布局上特别用心
▽
有人用了这些方法，作品立刻脱颖而出，而更多的人却被说成表面功夫，这是为什么？
排版固然重要，但色彩的运用同样不能忽视
有时色彩甚至是作品脱颖而出的关键

试想一下，在Dribbble 有很多高人气作品，虽然内容平平，但只要颜值到位，依然可以圈粉无数
▽
在这看脸的时代，没有颜值的作品，纵使布局考究，也鲜受
设计师的作品必须精致，像女人一样精致
衍生阅读《没义务透过邋遢的外表，发现你优秀的内在》
如何快速打造有颜值的作品包装，让你作品备受青睐
很多设计师都为此苦恼
今天就和大家聊聊，如何提高作品逼格
[ 前言 ]
首先你要明白一件事非常、非常、非常重要的事
作品包装不是设计图的简单罗列，更不是让你世界展现产品的线上截图，作品包装包好比女生用美颜相机自拍
▽
为的是展现作品最完美的一面，下面将为大家讲述，如何提升作品的颜值
NO.1
包装色调
目前主流的 APP 界面配色都是下面这样
▽

APP 界面中品牌色已沦为点缀色，界面的颜色主要来自内容
且 APP 的品牌色通常不会随着设计师的主观意愿进行调整
既然设计师无法改变 UI 界面的颜色，那我们就从包装的背景色着手，常见的配色手法有四种：
（ 长图太占空间，下面均以小图示意 ）
1.同色系配色
（最常见）
指主色和副色都在同一色相上，在配色上营造一致性
2.类似/邻近配色
这种方法最为常见，可以让页面颜色更加丰富，且色相过度柔和，看起来非常和谐
3.中性配色
即背景以黑白灰为主，突出内容（UI 界面），使之不受背景色的干扰，这种配色不经非常经典，还很百搭
4.对比色配色
背景和内容色彩间的对比形成强烈的视觉冲击，使内容变得更加突出
NO.2
界面色
上文提到，目前 UI 界面中的色彩主要来自内容
在新版 Apple Music 中，苹果让每张专辑自己说话：展现专辑本来之美
类似的理念，在 Instagram 改版中也早有体现，其设计主管 Ian Spalter表示
「我们相信色彩应该直接来自社交的照片和视频才对」
对此，我们可以宽泛的理解为
界面色=内容色
如今，目前越来越多的 APP 朝着突出内容的方向发展
在内容变得越发突出的同时，内容的质量也变成一把双刃剑
好的内容不仅可以提升产品气质有的时候，可以撑起整个作品，如下
▽
而差的内容则却能让产品气质瞬间归零，以 Ins 为例
▽
线上产品内容质量受 UGC、运营编辑、后台技术等多种限制，很难以最完美的效果呈现给大家
庆幸的是，设计师在包装环节可以通过自己精妙的配图，展现作品最完美的一面
但是，配图并不是简简单单的去扒一些美图那么简单
不仅要根据整个包装的配色反复斟酌，还要符合产品原有的气质，选图的思路如下
1.展现美的内容
如果你对内容质量的把控度不高，建议你可挑选专业摄影师的作品
人像用模特硬照或明星写真（含网红），这类的图片都是经过专业修片，质量有保障
2.色调和谐
在确定包装的整体色调后，内容的色调根据包装的整体效果进行挑选
下面这张图来自Dribbble
用下面两张图替换原作品中的图片，结果会怎么样？

虽然内容质量过关，但却破坏了原包装的整体色调，拉低了展示效果
3.完善细节
我总结了几个选图要点，希望可以帮助大家规避一些问题
① 烘托氛围
出于某些原因，国内很多设计师时常会出一些英文设计稿
如果要做英文设计，在内容配图上最好以外国人为主
而类似于“今日故宫”这样带有中国风的产品，在选图的时候，如果插入老外图片则显得很跳戏
② 背景不重色

如果 UI 界面中背景为白色，那么图像背景色要避免大面积出现白色
避免与 UI 背景色相同，造成图片没有边缘感
③ 慎用蓝天白云

蓝天白云是中国民间最为常用的素材，作为一个有逼格的设计师你好意思在配图中出现这个？
如果要用，除了避免大面积出现以外，还要调整图片的整体色调
④ 主体适当

尽可能选择或截取近景图
图像的主体可占到图片尺寸的1/2左右
案例分享
下面将实例讲解以往个人作品的包装思路
背景
去年受某培训机构邀请，做一个通过配色提升包装效果的范例
范例主要想体现在简单排版的情况下精通过“色”的修改提升包装效果
包装对象
爱奇艺啪啪奇6.1设计图，如下
包装开始
1.确定包装的主色
初步设定：产品的主色为绿色，故在整体配色上，以冷色系为主，同时选用绿色的类似色进行搭配

不仅可以使包装颜色更加丰富，形成柔和的渐变，还可以增加一丝神秘感，提升整体感觉

2.确定素材
原设计图中所用素材人物，多以微笑为主和蓝紫色的冷艳气质不符
为此我把目标锁定在面无表情的 Model 上，并结合展示布局
▽
如果整体都是艳丽的颜色，不仅会造成视觉疲劳，且会降低素材的新意
所以需要找到蓝紫色和白色两套素材
原本打算以亚洲模特为主，无奈亚洲模特可用素材不多，不仅颜色相对单一，且多为杂志封面
▽
最终还是选用了国外模特
▽
3.中文 or 英文
啪啪奇原始的设计稿为中文
我是真真切切不想将其替换成英文（嫌麻烦）
可在中文界面下，部分页面展示效果较差，大家可通过下面两组对比自行感受下
▽
最后出于对展示效果的考虑，还是将界面中的汉字替换成了英文
–
中英文视差的相关分析，可详见《iOS10 新设计的弊端，跟风需谨慎》最后一节
4.细节调整
至此，文字变成了英文，图片素材采用国外模特，为了进一步完善包装效果
将页面中的圆角改为直角（直角更符合冷艳气质），并调整蒙层的细节
▽
同时将界面和包装中出现的社交图标，如QQ、微信、微博等国内应用
逐一换成Facebook、Twitter、Ins等国外应用
▽

5. 输出成品
文字是展示的一部分，在包装环节可结合产品特点及包装整体效果选择文字内容（中/英文、字体）
对某些字体特殊的产品，如 今日故宫
在包装上，采用与APP相同的中文方正清刻本悦宋字体
包装效果自然更佳
[ 后记 ]
以上三类产品，都可以通过上述办法快速提升包装效果
比如下面的界面
虽然布局简单，却能做出酷炫的包装
▽
[ 结束语 ]
作品的展示包装固然重要，但优秀的设计思维才是支撑设计师未来道路的基石
如果沉迷于包装，忽略真实的产品设计，反倒会给自己带来无尽的烦恼
『 颜值只能揽客，活好才是硬道理
设计师应当内外兼修 』
最后祝大家在年底收获更好的机会，2017年有更多更好的作品出街面世
文章来源：站酷
作者：海边来的设计师
相关推荐
-
最新的APP 6页包装展示模板PSD下载！
小编:今天给大家带来的是由graphicsfuel带来的最新的APP 6页包装展示模板.当设计师们设计好了APP,需要展示的时候,该资源就发挥出他的作用了.5000×4000分辨率 完全独立的分层,展 ...
-
提升学历or专研作品，迷茫中的设计师到底该如何抉择？
虽然这几年我回答了成千上万个问题,但有一个问题我还没有详细的帮大家解答过,那就是设计师到底该不该读专升本或者要不要读研这个问题. 刚好上周有一位刚刚上了专升本远程教育的面粉向我发来了自己的反馈和疑问, ...
-
干货！作品集设计技巧，准备好了吗？
写在前面 提到作品包装最常见的分为平台型作品包装和作品集包装,我们今天一起探讨的是作品集包装思路.随着用人单位对设计师的要求逐渐变高,设计师的竞争压力自然不小,为了给面试官更好的整体印象,设计师在自己 ...
-
高手经验：进行APP设计改版的15个技巧
提到这个话题有两层不同的讨论方向,在工作中对公司项目进行设计改版和利用业余时间进行自由主题的改版练习.这次我们主要以后者为出发点进行讨论,其目的是为了给部分设计师在利用自己业余时间上面探索出一个新的方 ...
-
实例解析作品如何包装才带感？
小编:包装的意义在于可以给作品加分,展示的更加完整.做好作品后,包装可是展示设计师功底和专业性的好机会,让你的作品集在别人眼前增分不少,甚至留下深刻美好的印象,获得一些更好的机会都是有可能的哟~ 发现 ...
-
如何在快手中设置作品为私密
手机版快手软件被很多人使用,用来刷视频,发布视频动态等, 有的用户在使用该软件发布作品时,并不想要别人看到自己的作品,因此想要设置作品为私密作品,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具 ...
-
怎么在抖音火山小视频中设置不显示作品在同城中
手机版抖音火山小视频软件被很多人使用,用来看视频,发布视频动态等, 有的用户在使用该软件时,为了自己的隐私安全,因此想要设置自己的作品不在同城中显示,但是却不知道如何设置,那么小编就来为大家介绍一下吧 ...
-
怎么做才像在BEHANCE经常发作品的设计师？
越来越多的国内设计师开始转战Behance,在社区中展示自己的设计案例的全部细节,那么在这个高手云集的设计社区当中,应当怎么做才看起来像是经常在Behance中经常发作品的设计师呢?今天UI设计师Al ...
-
设计师找工作，在整理作品集和简历的时候有哪些注意事项？
说到作品集,顾名思义肯定是把作品汇集在一起嘛,而且作品集的使命可就大了,它是要用来展示你的实力的,用来吸引到合适自己的雇主或同行朋友交流用的. 那么既然如此,我却看到很多人陷入了一些误区,针对这些误区 ...
