飞特网顶部通栏AD位

如何绘制一套统一风格的趣味性图标

冰冷的心发布于:2020-3-25 08:52 |原作者: UX设计笔记
简介: 对于刚接触UI相关的同学来说,绘制图标是占界面问题比重较大的一块内容,虽然网络资源已经有很多,但仍旧做不好一套统一风格及趣味性的界面功能图标。今天和飞特网的朋友们分享的这篇文章就和大家一起来分享绘制图标的流程和技巧。 ... ... ... ...

版权申明:本文出自“UX设计笔记”原创,感谢“UX设计笔记”的原创教程分享!

—— 欢迎关注我的公众号【 UX设计笔记】,每天推送设计知识!或加我微信 justifify 交流哦

主要四个要点:

-

1、确定风格特征

2、提取共同DNA

3、造型绘制

4、细节技巧

一、如何确定图标风格?

-

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

FEVTE编注:更多UI设计教程,和UI设计理论知识请访问飞特网UI设计教程栏目:https://www.fevte.com/plan/UIdesign/

我们先了解有哪几种风格:

-

1、面性图标(一)

稳定、安全、分量感、体量较重

使用时需考虑信息层级与其他元素的体量比例

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

2、面性图标(二)

特征鲜明、结构复杂、体量较重

使用搭配需谨慎,不实用于轻盈优雅的页面

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

3、线性图标(1)

轻盈、连贯、优雅、体量轻

常用语整体气质偏有人简洁页面,但不宜大面使用,可能会造成页面的轻浮,没有重心的感觉。

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

4、线性图标(2)

层次感、主次分明、强化品牌色

图标中的核心元素适用品牌色突出

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

5、线+面图标

个性、年轻化、灵动

较为复杂,适合装饰和强调,适用于个人性化比较强的个人作品集或展览。

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

6、2.5D图标

立体感、表意更清晰、装饰

适用于较大图形、装饰图片、不适用于较小元素和功能图标

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

7、拟物图标

真实、映射生活

模拟真实场景,用以教育智能手机初期用户,目前更多用于游戏

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

二、什么是共同的DNA?

-

有一致的特征

如:表现手法、颜色、粗细、角度…

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

一样的风格

单色扁平线性图标

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

彩色平面图标

同色系深浅叠加

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

一样的圆角角度

圆角传达什么感受

圆润可爱,轻松活泼,热情

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

直角传达什么感受

理性工整,严谨可靠

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程

一样的线条粗细

细线有什么气质

细线条的感受,轻盈,精致,女性化

如何绘制一套统一风格的趣味性图标 飞特网 UI设计教程


12下一页
5

好评

差评

刚表态过的朋友 (5 人)

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 移动版| 飞特网