视觉的沟通

 更新时间:2016年9月20日 19:06  点击:1968

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

--------
网络是一个全新的舞台,在这个舞台上,甚至是普普通通的社会的一员也有机会在这里大展身手,在这样的条件下,设计师该怎样做呢?也就是说作为一个在网络环境下的设计师应该怎样利用自己的设计来满足人们的需求,迎合他们的要求,同时如何保持自己的风格,使自己真正作为一个倡导潮流的人。

  风格一词在词典上的解释是“气度、作风;某一时期流行的一种艺术形式”。具体到网页设计的基础上,网页设计师的风格就是在运用自己的所拥有的手段,包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力,来建立起自己独特的设计形式、独特的作风。从这个概念出发,设计师就应该有自己的风格。在网络如此发达的今天,网页也是五花八门,千奇百怪,但是作为一个设计师的地位还没有得到应有的提升,造成今天的网页设计师的风格没有真正的得以体现,使网页的设计在一个低层次的水平上重复。同时由于大家的相互“借鉴”,使网页的页面布局基本上成了某种约定俗成。这样的直接后果是网页作为新的媒体,本应该是方便人们的使用为目标的,却有很多的地方不能够使人满意,而这些不令人满意的地方却原封不动的保留了下来,有些是功能上的,例如在按钮或者是导航的设置上,有些形成了常规的按钮安排方式是令人不方便的。同样在一些用色的规范或者是其它元素的应用限制了设计师作用的发挥,造成了这样的僵化模式。所以在这个新的时代,急切的呼唤具有自己的风格的设计师来作出一些更好更方便的网页来。

  虽然现在的网页的现状有吞没设计师个性的趋势,但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计师都有理由在这样的状况下运用自己的能力,开辟出一片新天地。那么作为一个网页设计师应该怎样做才能凸现自己的风格呢?首先来说他的这种风格不能背离人们的现实太远,这个现实就是人们习惯了的网页的布局,虽然可能经过长期的努力可能会使这种局面得以改观,但是在目前的情况下如果一味的求自己的风格就会严重的脱离用户,做网页首先应该还是要考虑网络用户的使用的,如果自己的网页在很多的方面同目前已形成的习惯的编排方式大不相同,那么习惯于上网的用户使用起来就会感到很不方便,这样得不到用户的支持,这样的设计是失败的;在审美上同样是如此的,目前人们还不能一下子接受在网页上同大众完全不同的图片的安排方式或者是用色的形式,也许在设计师本人看来是非常漂亮的页面,也许是在平面设计的欣赏角度看来是非常好的页面,可是用户们却难以接受。这就是要求设计师在设计时要兼顾到习惯,在大体上或者是整体上不同习惯的使用形式相背离的情况下加入一些自己的东西,在功能上使用户更加方便。例如,可以采用更简洁的方式处理页面,去掉一些纷繁复杂的东西,或者是在页面的布局上采用自己的独特的方式来约束自己的网页上的应用元素,用细线条来分割,用色块来区别自己的不同的栏目,用声音来提示一些操作…… 这样就会逐渐的形成自己的处理页面的风格,不同的网站的设计都可以把这种风格应用上去,这样风格就这样炼成了!这也是反映出要想形成自己的风格,要一步一步的将自己的风格反映出来,不能脱离人们的现实太远。当然由于自己的习惯、修养以及其它的因素的作用,这个风格体现的方式大相径庭,例如有的设计师喜欢现代主义风格,喜欢它的简洁、实用、追求功能上的严谨。但是另外一些人喜欢追求视觉上的新奇、愉悦,所以反映到网页的设计上就是一种装饰化、流行化的风格,即所谓的新艺术风格。当然风格往往不是很单纯的一种方式反映出来,有时候是采用的结合的方式,呈现出丰富多彩的方式。

  享誉世界的德国广告设计大师冈特`兰堡说过“一名设计师的作品停在一个水平及风格上不变化,那就是死亡”。平面设计如此,在网页设计上同样如此,在一个网页设计师的工作中要接触到许许多多、各式各样的网页的设计,在这个过程中设计师能够形成并保持自己的风格固然可贵,但是如果想取得更大的成绩就必须要赢得一种超越,在自己的设计上最熟悉的风格的基础上能够寻求突破,这才是更难能可贵的。以马斯洛的需求的层次论看,这个就应该是一种五个层次中的最高级的形式即自我实现,而能够树立自己的风格只能算是低一层次的需要的满足。当然实现自己的设计风格的突破不是一件容易的事情,这需要设计师本身具有不断开拓进取的精神,在自己的设计实践的过程中不断的完善自己,不断的充实自己,不能将自己锁定在一个方面,要不断的尝试不同的艺术风格,以期找到自己的风格变化的突破口,多学习更多的传统的、现代的设计方法,吸收一些长处,在自己的实际应用中反映出来,这样就更能使自己的设计风格的突破变得更加的容易,也会使自己在这个方面变得更加的得心应手,当然在具体的网页的功能上的实践也是非常必要的,例如在变换一些网页元素的实践中,通过自己同使用中的交流,就可以很容易的得到自己的这些变化可以得到的效果,从而反馈到自己设计中。

  一个网页设计师没有自己的风格是很可悲的,因为这样他永远就只能是在一个低水平的层次上徘徊,或者只是拾人牙慧。永远都没有自己的东西融入到网页设计中,成就不了好的成绩,只有在不断的探索和实践中总结经验,提高自己的同时树立起自己的独特的设计理念,才能够形成自己的风格,开辟出网页设计的新天地。同时也要不断的在形成自己的风格的同时,尝试一些不同的风格,寻求突破,“不破不立”,只有不断的尝试,因为只有不断的丰富自己的同时,才有机会赢得这种尝试的成功。经常有意识的这样去实践,就有可能达到自己的设计



如果你的站点不是关于音乐的,那么背景音乐只会让你的站点显得非常不专业化(Unprofessional); 站点的更新速度也是一个非常重要的要素,这一点实际上和第一点是联系在一起的。在刚发现一个有兴趣的站点时候,人们会很自然的常光顾,但如果你的更新太慢,那么这些潜在的常客就会失去。像现在的"网络时代",尽管有这份NEWSLETTER来和大家保持联系,但更新太慢仍是一个亟待改进的大毛病;
免费、免费、免费,什么东西都可以免费,免费的文章、图片、软件、书籍、各种各样的服务、空间,甚至免费的电脑,丰富内容加上"免费"是网络上所向披靡的武器;







[b]关于外观的禁忌 [/b] 1 不要先决定网页的外观,然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑,设计出一个最适合的网页架构。
2 不要每页都采用不同的背景图片,以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性,树立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。
3 不要把图片的白色部分当作是透明的颜色,要知道别人的操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。而最好的方法是用图片编辑工具为图片设置好透明底色。
4 底色或背景须与文字颜色形成明显对比,方便阅读。若你的网页里有较多文字,不妨在这方面下多点功夫,力求让浏览者能舒适阅读你的文章。
5 每页的排版不要太疏或用太大的字,尽量避免看网页的时候要作很大的卷动。
6 太长的一页要使用内部链接,聪明的网页设计者不会让浏览者在看网页时太多卷动。常见的内部链接例子如 FAQ、或名词解释。
7 在17寸显示器尚未普及的时候,不要以 800x600 以上的像素设计网页。因为这常常会导致设计上的判断失误。因此,无论你有再大的显示器,能上再大的分辨率,将显示器设置成 800x600的显示模式是适当的。 -
8 不要于每页插入太多的广告牌。相信你也不会喜欢贴满广告的网页。什么广告交换、点钱Banner、弹出窗口,还有时下最流行却又最讨厌的浮动广告,还是少放为妙。至少,当我看到的时候,是会第一时间按右上角的“X”的。
[b]关于操守的禁忌 [/b]
1 不要抄袭别人的创作。网络上的所有资料都是公开的,但都有版权的,若想引用别人的作品,不妨先征得同意,一般作者都只要你注明出处,对于电脑方面的东西,大多数朋友都是热情而慷慨的。更不要下载了别人的网站后,当作是自己的放在网上,这样做的结果是使所有人都知道你是个剽窃者。
2 引用 Newsgroup、BBS、或其他非电子传媒的文章,切记要注明原作者名称及文章事源,若引用别有的网页更要通知网主。尊重版权,避免官司,利人利已。
3 不要利用网页散布谣言、中伤他人,网络虽然难管理,但本着道德良心,都应洁身自爱。维持良好网络环境,要靠大家努力,从我做起。
4 不要将别人的网页变成你的框架中的一个窗口,这样不仅为浏览者带来不便,令人的网页更丑陋,而且也侵犯了别人的版权,解决方法是采用链接中的 target 参数,如 target="_top" ,或是target="_blank" 从新窗口打开网页等。若重视访问者的感受请从每一细节做起。
5 不要将别人正在使用的搜索引擎、表单及计数器等放到自己的网页中,这样做会扰乱其正常运作、增加该服务器的负荷,除非该主人表示可以连到他的 cgi-bin 或 JavaClass。





<

[b]01 明确内容 [/b] 如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
[b]02 抓住用户[/b]
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
[b]03 优化内容[/b]
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。   Chanels网站([url=www.channels.co.uk]www.channels.co.uk[/url])在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。  
[b]04 快速下载[/b]
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
[b]05 网站升级 [/b]
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
[b]06 坚持基本原则 [/b]
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。   为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。
[b]07 学习HTML [/b]
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。
[b]08 用笔画一个网站的框架 [/b]
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
[b]09 “在计算机上永远也找不到好的方案”。[/b]
——专家忠告
[b]10 网站地图 [/b]
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。
[b]11 “睁大你的眼睛,留意所有的事情。[/b]
对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。”    ——专家忠告
[b]12 点击规则 [/b]
听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。
[b]13 特殊字体的应用 [/b]
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。
[b]14 “使用切合实际的简便的命名规则。” [/b]
——专家忠告
[b]15 检查错别字 [/b]
好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。
[b]16 避免长文本页面 [/b]
在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。
[b]17 不要使用卷滚条[/b]
人们厌恶在网上使用卷滚条。Trouble网站([url=www.Trouble.co.uk]www.Trouble.co.uk[/url])是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。
[b]18 专家最喜爱的Web设计工具 [/b]
1.Adobe Photoshop   
2.Macromedia Flash   
3.Adobe Illustrator   
4.Adobe ImageRead   
5.Dreamweaver   
[!--infotagslink--]

相关文章