视觉的沟通

          视觉设计服务于传达某个目的作用应大于它的装饰作用;它是重要的有效的沟通的工具。
    甚至最好的功能强大的应用程序也受到视觉效果不好的困扰。如果你没接受过视觉信息设计方面的训练, 与一个在这些领域有经验的设计者合作是一个好主意。在一个专业的程序开发组中一定包括作为图形设计的人员。好的设计者知道怎么最好利用屏幕并且有效地使用形状,颜色,对比,焦点。而且,图形的设计者理解怎么设计并且组织信息,并且能在感觉上评定字体和颜色的影响。
    视觉的设计应该是应用程序的补充而不是代替, 程序的设计应避免仅仅依靠视觉的设计来传送重要的信息。因为有视觉的缺陷的人,不能理解这些颜色。
-------------------------------------------------
Composition and Organization
合成和组织

-------------------------------------------------
       我们从我们看到的屏幕外观选择我们阅读什么,我们的目光总是被有颜色的元素吸引,我们甚至以扫描的方式阅读文字。
    当你设计组织你的接口的视觉的单元的,考虑下列原则:
        l 信息的层次
        l 焦点和强调
        l 结构和平衡
        l 单元的关系
        l 可读性和流程
        l 一致性
-------------------------------------------------
Hierarchy of information
信息的层次

-------------------------------------------------
        信息元素在屏幕中放置的位置是基于它的重要性。我们应该清楚首先让用户看见哪个信息和鼓励用户第一步做什么。在设计你的应用程序时考虑这个原则, 并回答这些问题:
       l 哪个信息对用户最重要?
       l 当你的应用程序启动时什么是最先要做的?
       l 在第一秒, 第二秒 , 第三秒以及以后,什么是用户需要做的?
       l 信息的次序将支持或是通过妨碍用户的进度?
       l 用户应该首先在屏幕上看见什么?
    无论如何,视觉的显示应该匹配用户的相应操作,但是它也应该能由另外的元素来塑造。
-------------------------------------------------
Focus and Emphasis
焦点和强调

-------------------------------------------------
        焦点和强调的原则在于优先放置你的指导和重点项目。一旦你明确了中央的想法, 你能决定焦点。你应该强调你需要突出的单元,并使独立于其它单元。
    接口设计决定了用户在哪儿寻找第一信息。例如:大多数人认为最重要的信息应该看屏幕或窗口的左上角的位置。他们认为第一优先考虑的项目应该放在那里并给它强调。
-------------------------------------------------
Structure and Balance
结构和平衡

-------------------------------------------------
       结构和平衡是2个最重要的视觉的设计原则。没有视觉的单元的内在的结构和平衡,所有其它的视觉设计则缺乏顺序和意义,更重要地, 结构和平衡的缺乏使用户很难楚清楚地理解接口。
-------------------------------------------------
Relationship of Elements
单元的关系

-------------------------------------------------
      单元的关系对于加固以前的原则的非常重要,一个视觉的单元的放置能传达特定的关系到另外的单元。例如, 如果在一个列表框的按钮影响这个列表框,应该说按钮和表框之间的空间的关系在那里。这帮助用户清楚地并且快速看到的连接。同样, 空间的布局应该传达单元的交互关系地一致的信息。
-------------------------------------------------
Readability and Flow
可读性和流动

-------------------------------------------------
        这个原则强调一个简单的意图如何变得易于理解和传送。可读性和流动性决定一个对话框或另外的接口部件的可用性。当你设计一个窗口的布局时,考虑下列问题:
        l 这个想法或概念能更简单地被传送吗?
        l 用户能容易使用接口步骤吗?
        l 所有的单元为有一个共同的意图吗?
-------------------------------------------------
Unity and Integration
统一和集成

-------------------------------------------------
        统一和集成, 这个原则反映出怎么在更大的环境关系中评估一个设计。为了图案的统一和集成,请考虑下列问题:
        l 所有视觉上的不同的部分,怎么一起在屏幕上工作?
        l 这个应用程序的视觉接口的怎么联系另外的应用程序?

-------------------------------------------------
Color
颜色

