相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

侧导航的图标设计分析方法

空杯发布于:2019-4-8 12:09 |原作者: SKY_Karry|
空杯
广东省 汕头市 设计爱好者
发私信 + 关注
简介: 本文主要分享在接到新项目时,如何确定、把控图标风格,我这边列举一个后台界面中对于左侧导航的图标设计分析方法。


◈ 流行趋势分析

1、色块(携程旅行):描边的图标造型结合几何形状的色块,是比较简洁的一种设计; 
2、微渐变(大众点评):近一两年比较流行的设计,在很多app的金刚区图标上会采用这种设计来强调入口,吸引用户视觉注意力; 
3、邻近色(58同城):如果应用不当容易导致图标过于花哨,失去视觉焦点。但是搭配得当,整个设计会比较和谐。

左侧导航的图标设计分析方法 飞特网 设计理论

具有质感的设计会让图标视觉非常突出,因此通常适合应用在界面本身内容较多,需要特别强调的图标类型上(如金刚区图标)。

常用的表现手法: 
1、渐变(京东商城):渐变色让图标具有厚度或形成前后关系;
2、投影(转转二手):投影提高图标的视觉层级,更具有重量感;
3、轻拟物(阿里巴巴):比起以前逼真细节的拟物,通过色彩变化形成的轻微拟物质感能让图标更具现代感。office图标改版用了类似的风格,更有质感和时尚感。

左侧导航的图标设计分析方法 飞特网 设计理论

四、结论:对于后续绘制风格的总结和探索

_________________________________________________________________________________

左侧导航的图标设计分析方法 飞特网 设计理论

在大多数情况下,图标不是一个用来发挥创意的地方,可以依赖其他设计元素去传达品牌信息,但图标的首要工作是指导你的用户到他们想要去的地方。并且大多数时候用户不是用图标来识别含义的,主要是作为文字的辅助功能,不可能仅凭图标就能知道其含义,作为常规通用型的图标我们会有一定的记忆,但是业务性较强的时候可以像华为云一样,结合常规性图标然后进行一定的设计,既有识别度又有品牌性。其他较为创意性的方案作为我们的产品或者左侧导航的位置来说不那么合适。

品牌和定位:简洁、智能感

视觉风格关键词提炼:简洁、识别度

设计风格预研方案:1)填充图标(面性)绘制一套;2)线面结合绘制一套

喜欢就收藏或点个赞吧!

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

1234
7

好评
6

差评

刚表态过的朋友 (13 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • wjkrfaie

空杯
广东省 汕头市 设计爱好者
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计