图标设计规范

《图标设计规范》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、UIE虚拟研讨会有效的视觉设计之精髓1Contrast——差异Repetition——重复Alignment——排列、对准、对齐Proximity——接近、附近、靠近性PatrickHofmann作者简介：1PatrickHofmann作为一个技术性的插图画家、视觉互动设计师以及实用性顾问已经十三年了。他专攻于视觉信息，使产品更易于使用并使全球的观众都能满意。同时，他也建立了交互的原型，并配合及安排了它的实用性测试。Patrick帮助许多组织团体实践了合适的用户中心的设计并评估其方法，帮助了超过某一工业范围的众多类型的顾客。作为一个视觉教学和沉默交流的专家

2、，他现在在澳大利亚为Google工作。视觉设计之精髓所在为什么我们与众多信息产品错失？为什么我们不能在巴士停靠表中轻易地找到下一班车？为什么我们无法最终完成飞机航班的订票？为什么我们不能在信用卡结算单（无论是在线的或是纸质的）中找到当前欠下的款项？这次的主要原因不是因为提供的文字内容失败，而是因为使用了不合格的视觉设计构想和呈现文字内容而导致了失败的结果。太多的视觉流，太少差异、对齐以及组块，所有的这些问题都必须避免以便你的产品更容易使用。在这90分钟的有趣的课程中，PatrickHofmann将帮助你通过应用令人惊喜的并值得记忆的设计技巧使你的产品更易于

3、使用。2大纲1.图像相关问题2.图像模板化3.展示你要表达的意思4.使截屏有意义5.使流程图有意义6.用CRAR设计7.贴士、诀窍以及行业秘密3一．图像相关问题图像得到的重视太少在我们的产品中包含图片是因为“我们不得不做”我们的文档都有模板，但是视觉元素却没有我们建立了有意义的文字，但是没有有意义的视觉效果我们考虑到自己的效率，但没有考虑到用户的效率。图像的格式太多我们需要处理太多的媒体——太多格式我们被鼓励在很多媒体上重复使用同样的图像文件我们考虑到自己的效率，但没有考虑到用户的效率。从实用性测试中得到的最多的五种反应5.“什么，我不敢相信

4、我根本没看到。”4.“太难阅读了。”43.“我眼睛看花了。”2.“太多跳出的东西了。”51.“它太忙了，太复杂了。”我们如何解决这些问题呢？学会创建图像模板学会为我们的图像添加意思学会把这些规则应用到所有的视觉中去竟可能频繁地运用这些规则6二．图像模板化问题以不同的大小画出视觉材料，被挤压进不同的空间中。当被显著地缩小时，图片和文本常常变得不可读当指定大小改变时，文本大小和线宽都会改变。7解决方法：建立标准大小创建图像时，要考虑到最终的目标大小如果可能，使用实际大小作图同时适于打印和在线89建立标准属性线条（线宽及颜色）填充（底纹及

5、颜色值）文本（字体、大小、样式、颜色）在所有视觉材料类型中使用这些属性线条（线宽及颜色）填充（底纹及颜色值）文本（字体、大小、样式、颜色）注释（线条、文本、排列）在所有视觉材料类型中使用这些属性10好处：像你的文本风格一样，客户将会熟悉你的视觉风格他们将会更快的浏览、阅读并找出视觉材料表达的意思11三．展示你所要表达的意思问题所在我们创建了有意义的文字，但没有有意义的图像。图像通常看上去没有什么目的他们通常被用作有形的样板——没有意义解决方法：展示你所表达的意思下笔之前先制定画图的计划提供一个注意的焦点问问你自己：图片带来的信

6、息是什么？我所要包含/不包含的东西是什么？描述你在图片中所看到的信息来检测图片顺时针旋转减压阀以减少压力好处：如果所有的图像都有意义，顾客将会依靠它们来学习如果每个图片都没有意义，顾客将直接忽略它们节约你的创建时间，也节约顾客的阅读时间。12四．截图意义问题：截图通常不是非常具有行动指导性对于读者来说，很难找到确切的相关联的、有意义的东西我们怎样纠正这一点呢？解决方法：提供一个注意的焦点有效地注释或高亮截图13剪切截图展示截图位置，指明边界14在页面空白处，提供一个缩略图，表明截图剪切部分的确切位置和剪切的区域在你的基本应用程序中

7、，简易插图五．使流程图有意义问题：常常创建在没有考虑到目标大小的程序上。不可以适合页面，也不可以打印或阅读信息准确性不顾可读性和可用性15解决方法：在流程图中应用简单的模版和类型属性尽可能使其对称：以最主要和最明确的动作开始，作为“枝干”其他的东西为旁支16小结：建立图像模板17建立图像模板将风格应用于所有视觉信息的类型中18建立图像模板将风格应用于所有视觉信息的类型中展示所要表达的意思确定你的图像有注意的焦点六.使用CPAR设计设计的目的交流：包含信息19组织：建立眼睛和思维的循环吸引：集中并保持兴趣设计的原则：差异差

8、异重复差异重复对齐20差异重复对齐接近差异：如果