网页设计

您的位置:首页 > 网站专题 > 网页设计 > 详细内容

网页设计--网页设计理论

2011-05-06 13:47 作者:admin [ ]

网页设计经验

  我的意思是,人们通常在访问 microsoft.com 时,并未将它当作艺术作品来赞赏。而是为了获得有关产品的信息,或者有一些技术问题需要咨询,或是阅读有关开发商的期刊。所以网站的设计应该尽量清楚和有条理,以便他们能够容易地找到所需信息。
  作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能。 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页。
  从头衔上,您可能认为我主要关心的是 microsoft.com 网页 站点几千个网页的版面设计。的确,这些确实是我所关注的。视觉上的吸引力是重要的,但是这仅仅是工作的一小部分。而最终的目的是确保整个站点运转正常。


设计站点

  在进行 网页 设计时--在设计过程中--形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然,我们有最新的 网页 工具,并且能够将各种可视的小配件上载到网页上。但是我们认为这样做将不利于为访问者提供有效的服务。
  事实上,我经常发现一些站点未将重点放在功能上。常见的错误包括: 
  用户界面元素不一致。例如,同一个控件在不同的页面上功能不同,或者同一个功能对应几个用户界面控件。 
  导航栏位置不一致。决定站点的哪些页和功能需要在站点的任何页上都可被访问到。这就是应该保持一致性的“全局导航栏”。 
  不太注意或根本不注意基本的图形设计原则,例如排版式样、色彩和版面的设计。 
  相关元素和功能的随意分组。注意将元素放置在网页上的位置和目的。这可帮助访问者从其它相邻的选择和位置来推断某个链接的功能。 
  使网页过于庞大以至使访问者需要通过典型的调制解调器速度的 Internet 连接进行长时间的下载。这并不是说不应该使用图形,但是您需要对它们进行精挑细选,然后用适当的压缩和颜色索引优化它们。 
  现在的 网页 站点仍然存在很多问题,这并不奇怪。毕竟,网页 设计“艺术”相对来说还是个新生事物。在四、五年以前,网页 页甚至是普通的。那时,人们好像认为他们的 网页 站点将会吸引访问者只是因为它们存在--并且,可能在某些情况下这种方法确实有效。但是这些站点一般很难看,并且更重要的是,它们真的难以使用。接下来便进入“看看我们能做些什么”阶段,在网页中加入了大量的动画、声音文件以及其它附加件,导致访问者需要长时间地进行下载,但是并未获得多少实实在在的内容。
  如今的网页设计师们已经吸取了前人的经验和教训。好的站点倾向于简化和快速,同时在功能上有所提高。这是 Microsoft 的目标,而且我们最先承认自己所犯的错误(参阅“Microsoft 的 网页 简史”看一看以前的主页设计)。
  设计错误并不总是显而易见的。有时在设计上对一个小元素的移动或更改将有很少或根本没有影响。但是,在其它情况下,它可能确实会对页面功能有所影响。而且如果说我们从过去几年学到了一些东西,那就是小的改动会使 网页 页的运行方式有很大的不同。

明确的流程

  若要避免类似问题,我们为新服务(例如“搜索”)的创建或关键的 网页 页(如主页)设计了一个明确的流程。 每个项目都是在一定的基础上开始的,即我们有一个受益于我们站点上的页面、部分或用户界面元素的产品或服务。在早期的产品计划阶段(第 1 阶段),我被要求设计一些初级模型:大致描述页面、部分或功能的草图。然后产品项目组检查产品计划建议,看看此项服务是否可以为 microsoft.com 的访问者真正带来一些实惠。
  如果答案是“可以”,那么此项目会获得批准,我们开始写项目说明书(第 2 阶段)。我们在第 1 阶段的草图和概念基础上创建并提出一个更为完整的计划。这时,我们一般还会开始可用性测试(一般会有书面的模型)以了解潜在用户将对计划中的设计做出何种反应。 在最后开发阶段(第 3 阶段),我们创建运行计划服务的 网页 原型,并且进行全面的可用性测试以及内部复查。然后完成站点的代码,修改程序错误,最后站点通过实际运转的 网页 站点向客户发布。
  正如您所见到的,可用性在整个流程中扮演着重要的角色(参阅“创建有效的 网页 界面需要认真计划”)。我们可以为用户运行某项任务计时,这样我们就可以在产品以后的版本中对比相同的测试。我们可以使用这种方法进行度量,以确定一个功能的重新设计是否为客户带来任何真正的价值。
  还有,我们将仔细地观察以了解可用性对象是否可以计算出如何正确使用新功能--我们称为“可发现性”的方法。有时这为我们提供了一些挑战。例如:在我们的站点上,在 搜索引擎 中键入一个词组或字会产生一列结果。然后我们请用户选择在这些结果中进行搜索,以便进行更细的搜索并且导向某一页或资源。但是即使“在结果范围内搜索”被明显地标记在深色标签上,很少有人熟悉它。一些用户认为他们正开始新的搜索,并且可能毫无结果。我们正在解决这个问题以确保客户可以利用 microsoft.com 上所有丰富的功能来提高他们对此站点的认识。
  选项“在结果范围内搜索”看上去很直观,但不是非常易发现的。此问题一直是困扰我们的设计的问题之一。 

