赞助商
立即赞助

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

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

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

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

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

严选插画风格设计五部曲

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

整体构思

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

  1. 分析受众与目标

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

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

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

  2. 确定情感关键词

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

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

  3. 整体意境构思

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

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

提取轮廓

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

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

简化图形

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

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

完善细节

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

  1. 移花接木

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

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

  2. 区分主次

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

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

  3. 突破现实

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

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

优化整体

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

案例分析

  1. 千万和春住专题

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

整体构思

情感键词:清、唯美

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

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

取轮廓

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

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

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

简化图形

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

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

完善细节

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

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

优化整体

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

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

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

  2. 爱恋物语专题

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

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

情感关键词:浪漫、甜蜜

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

  3. 新春集市新年专题

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

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

情感键词:庆、热闹

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

总结

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

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

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

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

相关文章

网易UEDC :「网易考拉」 不仅是网易倾注全力打造的电商产品,更是致力为中国用户提供更高品质生活的海购平台。本次品牌体验...
品牌升级
网易UEDC – 吴挺聪 :很多设计师做品牌设计,会把较多精力放在LOGO设计上,却很少有人去认真设计一款辅助图形。其实一个好的...
logo设计
插画是网页当中最常见的设计元素之一,无论是用是强化视觉,还是传达信息,都是非常不错的,这也是为什么它越来越受到设计师...
插画技巧
@糖糖糖就是糖 :谢谢大家喜欢上一篇的内容《自学水彩没你想的那么难,说说我是怎么自学的》,文章推荐了十本自学书籍。我会...
手绘
网易 UEDC  – 崇书庆 :经常被人问起「如何入门交互设计」,也做过很多次解答,今天便系统地和大家聊聊。 提示:这篇文章会...
交互设计
描边插画:可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面。画面中的元素除了面以外,还具有描边,因...
扁平风格
网易UEDC – 杨添琴 :设计思维是以传统分析思维方式为蓝本,融合视觉化和社会化思考的创新思维方式。它帮助设计师以用户为中...
全链路设计
网易UEDC – 姜永超 :习惯了浅色界面的设计?本文将带你了解深色界面的设计,聊聊深色界面下的设计细节,使你设计的深色界面...
UI 设计