赞助商
立即赞助

网易严选的插画是如何绘制的?设计师用了这个流程!

手绘3年前 (2021)发布 流光
3.7K 0 0

网易UEDC – 周明凤 :插画中被俗称插图,非常悠久的历史,早佛教文化中出,以「变相」图解宣传佛教教义,如今一般指企业、产品、服务所绘制的图画的一种形式。作设的一种重的视觉传达手法,插画以其直观的形象性,真实的活感的感染力,广泛应用于设的多领域,涉及到企业宣传、社会文化活动、影视文化诸多领域。

插画富于灵活表现,可根据设计师思维和想法进各类创意,适用于各类视觉主题,另又与严选简约、精致品形象契合度较高,而是严选专题设计个主要表,经常在严选各类专题设计到应用,受到广大用户喜爱与崇。

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

严选插画风格设计五部曲

网易严选的插画是如何绘制的?设计师用了这个流程!

整体构思

和有格的视觉设计一样,插画格设计首先需要进行整体的需求分析,要进行方面工作。

  1. 分析受众与目标

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

网易严选的插画是如何绘制的?设计师用了这个流程!

次需要深入分析专题需要表达的目标和信息,通过色调、版式、字体、元素等设计手法准确传达信息容的同时,带给户更多美的感受,升华题思想,强牌概念与务。

  2. 确定情感关键词

谓情感键词,就是我们产的视觉要表达的情感感受,如情人节专题确定的「浪漫」、「温馨」、「甜蜜」,年专题的「庆」、「快」、「热烈」,父亲节的「责任」、「担当」、「感恩」等等。确定好专题的键词后,将有助于我们进行整体格的把握与塑。

网易严选的插画是如何绘制的?设计师用了这个流程!

  3. 整体意境构思

确定题的方向,接下来就以构思整的意境以及挑选合适的素材,新年题我们想到用大面积红为主的局,结合鞭炮、春联、灯笼、年画等中国传统元素,通合理的组织和编排,加上中国风的字设计与适当的细节完善,共同勾勒营造一派喜祥和的气象。

网易严选的插画是如何绘制的?设计师用了这个流程!

提取轮廓

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

网易严选的插画是如何绘制的?设计师用了这个流程!

简化图形

插画风格相实物风格,去掉了大量写实细节,保留主要特征信息而显扁平简约不失形象生动。此在这个步骤我们需要将勾勒好图形进简化操作,以简单图形代替写实描绘、多以和色块去代替原有细节,简化后图形具有高度概括性。

网易严选的插画是如何绘制的?设计师用了这个流程!

完善细节

除了保证插画的形象性与直观性外,我们需一对素行细节的完善,以满足一的审性与趣性,同时赋予元素一些创造性,可以试通过以下方法一完善。

  1. 移花接木

移花接木指将实中不同时间空间各类元素行解构重组,创造出一些妙趣横的新事,增加插画内的趣性。

网易严选的插画是如何绘制的?设计师用了这个流程!

  2. 区分主次

将重要的、核心的元素进行强调刻画、次要的元素进行弱处,从而拉开次元素的层次系,使画面更具有层次感和空间感。

网易严选的插画是如何绘制的?设计师用了这个流程!

  3. 突破现实

通整元素间的比例关系,夸的创造现中并不存在的物,更加容易吸引用户的目光焦点。

网易严选的插画是如何绘制的?设计师用了这个流程!

优化整体

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

案例分析

  1. 千万和春住专题

网易严选的插画是如何绘制的?设计师用了这个流程!

整体构思

情感键词:清、唯美

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

网易严选的插画是如何绘制的?设计师用了这个流程!

取轮廓

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

网易严选的插画是如何绘制的?设计师用了这个流程!

网易严选的插画是如何绘制的?设计师用了这个流程!

简化图形

初步提取的轮廓由于过于象,唯美的主题风格不协调,在这一步将主体素进行简化理,用圆润、可爱的何图形加上快的色块去代替树木,整体更加扁、卡通化,营造更加轻、由的氛围。

网易严选的插画是如何绘制的?设计师用了这个流程!

完善细节

为了更好体现天出郊游意境,我们细节进完善,增加了、风筝等小元素,将桃花进树枝刻画、太阳芒刻画等处理,时将远处山景进虚化,形成层峦叠障连绵山脉,开了画层空。

网易严选的插画是如何绘制的?设计师用了这个流程!

优化整体

后我们根据主题行专题的字体设,将常规的宋体行变形处理,部分笔划好似春风轻抚飘逸,又加了象征春天机勃勃的嫩芽,富活趣。通过一片桃花作主体分别呈若遇到新欢、若重拾旧的对应专题好礼,使页面整体谐统一。

网易严选的插画是如何绘制的?设计师用了这个流程!

网易严选的插画是如何绘制的?设计师用了这个流程!

  2. 爱恋物语专题

网易严选的插画是如何绘制的?设计师用了这个流程!

目标:呈现出情人节情侣间的爱情的甜蜜浪漫。

情感关键词:浪漫、甜蜜

整体意境构思:甜美暖色作为色调,通过体元素礼物盒与情侣间夸张的例系抓住户眼球,浪漫甜美同时失趣味性。

  3. 新春集市新年专题

网易严选的插画是如何绘制的?设计师用了这个流程!

目标:呈现出春节喜热闹与琳琅满目的品。

情感键词:庆、热闹

整体意境构思:以中传统舞狮、牌、鞭炮作主体元素,谷仓作次元素,后对比主次分明、空间感强,呈了新春集市的纵深与五谷丰登的产品,整体氛围烈喜庆,激发用户的购买欲望。

总结

插画风格的表达,既遵循设的通用规则,又具备自身独特的审核特征,需设师多去发活中的,通过以五部曲将活中各类元素行不断的重组、创造,专题中行特的形象性、动性、趣性、创造性的表达,从丰富专题内,好传达专题思。

欢迎关注作者「网易UEDC」微信公众号:

网易严选的插画是如何绘制的?设计师用了这个流程!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

今天给大家带来的是如何建立设计师个人的插画组件库,因内容过长并知识点过多,请泡杯枸杞观看。 关于个人插画组件库的 3 ...
插画组件库
新人设计师可能都会遇到这样的问题:在设计一个复杂需求的时候,各种场景、可能性在脑中来回乱窜,常常觉得逻辑不够严密。设...
产品需求
@糖糖糖就是糖 :这是自学水彩系列总结的第四集——水彩颜料常见问题和自用测评。 ​一直有朋友问我对于初学者有没有什么水彩颜...
手绘
@Jenny黄静雯 :节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。 一、节日闪屏是什么?​ 1...
情感化设计
画插画可以用哪些构图方式?他们的优缺点是什么?本文总结了9种常见的构图方式,帮新手快速入门。 框式构图 对角线构图 向...
插画
每个人对插画的兴趣,都是从某天被某类风格的插画所吸引,而开始痛下决心要学的(也很有可能是三分钟热度)。而对于究竟有多...
手绘插画
@糖糖糖就是糖 :这是自学水彩系列总结的第五集——自用留白液测评和常见问题。 之前在 B 站画了一套海洋系列的画,经常用到留...
手绘
HiTu 目前以图形化设计资产的形式和大家见面,使用 ETCG 的思路设计(ETCG 分别是 案例 example ,模板template,组件compone...
HiTu