最后阶段

  大体来讲,站点设计是在发生冲突的需要之间求得平衡的艺术。一方面,我要将站点设计得尽量简单易用。另一方面,我要确保站点中所有强大的工具可为经验丰富的用户所用。与此同时,我还要为内部客户服务--Microsoft 产品项目组--他们对服务有特殊的需要。所以每天我都要解决一些非常困难的问题,经常处于很紧迫的情形中。我发现这种工作是鼓舞人心和有趣的。
  这个职业非常需要更熟练的专业人员。我是经过一系列非常不一般的过程--在大学学习图形艺术,然后在多媒体公司设计 CD-ROM,最后加入 Microsoft 并开发应用程序--才获得这个职位的。非常奇怪的是,当我申请(并获得)这份工作时,我以前从来没有设计过 网页 页。但是我广泛的设计经历已经证明是非常有用的,并且我自认为已经验证了格言“成功的设计就是成功的设计”(不论是什么媒体)。许多设计问题对 网页 来说是独一无二的,解决这些问题的方法对于任何媒体都是一样的。
  对于那些准 网页 设计师我的建议是,他们也应该尽可能地扩大设计背景。今天应该确保将一些 网页 工作作为互动设计培训的一部分--大多数好的设计学校已将其加入课程中。但是在排版、色彩理论、版面设计以及生产等方面的扎实的技术将仍然特别有价值。 在未来,网页 设计师们仍将会继续被要求给页面增加更丰富的多媒体内容,从而为 网页 站点的可视性和可操作性增加了新一级的复杂性和技术要求。作为 CD-ROM/多媒体设计师,要求我必须具有图形设计、视频、音频制作、动画等方面的知识和创作能力。我的预言是,网页 设计师也将向这些领域发展。
  对于属于 microsoft.com 的我们--以及在 Internet 上的其它地方--那应该是一个非常有趣的未来。
  了解您的观众。 调查一下究竟哪些人在访问您的站点,以及他们为什么要访问。新手或不定期上网的 网页 用户与软件开发商相比有非常不同的兴趣和站点需要。 使您的站点对访问者来说有所帮助。
  为您的观众提供所需的信息。使导航元素保持一致,并且确保对访问率最高的区域进行明显的标记,是它们易于被找到。

使用清楚的消息

  确保用户了解此页面的上下文,并且知道需要他们做些什么。如果在注册过程中您要用户输入姓名,那么就直截了当地说。不要让访问者自己计算什么,他们会感到沮丧,于是转到其它更简单的站点(例如您的竞争对手的站点!)。

保持一致性

  虽然更改不同 网页 页的外观并不难,但这并不意味着您应该这么做。将主要功能--例如返回“主页”的链接或者执行一个搜索--放在每页的相同位置。在 microsoft.com 上,黑色全局导航工具栏的位置在四十多万页上都是一样的。

使站点可用

  牢记设计和测试站点的可用性。确保用户可容易地执行任务以获得所需信息。估算任务时间和任务完成率,然后努力进行改善。如果新的设计没有在这些方面获得改善,那么就不要实施它。重新从草图(或最初的计划)开始并尝试其它方法。

保持简洁

  说起来容易做起来难。尝试征求反馈意见。 有时新人可以很容易找到解决方案。

尝试新的东西

  不要害怕打破常规,尝试一些完全不同的东西。如果您不试试,永远不会找到真正的答案。
                                -- Microsoft·Peter


网页外观

  1.不要先决定网页的外观,然後强迫自已去适应它,应该从你的访客对像,你要传达的讯息以及你的制网目标推导出一个最适合的网页架构。 
  2. 每页排版不要太疏或用太大的字,尽量避免看你的网页时 要作很大的卷动,要知道在一页的上部分是显眼而宝贵的地方,不要只放著几个粗大的字或图片。 
  3. 切勿以 1024*768 以上的解像度设计网页。明智的网页设计者是处处照顾浏览者,绝不会炫耀自己有专线、有 19 寸的显示器 等。 
  4. 不要於每页插入太多的广告牌。相信你亦不喜欢浏览一些贴满广告的网页吧,你要考虑到该页内容与广告的比例,摆放的位置亦很重要,不妨多参考别人的做 法。广告太多,只会令人烦厌。 
  5. 不要每页都采用不同的墙纸,以免每次转页都要花时间去下载,采用相同的底色 或墙纸还可增加网页一致性,树立风格。 
  6. 底色或墙纸必须与文字对比强烈,易於阅读,这并不是要求你永远使用鲜亮的背景配搭深色的文字,但深色背景常要求与主题配合,有较多的顾虑,若你的网页 是文章式或包含大量文字,不妨在底色与文字的配搭上下些工夫,力求让访者能 舒适阅读你的文章。 
  7. 不要把图片白色当透明,要知道别人的作业系统不一定把内定底色设为白色,解 决方法除了真的把该网页的底色设为白色之外,最好还是以图片编辑工具为图片 设好透明颜色。 
  8. 太长的一页要使用内部连结,明智的网页设计者是不会让浏览者看网页时作太大的卷动。

