专栏名称: 网易UEDC
网易UEDC,全称网易用户体验设计中心(User Experience Design Center),是网易设计的核心部门。负责网易旗下众多产品的用户体验设计,如网易云、网易云音乐、网易云课堂、严选、易信、邮箱大师、LOFTER、考拉海购等
目录
相关文章推荐
优秀网页设计  ·  AI工具丨AI头像生成神器,定制专属情人节微 ... ·  2 天前  
始室  ·  首发 . TOURISTS 宁静质朴的自然心境 ·  2 天前  
始室  ·  首发 . TOURISTS 宁静质朴的自然心境 ·  2 天前  
国际家居  ·  留白是简约艺术的极致体现 ·  3 天前  
国际家居  ·  留白是简约艺术的极致体现 ·  3 天前  
字体设计  ·  有史以来最伟大的春节(或没有) ·  6 天前  
字体设计  ·  为 Cheetos 设计新字体的过程 ·  1 周前  
51好读  ›  专栏  ›  网易UEDC

网易严选插画风格专题设计五部曲

网易UEDC  · 公众号  · 设计  · 2019-01-21 08:41

正文



前言


插画在中国被俗称为插图,有着非常悠久的历史,最早在佛教文化中出现,以“变相”图解宣传佛教教义,如今一般指为企业、产品、服务所绘制的图画的一种艺术形式。作为现代设计的一种重要的视觉传达手法,插画以其直观的形象性,真实的生活感和美的感染力,广泛应用于现代设计的多个领域,涉及到企业宣传、社会文化活动、影视文化等诸多领域。


插画一方面富于灵活表现,可根据设计师思维和想法进行各类创意,适用于各类视觉主题,另一方面又与严选简约、精致的品牌形象契合度较高,因而是严选专题设计的一个主要表达方向,经常在严选 各类专题设计中得到应用,受到广大用户的喜爱与推崇。


许多刚入行的视觉设计师认为插画风格专题设计需要非常专业的插画功底才能完成,因而尽管觉得插画风格专题唯美、形象 却敬而远之不敢轻易尝试,今天个人从以下五个步骤去解构插画风格专题设计,通过相对简单易学 的基本操作,让没接触过插画风格的设计师也能轻松驾驭与运用。



严选插画风格设计五部曲



整体构思


和所有风格的视觉设计一样,插画风格设计首先也需要进行整体的需求分析,主要进行以下方面工作:


1、分析受众与目标


首先需要对专题的受众进行简单的社会化分析,通过分析大体了解受众的年龄层次、收入水平、审美品味、兴趣爱好等,根据社会化特征信息建立用户画像,有利于设计方向与基调的确定。比如严选的目标用户定位于20-35岁,具有稳定的工作与收入,追求高品质生活的都市白领。




其次需要深入分析专题所需要表达的目标和信息,通过色调、版式、字体、元素等设计手法准确传达信息内容的同时,带给用户更多美的感受,升华主题思想,强化品牌概念与服务。


2、确定情感关键词


所谓情感关键词,就是我们产品的视觉所要表达的情感感受,比如情人节专题确定的“浪漫”、“温馨”、“甜蜜”,新年专题的“喜庆”、“欢快”、“热烈”,父亲节的“责任”、“担当”、“感恩”等等。确定好专题活动的关键词后,将有助于我们进行整体风格的把握与塑造。




3、整体意境构思


确定好专题的方向后,接下来就可以构思整体的意境以及挑选合适的素材,如新年专题我们会想到用大面积红色作为主色调的布局,结合鞭炮、春联、灯笼、年画等中国传统元素,通过合理的组织和编排,加上中国风的字体设计与适当的细节完善,共同勾勒营造一派喜庆祥和的气象。




提取轮廓


基于前一步骤的构思的整体意境,我们需要对挑选的现实素材进行插画化改造。通常我们通过鼠标勾选的形式,将素材的轮廓勾勒出来并填充相应的颜色,使写实的风格形象化、概括化和扁平化。




简化图形


基于前一步骤的构思的整体意境,我们需要对挑选的现实素材进行插画化改造。通常我们通过鼠标勾选的形式,将素材的轮廓勾勒出来并填充相应的颜色,使写实的风格形象化、概括化和扁平化。




完善细节


除了保证插画的形象性与直观性外,我们需要进一步对素材进行细节上的完善,以满足进一步的审美性与趣味性,同时赋予元素一些创造性,可以尝试通过以下方法进一步完善:


1、移花接木


移花接木指将现实中不同时间和空间各类元素进行解构和重组,创造出一些妙趣横生的新事物,增加插画内容的趣味性。



2、区分主次


将重要的、核心的元素进行强调刻画、次要的元素进行弱化处理,从而拉开主次元素的层次关系,使画面更加具有层次感和空间感。



3、突破现实


通过调整元素间的比例关系,夸张的创造现实中并不存在的事物,更加容易吸引用户的目光焦点。




优化整体


经过以上的步骤,我们的素材基本已完成插画风格的改造,但插画素材在整体专题界面中并非孤立的存在,而是和整体色调风格、版式、字体设计形成一套有机和谐的整体,共同去呈现专题需要表达的信息与目标。



案例分析



千万和春住专题



1 、整体构思


情感关键词:清新、唯美

整体意境构思:以嫩绿色作为主色调,结合桃花、阳光、汽车、风筝营造轻松出游踏青的欢快意境。



2、提取轮廓


从田野、桃花等几张现实图片中将页面需求的主体元素进行提取,作为背影进行主体页面的大面积辅色,将整体的色调感觉搭建出来。



3 、简化图形


初步提取的轮廓由于过于具象,与唯美的主题风格不太协调,在这一步我们将主体元素进行简化简化处理,用圆润、可爱的几何图形加上明快的色块去代替树木,整体更加扁平、卡通化,营造更加轻松、自由的氛围。



4 、完善细节


为了更好的体现春天外出郊游的意境,我们进行一对细节进行完善,增加了汽车、风筝等小元素,将桃花进行树枝刻画、太阳光芒的刻画等处理,同时将远处山景进行虚化,形成层峦叠障的连绵山脉,拉开了画面的层次空间。



5、优化整体







请到「今天看啥」查看全文


推荐文章
国际家居  ·  留白是简约艺术的极致体现
3 天前
国际家居  ·  留白是简约艺术的极致体现
3 天前
字体设计  ·  有史以来最伟大的春节(或没有)
6 天前
字体设计  ·  为 Cheetos 设计新字体的过程
1 周前
占豪  ·  新年,算个命(好文)
7 年前
巨蟹座专属  ·  因爱生恨,啥星座分手把前任骂成渣
7 年前
笑的合不拢嘴  ·  爸爸养了只狐狸精,已笑喷!
7 年前
大宗内参  ·  让这个男人 刷爆你的朋友圈!
7 年前