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

UI界面图标终极设计指南

令彬发布于:2019-5-28 10:18 |原作者: 静design|
令彬
天津市 东丽区 建筑/环艺设计师
发私信 + 关注
简介: 静电说:今天静电看到了一篇非常棒的问题,详细阐释了图标设计过程中方方面面的知识点,今天,咱们就来看看设计师Slava Shestopalov的文章: 1使用光栅来更好的设计图标 UI界面的图标通常可以近似的看做以下的基本格式之一:横向矩形,纵向矩形,对角矩形,圆形,三角形,正方形 ...


下面这个则是调整后的效果,是不是好多了?

UI界面图标终极设计指南 飞特网 设计理论

对于线性图标来说,图标线段的最小间隙应该等于线的粗度。另外,线条应该明确的分开或者准确的闭合连接。下图是从错误的例子:

UI界面图标终极设计指南 飞特网 设计理论

下面这个则是修改后的效果,是不是好多了?

UI界面图标终极设计指南 飞特网 设计理论

5去除重复部分

在一套图标集中,你很可能会重复一些细节,比如下图这样。但是尽量不要这么做,让观众的注意力集中在不同的东西上。这就像数学中的分数简化一样。您看到的图形噪声越少,用户的理解就越清晰。

UI界面图标终极设计指南 飞特网 设计理论

比如下方这个邮件收发主题的图标,当用户已经非常熟知自己的具体操作,比如收邮件,发邮件,回复等等。那就不要在设计图标的时候反复强调"信封"这个图形了。将它们简化,效果反而更好。

UI界面图标终极设计指南 飞特网 设计理论

此规则还涉及图标周围的各种装饰,框架,背景。如果它们没有帮助帮助更好的阅读图标,就让它们更加简化一点比较好。

6保持图标风格统一

下面的两幅图可以很好的展示正确的和错误的例子,比如一套家具的图标,如果一个图标的绘制角度是斜45°,那么其他的图标也尽量保持这样的角度。而不能一个是正视,一个是斜视。看看下面两幅图,哪幅图是正确的呢?

UI界面图标终极设计指南 飞特网 设计理论

UI界面图标终极设计指南 飞特网 设计理论

9

好评
11

差评

刚表态过的朋友 (20 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 卖炭翁

  • wjkrfaie

令彬
天津市 东丽区 建筑/环艺设计师
+关注 发私信

最新评论

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

委托设计