网页网站的设计、管理与维护

  如果你在因特网上发现一个对你的工作有帮助或有参考价值的网站,你一定会将其网址告诉你的同事;如果找到你的朋友需要的信息,你同样记下网址告诉你的朋友;要是在网上冲浪时偶然遇到特别有兴趣的网站,你肯定加入到自己浏览器的书签中,每一个上网者都会这样做的。有许多人员设计过网站和个人主页,这在技术实现上已十分容易,有许多几乎不用编程的所见即所得的工具软件可以利用。但是让人们从浩如烟海的站点中,访问浏览你的站点甚至为你宣传,就不是那么简单,因为鼠标和键盘是永远掌握在上网者手中的。设计者如何设计出达到预期效果的站点和网页,是需要深刻理解用户的需求并对人们上网时的心理进行认真的分析研究。  
  因特网正在改变世界,它促成了网络经济雏形的形成,特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体,所以全球几乎各个企业、机构纷纷建立自己的网页站点。并且由此产生了一个新的工作岗位——网站设计者(Website Designer)和网站管理者(WebMaster)。如何设计出达到用户目的的网站,吸引尽可能多的人参观访问是一个值得研究的课题。吸引大量的网民访问你的站点只是成功的一半,以独特的内容和服务使网民再来访问,或向他的朋友介绍网址才是真正的成功。 
  网页站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音,甚至电影等组成。使这些超文本能够有机地关联并可使浏览器识别,是通过HTML语言(HyperText Markup Language超文本标记语言)实现的。同时CGI(Common Gateway Interface公共网关接口)能使网页具有交互功能。网页站点指引用户浏览该站点或其他站点上的分页信息,可以通过表格和电子邮件的连接提供双向交互方式。站点建立后,你的企业就在国内、甚至在国际上有了一席之地,有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息平台,它是“知识经济”的制高点,企业的网址犹如企业的商标和品牌一样,是反映企业形象和文化的巨大的无形资产。 
  本文总结归纳了网页网站的设计、管理与维护的十二项要点,与大家一起探讨。  

  一、目标明确、定位正确 

  网页站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网--这个新媒体上展示企业形象、企业文化的信息空间,领导一定要给予足够的重视,明确设计站点的目的和用户需求,从而作出切实可行的计划。 
  挑选与锤炼企业的关键信息,利用一个逻辑结构有序地组织起来,开发一个页面设计原型,选择用户代表来进行测试,并逐步精炼这个原型,形成创意。
  分析有些网站的效果不如预想的好,主要原因是对用户的需求理解有偏差,缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位,而对用户和潜在的用户的真正需求了解不多。所以,企业或机构应清楚地了解本网站的受众群体的基本情况,如受教育程度、收入水平、需要信息的范围及深度等,从而能够有的放矢。 

  二、主题鲜明、富有特色 

  在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
  网页站点应针对所服务对象(机构或人)不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。最好的网页站点将把图形图像表现手法与有效的组织与通信结合起来。 
  要做到主题鲜明突出,力求简洁,要点明确,以简单明确的语言和画面告诉大家本站点的主题,吸引对本站点有需求的人的视线,对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。 
  调动一切手段充分表现网站的个性和情趣,突出个性,办出网站的特色。 
  网页站点主页应具备的基本成分包括: 
  页头:准确无误地标识你的站点和企业标志; 
  E-mail地址:用来接收用户垂询; 
  联系信息:如普通邮件地址或电话; 
  版权信息。 
  注意重复利用已有信息,如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的网页站点中。 

  三、版式编排布局合理 

  网页设计作为一种视觉语言,当然要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。 
  版式设计通过文字图形的空间组合,表达出和谐与美。版式设计通过视觉要素的理性分析,和严格的形式构成训练,培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。 
  努力做到整体布局合理化、有序化、整体化。优秀之作,善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述,做到丰富多样而又简洁明了。 
  多页面站点页面的编排设计要求把页面之间的有机联系反映出来,这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面,一定设计有向前和向后的按钮,便于浏览者仔细研读。 
  站点设计简单有序,主次关系分明,将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳,经过进行具有内在联系的组织排列,反复推敲文字、图形与空间的关系,使浏览者有一个流畅的视觉体验。  

  四、色彩和谐重点突出 

  色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性,而其它有色或无色的内容均属黑、白、灰的三色空间关系,从而构成它们的空间层次。 
  色彩是艺术表现的要素之一,它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。 
  利用色彩对人们心理的影响的成果,合理地加以运用。按照色彩的记忆性原则,一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质,如:红色象征火、血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用消极而沉静的颜色,使人心理上感觉凉爽一些。 
  在色彩的运用过程中,还应注意的一个问题是:由于国家和种族的不同,宗教和信仰的不同,生活的地理位置、文化修养的差异,不同的人群对色彩的喜恶程度有着很大差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。  

  五、形式内容和谐统一 

  形式服务于内容,内容又为目的服务,形式与内容的统一是设计网页的基本原则之一。 
  画面的组织原则中,将丰富的意义和多样的形式组织在一个统一的结构里,形式语言必须符合页面的内容,体现内容的丰富含义。 
  运用对比与调和,对称与平衡,节奏与韵律以及留白等手段,如通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些动感的的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。 
  点、线、面是视觉语言中的基本元素,使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。 
  点是所有空间形态中最简洁的元素,也可以说是最活跃、最不安分的元素。设计中,一个点就可以包罗万象,体现设计者的无限心思,网页中的图标,单个图片,按钮或一团文字等都可以说是点。点是灵活多变的,我们可以将一排文字视为一个点,将一个图形视为一个点。在网页设计中的点,由于大小、形态、位置的不同而给人不同的心理感受。 
  线是点移动的轨迹,线在编排设计中有强调、分割、导线,视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受,例如垂直的线给人平稳、挺立的感觉,弧线使人感到流畅、轻盈;曲线使人跳动、不安。在页面中内容较多时,就需进行版面分割,通过线的分割保证页面良好的视觉秩序,页面在直线的分割下,产生和谐统一的美感;通过不同比例的空间分割,有时会产生空间层次韵律感。 
  面的形态除了规则的几何形体外,还有其它一些不规则的形态,可以说表现形式是多种多样的。面在平面设计中是点的扩大,线的重复形成的。面状给人以整体美感,使空间层次丰富,使单一的空间多元化,在表达较含蓄。 
  网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。  

  六、三维空间指置有方 

  网络上的三维空间是一个假想空间,这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。        在页面中图片、文字位置前后叠压,或位置疏密或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上,图片、文字前后叠压所构成的空间层次目前还不多见,网上更多的是一些设计得比较规范化、简明化的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。网页上常见的是页面上、左、右、下、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使视觉流程生动而清晰,视觉注目程度高。疏密的位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。 
  需指出,随着网页的普及和计算机技术的迅猛发展,人们对网页语言的要求也日益增长。人们已不满足于HTML语言编制的二维网页页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在网页网上展示其迷人的风采,于是VRML语言出现了。VRML是一种面向对象一种语言,它类似网页超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多的为虚拟现实环境服务。VRML只是一种语言,对于三维环境的艺术设计仍需要理论和实践指导。  

  七、多媒体功能的利用 

  最大资源优势在于多媒体功能,因而要尽一切努力挖掘它,吸引浏览者保持注意力。因而画面的内容应当有一定的实用性,如产品的介绍甚至可以用三维动画来表现。 
  这里需要注意的问题是,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度,或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。  

  八、相关站点引导链接 

  一个好的网站的基本要素是用户进入后,与本网站相关的信息都可以方便快捷地找到,其中要借助于相关的站点,所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库,链接到其它网站轻而易举。 
  在设计网页的导引组织时,应该给出多个相关网站的链接,使得用户感到想得到的信息就在鼠标马上就可以点击的地方。  

  九、网站测试必不可少 

  为什么精心设计的网站是经得起推敲的,就是因为它经过认真细致的测试。测试实际上就是模拟用户访问网站的过程,得以发现问题改进设计。 
  由于一般网站设计都是一些专业人员设计的,他们对计算机和网络有较深的理解,但要考虑到访问网站的大部分人只是使用计算机和网络,应切实满足他们的需要。所以有许多成功的经验表明,让对计算机不是很熟悉的人来参加网站的测试工作效果非常好,这些人会提出许多专业人员没有顾及到的问题或一些好的建议。   

  十、及时更新认真回复 

  企业网页站点建立后,要不断更新内容,利用这个新媒体宣传本企业的企业文化、企业理念、企业新产品。站点信息的不断更新和新产品的不断推出,让浏览者感到企业的实力和发展,同时也会使企业更加有信心。 
  在企业的网页站点上,要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真,做到有问必答。最好将用户进行分类,如:售前一般了解、销售、售后服务等,由相关部门处理,使网站访问者感受到企业的真实存在,产生信任感。 
  注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 
  如果要求访问者自愿提供其个人信息,应公布并认真履行一个个人隐私保护承诺,如不向第三方提供此信息等。  

  十一、合理地运用新技术 

  因特网是IT界发展最快的领域,其中新的网页制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。 
  但对于网站设计者来说,必须学习跟踪掌握网页设计的新技术,如Java、DHTML、XML等,根据网站的内容和形式的需要合理地应用到设计中。  

  十二、推广站点的方法 广泛散布你的网页地址 

  网站已经建好,下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢? 
  利用传统的媒体(如印刷广告公关文档及促售宣传等),欢迎所有人参观是一种十分有效的方法; 
  对待公司的网址象对待其商标一样,印制在商品的包装和宣传品上; 
  与其他网站交换链接或购买其他网站的图标广告; 
  向因特网上的导航台提交本站点的网址和关键词,在页面的原码中,可使用META标签加入主题词,以便于搜索引擎识别检索,使你的站点易于被用户查询到。注意向访问率较高的导航台,如Yahoo、Excite 、AltaVista、Infoseek、HotBot注册; 
  通过在网站上设立有奖竞赛的方式,让浏览者填写如年龄、行业、需求、光顾本站点的频度等信息,从而得到访问者的统计资料,这些可是一笔财富,以供调整网站设计和内容更新时参考。 
  总之,在每天不断增长的网页站点中,如何独树一帜、鹤立鸡群是对网站设计者综合能力的考验和挑战。

 
