恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见
masterGo

推广

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【icon设计分享】爱丽丝梦游仙境——章节入口图标
4.6°
原创文章 / 教程 / / 举报
927 11 9 0

2021-05-14

今天我们讲讲图标的设计流程,在工作或者学习中,我们可能会拿到这样一个需求。比如这个

“爱丽丝梦游仙境——章节入口图标设计”

今天暴富老师围绕这个题目,对图标的设计以及绘制两个方向,进行总体的学习与梳理,使同学快速熟悉图标设计制作方法。

Part  1    

设计方法分析

01    提取元素

根据我们爱丽丝梦游仙境的主题,我们头脑风暴一下,提炼出了——蘑菇  树  兔子  怀表  帽子  茶壶  领结  藤蔓  蛋糕  药水  书本  扑克等等元素。

既然章节入口图标,主体可以设计为书本,突出章节的含义,同时挑选其他设计的元素来辅助设计。

(设计元素参考)

02    构图摆放

构图上采用三角形构图,先用主设计元素书本,怀表,兔子来构成主视觉中心点。再用树枝来丰富画面和构图的饱满性。

小贴士:构图时设计的元素可先用方盒子来表示,方便确认摆放位置和摆放角度,同时防止画错透视。


03    确认线稿

根据寻找的元素绘制草图,并对草稿进行整理和丰富,交代清楚结构,确认线稿。


Part  2    

制作方法分析

01    色稿环节

在线稿下面新建1层,绘制2-3个色稿草图,如果图标较简单,可以省略这个步骤,直接在矢量制作的过程中出配色方案。

新手可以寻找一些适合的色彩参考,来分析他的取色范围或是冷暖色运用等,从而来学习他们的配色技巧。但是一定不要直接吸色来绘制,吸色是进步的敌人。


02    确定配色方案

挑选最适合主题的配色方案准备正式制作。


03    矢量制作以及分层

大多数图标采用矢量的绘制方式。我们可以以物体为单位,在矢量绘制的时候对他进行分层,在底层开始勾起,绘制的时候图层尽量分开,方便后期调整修改。


04    体积塑造

确定图标的光源,这边确定为右上方打光,确定后用硬笔刷画出图标的暗部,亮部用渐变工具做出变化,画出物体间的投影,处理整体体积关系。


05    增加细节

物体增加的处理,比如书本的褶皱,兔子衣服布料的细节处理,金属材质的刻画等等,绘制细节的时候注意不要破坏大关系。整体调整到完成度较高的程度。


06    提升光感氛围

调试是否需要勾线或者装饰纹理等,视觉中心点增加光感,对图标整体进行润色, 冷暖色对比和层次细微调整,突出视觉中心点,提高完成度。

小贴士:润色图层注意不要画到图标整体外面哦,防止切图时出现问题。

当当当!最后就完成啦!

这个教程主要为新进入行业的宝贝们熟悉设计逻辑和绘制流程,希望新入行的宝贝儿们能快速适应工作节奏,工作中越来越顺利,爱你们比心~


还没看够?上期还有一篇灯笼主题的分享,供君一览~ 

我们帅气的梁哥给灯笼加上了仙气飘飘的动效,这样的特效灯笼就更加贴近实际项目中的需求了~

看完这个灯笼,想学的小伙伴可以先关注我们的公众号:叶子学堂,最新的动效班级即将开课!学会这一手,升职加薪指日可待!

Powered by Froala Editor

叶子学堂

叶子学堂 官网:http://www.yezixt.com

  • 173

    作品

  • 7231

    粉丝

  • 3

    关注

  • 《哈利波特:魔法觉醒》经典IP如何打造
  • 3D图标的流行趋势分析与案例小结
  • 如何一天做一套酷炫的游戏UI界面?
  • 浅谈《王牌竞速》游戏美术风格

猜你喜欢

    叶子学堂

    叶子学堂

    叶子学堂 官网:http://www.yezixt.com

    “劳模勋章”之锄头勋章诲人不倦身经百战人气明星原创超人
    • 7231

      粉丝

    • 58.4

      人气

    • 7602

      颜值

    作品

      最新推荐

      超简单的矢量全息风格贴纸

      3915 0 1

      相关佳作
      换一换

        叶子学堂

        点赞:9

        收藏:11

        评论:0

        【icon设计分享】爱丽丝梦游仙境——章节入口图标

        你确定要举报【icon设计分享】爱丽丝梦游仙境——章节入口图标

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年05月14日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录

        可云端编辑的专业级UI设计工具

        立即体验