首页 | 建站资讯 | 建站问答 | 建站帮助 | 服务电话:021-61984272
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设计,不是那个具有最艺术创新或最神奇的动画,它就是一个最具有功能性的工具。

文章标签: 网站图标 
文章评论:
客服图标
咨询电话
021-61984272

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以