搭配的艺术--谈主页用色 

  要想做出一幅漂亮的主页可不是一件容易的事,除了熟练运用各种网页制作工具和编程语言之外,美术的知识也不能不懂,下面让我们来学习一点有关主页制作中色彩搭配的知识。  
    
  色彩的含义  
    
  色彩本身是无任何含义的,有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理,左右人的情绪,所以就有人给各种色彩都加上特定的含义:红色:强有力、喜庆的色彩,很容易使人有兴奋感觉,是一种雄壮的精神体现。黄色:亮度最高的色,给人感觉就是很有温暖感,灿烂辉煌!试试加入淡红色或淡紫色! 
  绿色:美丽、优雅,给人感觉大度、宽容。 
  蓝色:永恒、博大,大家可以看看天空!给人感觉平静、理智。 
  紫色:小MM们常用这种色,给人神秘、压迫的感觉。很怪的一种色。 
  黑、白色:这两种色我有时会觉得很奇怪,它们在不同时候给人的感觉是不同的,黑色有时给人沉默、虚空的感觉,但有时也给人一种庄严肃穆的感觉。白色也是同样,有时给人无尽的希望感觉,但有时也给人一种恐惧和悲哀的感受。具体还是要看与哪种色配在一块。 
  还有一些纯度不同的色,我自己较为喜欢的,例如含灰色的绿会使人联想到淡雾中的森林,天蓝会令人心境畅快,淡红会给人一种向上的感觉。只是个人理解而已,大伙儿可以自己试试。  
    
  色彩的对比  
    
  不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时,这两种颜色各自走向自己的极端。例如:红色与绿色对比,红的更红,绿的更绿;黑色与白色对比,黑的更黑,白的更白。由于人的视觉不同,对比的效果通常也会有不同。当大家长时间看一种纯色,例如红色,然后再看看周围的人,你会发现周围的人脸色会成绿色,正是因为红色与周围颜色的对比,形成了对我们视觉的刺激。色彩的对比会受很多因素影响,例如色彩的面积、时间、亮度等等。 
  色彩的对比有很多方面,色相的对比就是其中的一种。当我们用湖蓝与深蓝对比时,你会发觉深蓝带点紫味,而湖蓝则有点绿味。各种纯色的对比会产生鲜明的色彩效果,很容易给人带来视觉与心理的满足。 
  红色与黄色对比:红色会使人想起玫瑰的味道,而黄色则会使人想起柠檬的味道。 
  绿色与紫色对比:很有鲜明特色,令人感觉到活泼,自然。 
  而红、黄、蓝三种颜色是最极端的色彩,它们之间对比,哪一种颜色也无法影响对方。 
  色彩间的对比也有纯度对比,举个例子,黄色是夺目的色,但是加入灰色会失去其夺目的光彩,通常可以用混入黑、白、灰色来对比纯色,这样可以减低其纯度。纯度的对比会使色彩的效果更明确肯定。  
    
  色彩的大小和形状  
    
  有很多因素可以影响色彩的对比效果,色彩的大小就是其中最重要的一项,如果两种色彩同样大小,那么这两种颜色之间的对比十分强烈,但是当其中的一种大小变得不一样时,小的一种色就会成为大的色的补充。色彩的大小会令色彩的对比有一种生动效果,尝试在一大片绿色中加入一小点红色,你会注意到红色在绿色的衬托底下很抢眼,这就是色彩的大小对对比效果的影响,在大面积的色彩陪衬下,小面积的纯色会突出特别的效果,但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在黄色中加入淡灰色,你根本就不会注意到淡灰色。不知你是否留意到,在不同的形状上面,同一种色彩也会有不同的效果,试试在一个正方形和一条线上用红色,你会发现,正方形更能表现红色稳重、喜庆的感觉。不同的形状会使同一种色彩产生不同的效果,个人认为,圆形最好用蓝色,这样给人辽阔博大的感觉。三角形用黄色,三角形的尖锐感与黄色的刺目感配合起来。梭形建议用鲜蓝色,平行四边形用绿色……这些只是一家之言,大伙儿可以自己选用,我只是写出不同的形状上面即使用同种色也会有不同的效果。  
    
  色彩的位置  
    
  色彩所处的位置不同也会造成色彩对比的不同。试把两个同样大小的色彩放在不同的位置,譬如前后,则你会觉得后面的颜色要比前面的颜色暗些。正是由于所处的位置的不同,导致眼睛的视觉的不同。我喜欢在画图中使用渐层工具,无它,则会觉得多种色彩在一起会有一种不同的效果,有如音乐中的1、2、3、4、5、6、7变化,同样的色相但纯度不同的色彩组合在一起会有令人吃惊的效果,不要以为渐层很简单,它内含着色彩运用的一项重要的运用。不知大家有没有唱过歌?我觉得色彩的渐层变化里也有一种调子,如同歌曲里的谱一样,暗色中含高亮度的对比,会给人清晰、激烈的感觉。很强烈的刺激如深黄到鲜黄色,暗色中间含高亮度的对比,会给人沉着、稳重深沉的感觉。如深红中间是鲜红。中性色与低高度的对比,给人模糊、朦胧、深奥的感觉,如草绿中间是浅灰。纯色与高亮度的对比,给人跳跃舞动的感觉,如黄色与白色的对比。纯色与低亮度的对比,给人轻柔、欢快的感觉,如浅蓝色与白色。纯色与暗色的对比,给人强硬、不可改变的感觉。  
    
  编者:色彩的搭配是一门艺术,灵活运用它能让你的主页更具亲和力。当然这篇文章的内容还只限于理论,要想真的制作出漂亮的主页则需要灵活运用加上自己的创意才行。如果你有什么收获的话,可别忘了介绍给小编和广大读者呦。

 
