赞助商
立即赞助

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

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

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

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

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

严选插画风格设计五部曲

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

整体构思

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

  1. 分析受众与目标

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

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

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

  2. 确定情感关键词

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

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

  3. 整体意境构思

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

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

提取轮廓

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

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

简化图形

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

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

完善细节

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

  1. 移花接木

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

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

  2. 区分主次

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

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

  3. 突破现实

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

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

优化整体

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

案例分析

  1. 千万和春住专题

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

整体构思

情感键词:清、唯美

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

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

取轮廓

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

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

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

简化图形

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

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

完善细节

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

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

优化整体

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

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

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

  2. 爱恋物语专题

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

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

情感关键词:浪漫、甜蜜

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

  3. 新春集市新年专题

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

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

情感键词:庆、热闹

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

总结

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

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

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

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

相关文章

本篇文章给大家带来一位国外插画大神的成长经验,希望对你有所帮助。 Katarzyna Dziaduś作品链接:https://dribbble.com/kat...
彩云译设计
网易UEDC – 马宝 : 一个漂洋过海的寿司食玩,为什么会让大人无从下手,不会使用?是语言文化地域的差异?还是设计师眼里只有...
经验分享
网易UEDC – 杨倩 :其实之前有整理过关于交互评审会的文章,原本以为只有交互设计新人才需要提醒,但最近对接了一些合作伙伴...
交互评审
不少人问我「今年要怎样学手绘鸭?我要画出什么样风格,才会受到很多人的喜欢呢?」 今天就让Behance大神告诉你! 前不久,...
优优教程网
HiTu 目前以图形化设计资产的形式和大家见面,使用 ETCG 的思路设计(ETCG 分别是 案例 example ,模板template,组件compone...
HiTu
大家好,我是没有肚肚的杜杜~今天给大家分享下我在绘制人物插画的时候对人体结构的一些理解和小经验~以及我的字母女孩们的...
人物插画
@糖糖糖就是糖 :谢谢大家喜欢上一篇的内容《自学水彩没你想的那么难,说说我是怎么自学的》,文章推荐了十本自学书籍。我会...
手绘
画插画可以用哪些构图方式?他们的优缺点是什么?本文总结了9种常见的构图方式,帮新手快速入门。 框式构图 对角线构图 向...
插画