随着移动互联网的快速发展，使用同一产品移动端的用户数量远远超过PC端。为了更好的提升APP的用户体验，情感化设计也受到越来越多的关注，它能引起用户的共鸣，给用户带来愉悦的心情。
逢年过节，在这个“黄金时段”，很多app会准备很多活动来增加人气；同时还会据此设计一系列节日皮肤，渲染节日气氛，这是树立口碑，增加品牌价值的好时机。节日里有各种风格的皮肤设计，时不时给用户巨大的惊喜和愉悦的感官体验，加强对产品的粘性。
作为提供服务的综合平台，赶集网与电商产品有很大不同。所以我们在设计市场APP的皮肤时，要保证界面的简洁，避免用户被过度的设计弄得眼花缭乱，心烦意乱。在设计皮肤之前，需要确定哪些可以用产品和R&D来设计，并知道每个切口的大小。去市场主要设计了APP首页的图标、底部标签和图标、下拉刷新、个人中心页眉八大类别，同时明确知道需要配置的图标尺寸。我们开始渲染的时候，一般都是以iPhone6的分辨率为标准。
我以市场App中秋的皮肤设计为例，和大家分享一下我的经验。
趣味萌兔喜迎中秋中秋节是中国传统节日中最重要的节日之一，与之相关的设计铺天盖地。在这种习以为常的节日设计中，想要独树一帜并从中脱颖而出并不容易，这考虑的是每一个设计师的综合能力。
在设计之前，我们可以先了解一下中秋节的相关习俗、神话传说、诗词典故，比如:嫦娥奔月、吴刚砍树、玉兔做年糕、拜男妓、赏月赏花、月饼的由来等。那么，要了解中秋节的设计，可以从平面、动画、影视等方面寻找创作灵感。同时也不局限于对中秋的寻找。其他节日的设计可能会带来意想不到的灵感，比如表现手法、造型设计、色彩运用等。
对中秋有个大概的了解后，和产品经理以及其他有需求的设计师一起头脑风暴，收集创作灵感。最后我们决定以兔子为主要元素，设计一套中秋节兔子表情的皮肤。让我们从图标的八个类别开始。
1.确定兔子造型先收集兔子的图片，不断在笔记本上提炼兔子的形状，了解它的身体结构，尝试各种画风。由于主图标尺寸为96×96，要求兔子造型简洁，最终采用了漫画萌萌的兔子造型。给兔子上色的时候，发现只有苍白的近白色的兔子最可爱。这时候一定要有一个底色来突出大白兔。
最近的小白兔最可爱。
你必须有一个背景色来突出白兔。
2.构思创意点中秋节最重要的元素是月亮，它代表团圆。抱着试一试的心情，写生，试着画出月食的变化图。
第一排图标的背景由满月变为圆月，也寓意着人从分离到团聚的过程。然后描述它平时的生活特征，画出兔子的各种可爱有趣的动作，比如开心、睡觉、拿着胡萝卜、躺着。第二排背景显示月亮从升起到落下的形态，其中月亮一直处于满月状态以代表中秋节的团圆日，讲述与中秋节有关的兔子的习俗，并画出做年糕、看月亮、吃月饼和点灯笼的动作。
兔子的表情传达了节日的乐趣和故事。
3.确定色彩色彩是表达节日气氛最直接的表达方法。掌握节日的色彩特征，可以更直接、更准确地表达相应的主题内涵。按照中国传统色彩风格，以红、黄、青为主色调，其中红色代表白天，青色代表夜晚，红绿相间。画面有节奏感，但又不会太单调。对于背景和兔子色，采用微渐变风格，光源统一，既符合当下的设计潮流，又不会显得沉闷。
色彩是节日气氛最直接的表现。
4.丰富细节经过这一步，我发现圆圈的背景比较单调和束缚，于是我尝试加入云的样式来打破圆圈的结构，同时加入星星，让整个图标活跃而丰富。
丰富细节来丰富画面
最后是底部标签页的设计。背景的创意来自中国传统山水画，描绘了月亮在中间升起，兔子在月亮上睡觉，以月饼的形式突出了中秋节的快乐。整个构思既与上面的图标相呼应，又与背景融为一体，没有任何矛盾感，使整个画面更加生动，更好地突出了中秋节的特色。
稿件完成后，整体皮肤界面最终实现了视觉一致性，图形识别性强，充满了幽默和可爱，得到了产品的一致赞赏和认可。身边的同事也纷纷表示喜爱。
最终设计方案草案
赶集APP节日皮肤欣赏2016元宵节皮肤
2016圣诞皮肤
2016元旦皮肤
2017元旦皮肤
2017元宵节皮肤
本文来自人人都是产品经理合作媒体@58用户体验设计中心(微信微信官方账号@58UXD)
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）