点com的文化和设计

  网站的良好运营靠的是什么?靠技术,肯定不是,因为技术的发展是一个相对的概念,不具有耐久性,缺乏凝聚力,如果仅仅靠这个,是不能维系整个网站发展的。网站其实就是企业,只不过它是提供给自己的客户以不同的产品,即以网页的形式展现给他们浏览、以交互的方式让他们参与等等,既然网站是一个企业就不能回避一个问题,就是盈利的问题,如果只顾向网站投钱,作亏本生意,是那个网站都不愿意做的事情。所以网络如果要给自己带来回报,就必须以高标准来要求,这样就不得不提升到网站文化的高度。还是先来看一下企业文化的定义吧!
  只要问一问任何一家一流的高科技企业,什么使这些企业引以自豪,十家有八家或许会告诉你,它们引以自豪的是自己的产品或服务。剩下的两家则会举出一系列的东西,如它们的业务流程、它们的业务伙伴关系、它们的员工等等。总之,概括起来就是:企业文化。 什么是企业文化呢?Terence E. Deal(特伦斯)和Allan A. Kennedy(阿伦)合著了一部颇具影响的专著,《企业文化》(Corporate Culture)。书中给企业文化的定义是,"用以规范企业人多数情况下行为的一个强有力的不成文规则体系。" 
  其实企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则,以及由此导致的行为模式。企业文化是以人为本的管理哲学,是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式,是借助文化力量的管理方式,良好的企业文化能为企业保持数十年的竞争优势。 
  可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的,其员工也没有主人翁意识,这样的企业是长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理,从而越来越突出人在企业生存和发展中的作用和力量。企业最重要的资源是知识,而知识是人的资源,所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人?HP公司为什么能保持20多年持续稳定的发展?其答案都很简单:重视人的建设是他们立于不败之地的保证。 
  虽然现在的网站赖以竞争的本钱并不是靠的自己的文化,而是一些比如机遇、技术、条件等,但是现在并不能代表以后,随着社会经济和网络技术的发展,外部条件都不是问题,如果仅靠这些,网站之间的差别将变得很小,这样网站生存的价值就会变小。所以要能够在竞争中立于不败之地,就应该坚持以人为本,挖掘网站人的潜力,让他们发挥自己的才能,使他们能够不断的超越自我,更好的凸现自己的价值。从而形成一种合力,使网站的发展形成一种良好的机制。 

  在这样的情况下,网页设计就被赋予了新的内容,要求也随之提高,主要表现在几个方面: 
  首先就是网站的整体形象,一个网站给人的第一印象就是主页,但是绝不是说,只要主页做好了,网站的整体形象就好,因为在用户对整个网站的浏览的过程中,会自然而然的形成一种对网站的看法,这种看法是附带有感情色彩的,比如喜欢、不喜欢、没有什么感觉等,这就是整体形象的体现,这是靠主页和其它的页面相配合来完成的,所以在制作网页的时候要考虑怎么将自己网站好的一面体现给自己的用户,又要考虑体现的方式,侧重点,不能一锅端,都放在主页上,造成杂乱的形象。而要给人以好的可以信赖的形象就必须从许多细节上入手,同时规范整个网站的外在表现,具体在于标志的设计、标准色彩的表达以及标准字体的设计。这些都是很重要的,有一个统一的、标准的形象是赢得自己用户信赖的条件。 
  其次是如何在网页设计中将整个网站的员工的精神风貌体现出来,每个企业的员工其实是一分宝贵的财富,所以能够充分的将员工的精神风貌体现出来一方面可以激励他们努力的工作,热爱自己的工作,也是加强企业凝聚力的一个手段;同时也可以通过这样的方法来赢得自己的客户的支持,在网站林立的今天,赢得自己的用户就是赢得了市场,就是获得了生存的基本条件。 
  再次,在网页设计的时候,需要结合网站本身的特点,提炼出自己的经营理念,摆脱低层次的网站运行模式,网站作为一个企业就必须在不断的发展壮大的时候,结合自身的文化特色,提炼出一些深层次的东西,而这些东西就是企业的灵魂,很多世界知名品牌都有自己的独特的经营理念,比如微软是"成功诀窍 = 人才 + 创新,管理 = 合适的时间 + 应做的事",惠普是"财富= 人才 = 资本 + 知识",飞利普是"新产品 = 技术内涵 + 观念创新",东芝是"企业活力 = 智力×(毅力 + 体力 + 速度)",麦当劳是"企业的活力 = 原材料×设备×人力资源人力资源 = 人数×能力×态度"。这样就给网页设计师提出了更高的要求,要求他们能够深入的了解网站,同时将自己融入的到网站中,不断的发掘具有闪光性的东西,同时找到合适的表达方式来加以强化。这样才能够使网站靠自身的优势获得用户的好感。从而奠定良性运行的基础。 
  既然网站文化给网页设计师提出了更高的要求,那么具体到网页设计师身上该如何应对呢?提高自身的文化素质是必不可少的,假如自身素质不高的话,就无法领会到很多其中的内涵,这样在自己的设计表达的时候就不可能到位,其实作品就是一面镜子,在其中可以折射出设计者自身的素质,这是掩盖不了的,所以提高自身的文化修养是很重要的,形成一种习惯,这样在无形中就可以在设计的作品表现出来,所以这里没有任何捷径可以走,只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心,对生活充满热情!这样才可能在自己的网页设计中挖掘出好的东西来,也给自己的用户留下好的印象。 

 