-------------------------------------------------
        颜色对于接口界面是很重要的。你能使用它引起用注意当前应该选择的丢单元。颜色也有联合的作用;我们经常假设在相似的颜色项目之间存在关系。颜色也具有感情或心理的暗示 , 例如, 一种颜色能被分类作为凉爽或温暖。
    然而当颜色单调枯燥时,则会起到相反的效果。颜色的误用可能会引起用户反感,并阻碍他完成一项任务。在使用颜色时注意下列问题:
       l 尽管你可以使用颜色加强你想突出的内容,但这种做法的效果不总是很明显。
       l 每个人对颜色的感受是不一样的,也许你喜欢的颜色,别人却感到厌恶。
       l 你的用户是否都使用彩色显示器。
       l 颜色的理解因文化的变化而不同。甚至在单个的文化群体以内,对颜色的理解也不相同。
       l 有一定的人有颜色识别方面的缺陷。
    下列为使用颜色总结指南
    ■ 颜色与信息相比较是次要的
    颜色是作为提高信息的的表现的一种附加。避免作为表示功能意图的唯一的工具就是依靠颜色。你能也在接口界面用文章标签、形状、图案或则在屏幕上的位置来传递某个信息。好的设计惯例是首先使用白纸黑字或单色模式, 然后 add color 。这帮助你的设计聚焦于关键的信息和使用颜色提高那个信息。
    ■ 使用有限的几种颜色
    尽管人眼睛能区分百万种不同的颜色,但使用太多颜色的导致视觉的喧嚷,并且使用户困于从颜色感受到信息。你使用的颜色应该适合他们的目的。淡的,微妙, 补足的颜色经常比一些明亮的颜色更好,除非你正在寻找颜色在一下子抓住用户的注意力,负责不要使用明亮的颜色。
    ■ 改变颜色的选择
    因为颜色的偏爱每个人都不同, 允许用户 to change 颜色应该成为可能。你提供标准的系统接口和颜色计划。并且当用户改变系统颜色时,你的应用程序的视觉的单元最好可以有效地协调。
-------------------------------------------------
Fonts
字体

-------------------------------------------------
        字体除了为阅读提供书面形式外,还有许多功能。象另外的视觉的单元一样,字体被用来组织信息或传递特别的信息 。当你变化时一种字体的尺寸和重量, 用户即可由此领会到那篇文章重要并且察觉它应该在优先阅读。
    在计算机的常规显示分辨率,字体是通常比打印的页上的字小一些。避免斜体和下划线的字体, 在低的分辨率下,这些经常是难的读,
    在你的软件的接口限制使用字体的式样种类。就象太多颜色,使用太多字体通常导致视觉的喧嚷。
    谨慎地使用粗体。粗体的文字吸引注意力,滥用它却会分散用户注意力,太多的粗体的文章也减少它的影响。只将他使用到标题,和应该让用户的注意的关键的项目。
    同样, 谨慎地使用斜体。最好在单独的地方使用,斜体可以吸引注意,但是总的来说它减少在信息上的强调,并且使文章不太好阅读。
    为了界面的一致使用标准的系统字体。并且允许用户字定义字体。
-------------------------------------------------
Dimensionality
维度

-------------------------------------------------
        在界面接口的许多单元使用前景, 加亮, 并且提供三维的外观 。这能提供真实的世界感觉给用户。例如, 命令按钮的外观区分于其他的信息类型的外观。这能给用户自然的视觉的暗示。
    当设计你的自己的视觉的单元时,小心不过多做维数的使用。不是交互的一个单元则不必要使用三维效果。,并且使用恰当的图案来与系统接口配合。
--------------------END------------------------

时间: 2024-10-31 10:53:49

视觉的沟通的相关文章

聊聊交互设计师与开发沟通的技巧

 开发沟通的技巧-语聊聊骚技巧"> 一个项目或版本开发过程中,交互设计师50%的时间在沟通,40%的时间在思考,10%的时间在写文档.当然,只是个大概值,不同的工作流程下可能略有不同.由此可见,沟通对交互设计师来说,是一项很重要的技能.前期与产品经理.视觉的沟通,后期与开发.测试的沟通,每个环节都很重要且都会关乎到产品上线后的体验.但今天只总结我(交互设计师)与开发的沟通技巧,与君共勉. 首先,多学善问 毕业刚入行的时候,接到的第一个任务是:优化语音查找异常处理流程.对于计算机一窍不通的自

视觉是所有营销手段的开始!

摘要: 抛弃视觉营销就是设计好漂亮的图片来吸引消费者的观点,实际在感官上,图形可以solgan化,文字也可以图形化 视觉营销可以用一个公式来表示: 视即看到的所有一切+觉即感受和想到 抛弃视觉营销就是设计好漂亮的图片来吸引消费者的观点,实际在感官上,图形可以solgan化,文字也可以图形化 视觉营销可以用一个公式来表示: "视"即看到的所有一切+"觉"即感受和想到的"营"即营造+"销"即销售机会 视觉营销的首要目的:缩减传播内

