Godzilla. 2016-12-09 网站建设

上海网站制作公司谈怎样设计网站图标？

　　随着全球小屏幕移动计算的爆炸式增长，在您的UI中，图像通常是最节省空间的技术。图标是对象，动作或想法的视觉表示，而不是单词，按钮，标签或超链接，通常为您提供一个更宽敞，更干净的界面。下面由上海网站制作公司人员说是怎样设计网站图标？

　　图标还允许您通过使用“视觉隐喻”简化您的消息后传递给用户。常见示例包括：

　　·铅笔图标，编辑字段的铅笔图标;

　　·拍照的相机图标;

　　·保存工作的软盘图标。

　　图标很简单，实用，你可能每天使用它们。他们有完全的意义，如果你的用户觉得没有连接到那些图标，或者更糟，根本不理解它们怎么办呢？摩恩网络，专业网站建设、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务，新上线企业VI设计套餐和网站营销推广系统（强），欢迎新老顾客前来咨询！

　　大多数图标具有对大多数用户可清楚识别的功能。但有一些常见的图标不太清楚。事实上，只有一个可以定义为“通用”的少数图标 - 在我们看到它们的每个上下文中具有相同的含义。尼尔森诺曼集团（https://www.nngroup.com）测试了这个理论，他们定义了唯一可以被认为通用的图标：

　　让我给你一些简单的例子。

　　1.保存图标

　　保存图标隐喻诞生与图形用户界面（GUI）的早期与软盘的绘图。一般来说，它是一个符合其目的的图标。事实上，在全球范围内，20岁以下的人不太可能使用软盘。苹果有争议地从1998年的G3桌面删除了软盘驱动器。那么，我们如何期望这些用户理解并感觉与“保存”功能的这种可视化表示相关联？

　　就个人而言，我已经在专业级别面对这个问题，在非常类似的环境中，“保存”操作是完成任务的关键步骤。最终用户比我们预期的更困难，因为软盘图标没有与之相关的标签。

　　2.喜欢图标

　　为了收集项目并保存它们以便稍后查看，许多用户界面允许您将它们标记为收藏夹。这通常由三个符号之一表示 - 星形，心形或书签图标。书签概念可追溯到Netscape Navigator浏览器的最早版本。Microsoft Internet Explorer改为称为其书签系统的“收藏夹”，并使用了“加星标的文件夹”图标Twitter使用五角星喜欢推文10年，直到去年，当他们切换到心脏图标。所有这些图标自然地相互竞争。星形图标通常应用于评分系统和功能项目，心愿图标为心愿单和分享按钮。

　　3.汉堡图标

　　汉堡图标最初设计用于表示Xerox“Star”界面的列表。最近，它通常用于表示导航菜单。

　　它是一个被认为几乎是通用的图标。在一些接口中，对于完全不同的动作，通常看到非常相似的图标，如果不是相同的话。让我们看一些例子。

　　示例01 - 在电子商务应用和天气预报应用中使用的汉堡图标

　　在第一个例子中，电子商务应用程序，你可以在顶部看到一个汉堡包图标，在另一边另一个真正相似的图标。如果你认为汉堡包图标是打开菜单的上下文按钮，你会错了。相反，汉堡包图标用于过滤产品类别。

　　对于良好的体验和UI交互，当你使用图标给它，没有任何怀疑，混乱或沮丧，在某种程度上，一个标签。这是非常重要的，特别是对于想要完成任务的图标。图标使用的秘密要素是深入了解你的角色，做UI用户测试和A / B测试。只有这样，你才能给你的用户一个非常好的体验。

　　设计图标要点：较少的美学，更多的设计

　　一个漂亮的图标可以使界面更丰富，更优雅，但要“保持简单”。不要看你的图标作为一个机会把所有的插图技能测试。毕竟，它应该是要识别的符号。一般来说，一个好的UI设计，不是那个具有最艺术创新或最神奇的动画，它就是一个最具有功能性的工具。

下一篇：网页制作和设计的5个设计规则 上一篇：活动网页设计：怎样创建醒目的主题图像？

文章标签： 网站图标