国际网页网页设计流程
 
  1.初始会商,主要是收集该站点的关键信息,包括站点的目标读者.要发布的内容.开发网页服务器平台;  
  2.概念开发,设计师根据收集的信息,开始构思,通常,设计师要把这些构思用草图的形式呈现给顾客,这个草图要有整个网站的结构,不同的布局.设计及导航; 
  3.内容综合,当决定了设计师的设计,设计师开始制作一些初始图样,这些图样用PHOTOSHOP那样的程序来创建,然后,设计师将图样打印出来配合文字;
  4.HTML布局和导航,一旦客户同意了这些内容综合,设计师开始编制网页页面,导航器也被编制到页面中,使客户第一次真正体验一下;
  5.图形制作,如果客户同意了站点的外观和感受,设计师将大量制作所需的图形,并进行优化;
  6.内容流程,客户的书面材料利用各种网页技术(CSS、JAVA、FLASH),有机的和相关的图形整合在一起;
  7.测试,在站点被提交给客户之前,设计师要彻底测试每个网页页面和联结,利用清单,进行修补;
  8.交付,一旦签收,客户要经常进行他们的测试,找出排版和内容方面的错误,做完了这些次要的修正后,正式启用站点.
  这套完整的计划可以用1-12个月来完成,平均完成时间为4个月.当站点启用后,要进行跟踪调查,以确定人们如何使用站点。经过6-12个月的运行之后,重新收集数据,开始重新设计,然后这个网页设计过程再开始一遍。