视觉营销的首要目的:缩减传播内容的传播成本

摘要: 抛弃视觉营销就是设计好漂亮的图片来吸引消费者的观点,实际在感官上,图形可以solgan化,文字也可以图形化 视觉营销可以用一个公式来表示: 视即看到的所有一切+觉即感受和想到 抛弃视觉营销就是设计好漂亮的图片来吸引消费者的观点,实际在感官上,图形可以solgan化,文字也可以图形化 视觉营销可以用一个公式来表示: "视"即看到的所有一切+"觉"即感受和想到的"营"即营造+"销"即销售机会 视觉营销的首要目的:缩减传播内

揭开交互设计的神秘面纱

什么是交互设计? 为了让大家了解交互设计,首先我们来谈谈交互设计的概念. 相信很多人都听说过工业设计.视觉传达设计.建筑设计.环艺设计和服装设计等,但是除了交互设计从业人员之外,应该很少有人知道交互设计,更不用说理解交互设计的概念了. 先来扯下历史:交互设计是于20世纪70年代末80年代初,由两位工业设计师--Bill Moggridge(交互设计之父,近年刚刚去世) 和Bill Verplank创造出"交互设计"(interaction design)这个词来描述他们所从事的工作,二

营销手段的开始是什么

抛弃视觉营销就是设计好看的图片来吸引消费者的观点,其实在感官上,图形是可以solgan化,文字也可以图形化的. 视觉营销可以用下面这个公式来表示: "视"即看到的所有一切+"觉"即感受和想到的"营"即营造+"销"即销售机会 视觉营销的首要目的:缩减传播内容的传播成本 如今的互联网越来越成熟化,所以推广成本也越来越高,当竞争进入白热化发时候,买家们血拼的肯定是每家商品所分摊下来的传播成本.在品牌视觉营销的维度,就是怎么样通过视觉

方正视觉:网站制作如何进行有效的沟通

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站谈下来以后,就是如何进行有效的沟通了.方正视觉做了多年的网站建设,常常会碰到这样的事情,虽然双方已经确立合作,但客户往往什么资料也提供不上来,甚至是公司的logo.这个时候做为我们就很头疼了,下面说说我的经验. 一.见面 单子谈好了,上门是必要的,大家见一面可以了解清楚彼此的需求,也会对客户的公司有个感性的认识,了解公司的文化,规模,这样

李飞飞最新演讲:视觉智慧是人类和计算机合作沟通的桥梁

本文讲的是李飞飞最新演讲:视觉智慧是人类和计算机合作沟通的桥梁, 中国计算机学会 CCF 举办的中国计算机大会CNCC 2017已于10月26日在福州市海峡国际会展中心开幕.参加会议的人数众多,主会场座无虚席.雷锋网 AI 科技评论也派出记者团全程参与大会报道. 26日上午开幕式结束后,多位特邀嘉宾进行了现场演讲,主题涵盖计算机科学发展中的新技术和应用.自然语言利净额.AI如何服务于人.人工智能在信息平台的应用等等.斯坦福大学副教授.谷歌云首席科学家.机器学习界的标杆人物之一的李飞飞进行了题目为

专访微软研究院张正友:从“张氏标定法”到人机交互,20年视觉技术的探索

张正友博士,是世界著名的计算机视觉和多媒体技术的专家,ACM Fellow,IEEE Fellow.他在立体视觉.三维重建.运动分析.图像配准.摄像机自标定等方面都有开创性的贡献. 张正友带领的微软研究院视觉团队在学术研究上做了大量的工作,除了在顶尖会议(比如CVPR.ICCV.ACM Multimedia.ICME)上发表了大量文章和几部专著,而且在微软很多产品里都有团队的贡献,比如Windows.Office.Xbox.Kinect.Skype for Business.Office Len

设计中的沟通 用铅笔来绘制“粗糙”的草图

在Web UI 模型出现之前,经过了很长一段的时间,设计师们都会选择使用缩略图(Thumbnail Sketching)来展现自己的创意,表达自己的思路.这种技巧就像是设计师专门用于沟通的一种艺术,而这种艺术现在却渐渐淡出大家的视线. 而通过本文,就让大家重新审视品味一下这种艺术. 对于设计师而言,对线框图的期望其实是一种能够在繁重设计工作中整理自己思路的方式.而绘制缩略图更多的是就是为自己累计更多的创意,从中找到自己思维中的闪光点. 草图是绘制线框图的地基 线框图(Wireframing)是我