设计师解读如何快速提升作品格调(4)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:海边来的设计师

关键词

案例分享

下面将实例讲解以往个人作品的包装思路

设计师解读如何快速提升作品格调,PS教程,思缘教程网

背景

去年受某培训机构邀请,做一个通过配色提升包装效果的范例

范例主要想体现在简单排版的情况下精通过“色”的修改提升包装效果

包装对象

爱奇艺啪啪奇6.1设计图,如下

设计师解读如何快速提升作品格调,PS教程,思缘教程网

包装开始

1.确定包装的主色

初步设定:产品的主色为绿色,故在整体配色上,以冷色系为主,同时选用绿色的类似色进行搭配

设计师解读如何快速提升作品格调,PS教程,思缘教程网

丰富:接着我又在背景色中加入了紫色

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

设计师解读如何快速提升作品格调,PS教程,思缘教程网

2.确定素材

原设计图中所用素材人物,多以微笑为主和蓝紫色的冷艳气质不符

为此我把目标锁定在面无表情的 Model 上,并结合展示布局

设计师解读如何快速提升作品格调,PS教程,思缘教程网

如果整体都是艳丽的颜色,不仅会造成视觉疲劳,且会降低素材的新意

所以需要找到蓝紫色和白色两套素材

原本打算以亚洲模特为主,无奈亚洲模特可用素材不多,不仅颜色相对单一,且多为杂志封面

设计师解读如何快速提升作品格调,PS教程,思缘教程网

最终还是选用了国外模特

设计师解读如何快速提升作品格调,PS教程,思缘教程网

3.中文 or 英文

啪啪奇原始的设计稿为中文

我是真真切切不想将其替换成英文(嫌麻烦)

可在中文界面下,部分页面展示效果较差,大家可通过下面两组对比自行感受下

设计师解读如何快速提升作品格调,PS教程,思缘教程网

最后出于对展示效果的考虑,还是将界面中的汉字替换成了英文

中英文视差的相关分析,可详见《iOS10新设计的弊端》最后一节

 收藏