基于移动互联网的界面图标艺术设计原则.pdfVIP

基于移动互联网的界面图标艺术设计原则.pdf

  1. 1、本文档共3页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
基于移动互联网的界面图标艺术设计原则 首先需强调,图标有别于标志和图示。标志不受地理、人文与历史的限制, 允许通过打破传统的时间与空间限制而采用的多种艺术表现形式,重在传达出 业的理念与愿景;图示则是通过较为直观的展现形式,实现快速被用户认知的提 示作用的图形。图标是基于图像与隐喻的集合,在用户脑海中建立连接后,用户 才会点击相应的图标,通常运用在某个应用程序、界面窗口、导航选项、计算机 命令等互联网平台。识别性不佳的图标,往往会给用户在操作时带来误解和障碍, 尤其是过度复杂或者过度简练、抽象概念的图标,都会给用户带来很多困扰。识 别性好的图标,不仅可以为用户操作提供方便而且还能在使用过程中带给用户愉 悦感。因此,图标不是随意的设计与表达,它需要根据产品的设计逻辑,遵循以 下几个艺术设计原则: 一、隐喻的精准性 在艺术设计中,设计语言很多时候是联想的、隐喻的。如果我们能充分了解 思维隐喻的“工作”方式,就能更深层次的把握设计的创造性语言,创造出更多 情感化、人性化的设计。 (一)通用的图形符号 1981 年推出的XEROX 8010 是第一款图形用户的系统(图1),被认为是用户 图形界面设计的鼻祖,其界面展示一系列具有隐喻的图标设计:文件、文件夹和 信箱等。我们现在很多设备的界面设计都是基于此款系统界面设计的视觉使用习 惯来制定。设计师Jon Hicks 认为,“图标设计是一个小小的奇迹,它们可以超越 语言的障碍,简明的指引警告和方向,传递我们的情感,并且指明用户应该点击 哪一个按钮。”图标的根本意义就是通过大家共同认知的语言,让用户理解、操 作并快速的获取信息。选择目标用户都可以用认可的图标来进行表现,这样可以 帮助我们设计更加行之有效。 (二)跨文化国际化 图标设计,更需在充分调研后谨慎的使用视觉隐喻,注意其形象和色彩在跨 文化上产生的差异: 1.形象 用户界面中,只有图标在被准确识别的情况下才是有效的,才会通过按钮将 1 会实现的目的快速而紧密联系在一起。设计师们会通过调研尽力回避做出模棱两 可的图标设计。在界面设计中运用国旗、地图、手势和动物都是非常敏感的符号, 同样需要谨慎使用。国旗普遍具有丰富而鲜艳的色彩,可以添加到沉闷的界面中, 增加界面的活力与艺术美感,但是旗帜代表了更多政治的色彩。 2.色彩 色彩可以是一个主题,在抽象的界面背景或者按钮中使用色彩是没有什么顾 虑的。但是当色彩用在一个特定的语境中,不同的国家就会有不同的意义。在图 标艺术设计中不 要考虑到用户,同时也要考虑到在什么场景下,用户会使用 该产品,以及目标用户真正的需求体验。这与互联网产品设计逻辑是紧密相连的, 怎样将用户需求与艺术表现形式相结合是现代互联网下图标设计的艺术挑战。因 此,在制作图标设计之前利用网络进行充分的调研必不可少。 二、图形表达的简约性 除了颜色、形状给人的直观感受外,图标作为人与机器互相传递信息的媒介, 其主要职能就是负责引导用户对于界面的使用和操作。简约的图形表达可以增加 用户对于产品使用的友好度,与增加用户粘性。一种错误的观点认为图标只是对 界面起到装饰作用,不会主导界面的信息操作。事实上,拥有繁琐细节的图标不 仅会影响其被准确的识别,为用户能够快速理解图标所传递出的信息造成障碍, 而且比文字更难理解,造成了操作时的信息传递障碍。有意思或者趣味性很强的 图标会带给用户新鲜感,但不是所有用户上来就可以轻松操作。利用视觉策略能 够准确而快速的把信息提供给用户是至关重要的事情。 如Starbucks 网站的导航设计,我们仅在页面上端看见一个代表购物车的口 袋图标、寻找店面位置的图标以及查找图标。两个图标对该品牌色(绿色)进行提 亮,并且作为导航合理的进行使用,体现图标在导航中的作用,为用户快速的使 用提供了方便。可见,图标不 是作为装饰或者视觉趣味元素被添加在界面中, 更重要的是他们可以作为导航的辅助元素,让用户快速的获取最主要的需求,让 一个图形快速的促进用户的记忆保留。 三、设计风格的一致性 在为移动互联网设备做整体图标设计的时候,除去要回避过度复杂的图标设 计,也要与整个系统或者网站美学风格一致,要求具有统一的设计风格。图标通

文档评论(0)

linzhongyan + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档