设计中的符号学

  [摘 要]运用符号学原理,探讨符号设计工作的关系。并指出设计中符号具有认知性、普遍性、约束性和独特性。设计中对符号的运用有直接和间接之分,阐述了对符号学的研究将帮助设计者更好地处理人—产品—环境—社会—自然之间的关系。  

  1. 符号学与设计 

  符号学(Semiotics)是研究符号系统的学问,最早是本世纪初由瑞士语言学家索绪尔(Sauaaure)、美国哲学家和实用主义哲学创始人皮尔士(Pierce)提出的。前者着重于符号在社会生活的意义,与心理学联系;后者着重于符号的逻辑意义,与逻辑学联系[1]。大约从本世纪60年代开始,符号学才作为一门学问得以研究。现在符号学已经成为一项科学研究,其理论成果也已经渗透到其他诸多学科之中。 设计与符号学关系密切。设计这个词来源于拉丁文的Designare,意思就是画记号[2]。现在被普遍采用的英文Design,也就是做记号的意思。研究和运用符号学的一些原理来帮助设计人员“做记号”,不能说不是从事设计人员的一条重要的途径。  
   符号的起源是劳动。早在原始社会,人们就有了实用和审美两种需求,并且已经开始从事原始的设计活动,以自觉或不自觉的符号行为丰富着生活。从我们祖先的结绳记事到歌舞图腾,都是维护社会传统秩序的信息符号。  
   符号是负载和传递信息的中介,是认识事物的一种简化手段,表现为有意义的代码和代码系统[3]。当然,符号这一概念的外延相当广泛,设计中的符号作为一种非语言符号,与语言符号有许多共性,使得语意学对设计也有实际的指导作用。通常来说,可以把设计的元素和基本手段看作符号,通过对这些元素的加工与整合,实现传情达意的目的。 

  2. 设计中符号的特性 

  2.1 认知性 
  设计中,认知性是符号语言的生命。例如,我国的几大银行的标志都采用中国古钱币作为基本型,这正是因为古钱币能够准确地传达金融机构这一信息,具有极强的认知性。如果一项设计作品不能为人认知,让人不知所云,那它就完全失去了意义。 

  2.2 普遍性 
  现代设计是为大工业生产服务的,设计作品会在大众中广泛传播。设计的符号语言只有具备普遍性,才能为大众所接受。设计人员常常遇到这种情况,自己花了很大功夫做出的东西,却不被客户接受,这时设计者也许会抱怨客户欣赏水平不够,其实有时客户比设计者更了解受众。设计者只有找出让自己、客户、消费者都能理解的设计语言,才能更好地完成设计任务,符号的普遍性这一特性,在许多公共场所的标牌设计中体现得尤为充分。如公共卫生间的男女标识,相信不论男女老幼,文化深浅,都能够清楚分辨。 

  2.3 约束性
  任何语言都只在一定范围内被理解,只有具备有关文化背景的人才能接受到该符号所传达的信息。只有符合特定背景的符号才能在这一范围内被接受。比如,德国招贴艺术大师冈特·兰堡(GunterRanbow)的作品中常出现土豆形象,对于不了解德国的人来说,可能看不懂作品所要表达的意思,只有知道土豆对于德国人的特殊意义,才能够明白设计者对土豆如此钟情的原因。 

  2.4 独特性 
  符号一般强调“求同”,这样才容易被理解。但是,在设计中“求异”常常是关键。因为比较形式和内容,前者绝对是更值得深究的。同样是针对一个主题,我们必须找出与之相关的尽可能多的表现形式,才能创作出与众不同的作品。 

  3 符号在设计中的运用  
  设计中对符号的运用有直接和间接之分。从某些作品中可以直接找到符号性的元素,而在另一些作品中却似乎很难发现符号的存在,但这并不意味着这些设计与符号无涉。实际上符号是无处不在的,只是根据需要作用方式不同而已。这里可以分三种情况来考察这个问题: 
  第一,对符号的直接运用。作品本身就是以符号的形式出现的。比如标识类设计,由于这类设计以图形为基础,以达意为生命,强调小而精,因此被浓缩得几乎等于符号本身。北京2008奥林匹克申办标志,运用奥林五环色组成五星,相互环扣,象征世界五大洲的和谐、发展。图形好似一个打太极拳的人形,利用中国传统吉祥图案“中国节”,传达出北京奥运这一信息;中国电信标志,以中国的“中”字和中国传统图案“回纹”作为基础,形成三维立体空间图案,形象地表达出科技、现代、传递、发展的企业特点;著名的电器品牌康佳电器的标志更是简洁取胜,“KONKA”字首“K”、显像管和电话,在两个几何色块的变化组合中得以实现,表现出鲜明的行业特色和独特的企业文化。在这类设计作品中,常常是把几个元素巧妙地组合起来,然后将其简化,得到类似符号的图形,也就是将图形符号化,形成独特的视觉语言。 
  第二,以符号为基本元素的设计。这里的符号可以理解为具有既定含义的图形或实物。这种手法在招贴设计中运用较多。图4以“工作是快乐之本”为主题的两副招贴设计,用标点符号组成笑脸符号,而这种符号在网络上非常流行,观者自然心领神会。图5运用电灯泡、黑与白和一个叉号,使人稍加品味就能顿悟猛醒。这些作品中设计师对符号的熟练运用令人叫绝。 
  第三,作品中含有符号性的因素。并非所有设计中符号都是明显存在的。相反,大多数设计会以更 含蓄的方式传达信息,而符号本身则藏在幕后。换言之,符号可以是一种态度、一种行为方式、一种文化立场等等,通过有形的、有效的载体表现出来,而寻找这种载体的过程就是设计。武汉江汉路步行街设计,其中安排四个真人大小、体现地方特色的雕塑可谓颇具匠心。虽然设计界对此褒贬不一,但应该说老百姓是普遍接受的。身为武汉人,谁没有过急切地盼着一碗热干面端上桌,还不忘吩咐多搁点芝麻酱的经历?现代都市生活越来越多元化,在城市雕塑中安排那些具有历史感的、为人熟悉的因素,会给人带来平衡感和归宿感。北京王府井步行街上保留完好的一口老井与此也有异曲同工之妙。与北京和武汉这些历史名城相比,深圳是一座新兴的、以外来人口为主的城市。为了传达其特有的都市气息,深圳世界之窗前人行道上采用的则是匆匆的行人、拍照的游客等等具有现代感的雕塑小品。不同城市、不同风格的雕塑带给人不一样的都市情怀,这正是设计师将符号语言溶入作品之中的成功典范。 

  设计是一门综合性的交叉学科,它是沟通和联系人—产品—环境—社会—自然的中介,直接影响人的生活方式。值得一提的是,绿色、环保已经成为当今设计的共同主题。绿色设计是以节约资源和保护环境为宗旨的设计意念和方法。而其他诸多方面,如流行风格、民族特征、传统特色等文化因素也成为未来设计的一大潮流。设计工作者应该在从上述种种方面入手,发掘符号的潜能,将人文、科技、环保等主题融入设计符号中,更多的传达出设计师对社会的关注和对美的追求。 

树立网站的风格

  树立网站的风格可以从以下几个方面入手: 
 
  色调:是活泼还是庄重,是素还是艳。比如Clevegrowers食品网站(图五)选择的色彩很艳丽,但如果选择素的色彩,可能就无法体现出水果和蔬菜的那种生气。而北美工艺品网站(图四)的色调是以素为主,突出了手工艺品的典雅。  
  画面:需要考虑是写实还是写意,是体现专业性还是大众化,是为儿童还是为成人。 
  简繁:是追求简洁还是花哨,不同性质的网站在这方面会有不同。如艺术网站,会不厌其烦地用各种手法来展示其创意。
 

本页关键词:

上一篇:没有了 下一篇:什么是好的网页设计