开课信息 行业资讯 媒体报导 优秀学员

UI设计中图标设计中的5个超实用法则,让你标准做设计

2020-07-08 08:55:07

1.越简单越美好
之后,我们想在文档图标中画一个大三角形,像这样:
然而,经验告诉我,这太复杂了。它的含义并不那么直接,人们一眼就无法理解它的含义。
2.考虑环境因素
之后,我建议我们应该使用一个圆圈中带有大X的图标,就像这样:
然而,这仍然是不可取的,因为这个图标传达的信息是危险的。这个图标表达了太多的意思。我现在想说的是,你需要考虑环境的颜色。颜色和视觉强度是传输图像的重要方式。例如,红色经常被用作警告,而灰色等浅色则更加中性。如果你用中性的颜色来表达它,你可以恰当地表达图标的意思。
3.理解问题所在
有时你可能需要从零开始设计你的网站,所以你需要很多图标的视觉表达。通常,您的客户需要您为他定制一个独特的图标。例如,他需要我给文件设计一个“错误”图标。起初,他建议在页面图标上加一个x,表示不支持该文档类型,或者文章下载不成功。他心目中的偶像是这样的:
还不错,是吗?为了简单起见,我删除了一些元素,并将其改为:

然而,我也承认它需要改进,因为它看起来不像一个为文档加载错误设计的图标。

UI设计图标设计

4.采用全局方法
我们需要把图标的设置作为一个整体来考虑,所以我们以其他几个图标的例子作为灵感。"这个警告图标怎么样?"我们思考它,因为它已经在网页中广泛使用,人们可以很容易地理解它的含义。
当我们想要设计一个图标时,我们必须考虑其他相同类型的图标是如何设计的。否则,你所使用的图形的含义很可能已经在其他图标中被广泛使用,这是另一个意思,那么你的设计就会有歧义。
5.理解符号元素
符号语言是一种二次交流,也是网页中非常重要的一部分。例如,设计的装饰字体更女性化,而手绘字体看起来更稚气。你想要你的图标是什么意思?例如,此错误图标不会创建太多警告元素。
我记得这个图标经常在我的网络关闭时出现。他们很完美。意思不是太多,只是告诉用户出了问题。另一个更直接的例子是:
下面的例子来自Chrome浏览器,完美地表达了我需要的图标。稍微准确地告诉用户出了问题。这个图标是灰色的,除了白线,这可以让用户理解问题的严重性,但不会让人感到害怕。
想了解学习更多平面设计知识,欢迎关注灵加教育设计课程培训 http://www.linkplus.cc


姓名:电话:

QQ:邮箱:

留言: