网站首页 | 站长论坛 | 免费空间申请 | 站长下载 | 站长博客 | 商业主机 | 免费空间推荐站点 | 免费空间排行榜 | 我们知道
 13 12
发新话题
打印

[05-23] 网站设计流程

[05-23] 网站设计流程

网站设计流程
<1>、收集网站前期资料以及所需文档
网站策划人员先期分析网站的目的,并分析出网站的功能情况、定位以及初步栏目的规划描述。然后根据策划方案去收集相关资料
l 小组讨论开会-----分析网站目的和功能情况------主要负责人签字------生效并打印文档
<2>、将策划方案打印给小组成员人手一份,开始设计人员进行设计工作。
根据策划文档及网站设计规范,主要设计人员进行前期的首页设计。
l 小组负责人确定设计进程时间并派任务单------主要设计人员开始设计-----递交审核------通过后主要负责人签字
<3>、根据网站的模式和特点以及网站制作规范定制出最适当的标准样式
l 主要负责人与策划人员、主要网站制作人员定制标准样式----打印并小组成员人手一份
<4>、设计人员进行二级页面设计工作
l 依照网站设计规范和标准样式------由小组负责人确定设计进程时间并派任务单-----主要设计人员开始设计工作-----递交审核-----通过后主要负责人签字
<5>、制作人员开始制作工作
l 依照网站设计规范和标准样式------由小组负责人确定制作进程时间并派任务单-----主要制作人员开始内容建设工作-----与程序方面配合人员协调工作------递交审核-----通过后主要负责人签字
<6>、程序开发阶段
l 所有工作人员开始与程序上的结合页面修改工作
<7>、完成
网站策划人员把所有有关网站的备份文件以及原程序备份,并书写一份网站跟踪报告。说明此网站的建设工作的开始到结束所用资源人力以及执行情况。
<8>、QA部门进行测试工作
注:
+ 主要负责人包括所有参与网站项目的负责人,每个负责人做到审核签字。
+ 所有工作人员进行工作时必须在规定的工作时间内完成工作,不能完成工作的有权承担一定的责任。
+ 在主要负责人通过后,任何人不得以理由修改页面设计工作,特殊情况除外。
+ 网站策划人员必须及时跟踪网站建设情况并记录下来。安排任务进程。

网页导航设计的注意要点
一、注意超连结颜色与单纯叙述文字的颜色呈现
  WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的颜色,以便丰富Webpage的色彩呈现。如果您的网站
  充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结颜色,设计成较干净素雅的色调,会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调 (如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。
二、测试所有的超连结与导览按钮的真实可行性
  Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超连结与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的
Webpage设计者对自己的作品应有的基本品质要求。
  如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。
三、让超连结的字串长短适中且走文自然
  抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。
四、当导览按钮连结到目前此页时
  各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度
降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。
五、分析、说明您提供的bookmarks或coollinks
  常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links,并不分门别类,也不加以分析、说明为什么这个link好,值得推荐?那个link的主要内容精彩之处?又在哪?提供您的bookmarks或coollinks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几分钟,将您提供的bookmarks或coollinks稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系统更加周全完善。未加以说明、注解coollinks,其实一点也不cool。老实说,任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。
六、在具有前后连续顺序的文件里提供必要的连结
  将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶
1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里,每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结,可使读者能够立
即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而是依循别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯
内容;直接点取“回子目录页”查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。
2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。
  在一系列具有前后连续顺序的文件里,每篇Webpage都应加上一个具有说明性的标题,使读者一目了然,马上抓住这一页的重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外,更添加精简达意的上一页与下一页标
题、内容提要,使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。
3.提醒读者某一系列文件已到尽头。
  当读者已达某一系列文件的最后一页时,Webpage设计者应提供一小段告示提醒读者,同时不再提供“下一页”的导览按钮或超连结。但基于Webpage界面设计的一致性,或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了
一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的,可考虑将最后一页的“下一页”导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有“下一页”的内容。
七、在较长的Webpage内提供目录表与大标题
  理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由,您的Webpage一定要做得很长,那么不要忘了在此长篇的Webpage最上头,提供一个目录表,Webpage的内容也标上大小标题,以利清楚阅读。尤其重要的是,在这些标题与目录表的HTMLsource里分别设置锚点,并链接到锚点,以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。
八、暂时不提供超连结到尚未完成的Webpage
  超连结或导览按钮应该引导读者到一篇真正“有料”的Webpage,而不是以“挂羊头卖狗肉”的方式,事先将某一超连结描述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只是一张无聊的告示牌“施工中”。
  如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webpage尚未完成,建议您先暂时别让这些“施工中”的Webpage正式露面。(即先暂时别让这些连往“施工中”的Webpage的“超连结”,拥有真正的超连结功能。)等到您“几乎”完工之后(Webpage永远没有“真正”完工之时,总是需要不断地修改、增添、翻新),再正式开放连结也不迟。
  倘若您急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage在此站台,只是目前仍在努力赶制中,您大可直接摆一段告示在即将是“超连结”的文字旁(但目前仍不具超连结的功能),明白昭示世人,以节省读者徒然点取、徒然往返的时间;也免得读者满怀希望,却又落得失望而归。
九、不要在一篇短文里提供太多的超连结
  适当、有效率地使用超连结,是一个优良的导览系统不可或缺的条件之一。但过份滥用超连结,造成短短的一篇文章里却处处是links,反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了“施工中”的招牌的link。在一篇长短适中的Webpage里(三、四个荧幕页面),文章里提供的文字式超连结最好不要超过10个以上,以使全页行文能够顺畅,而读者也不至于眼见一大堆超连结,反而不知从何点取才好。况且,连续、肩并肩地出现两三个文字式超连结,很容易被误认为只是一个长度较长的超连结,于是被读者忽略掉,便也失去了这些超连结的原本功能。


Web网站的设计、管理与维护
如果你在因特网上发现一个对你的工作有帮助或有参考价值的网站,你一定会将其网址告诉你的同事;如果找到你的朋友需要的信息,你同样记下网址告诉你的朋友;要是在网上冲浪时偶然遇到特别有兴趣的网站,你肯定加入到自己浏览器的书签中,每一个上网者都会这样做的。有许多人员设计过网站和个人主页,这在技术实现上已十分容易,有许多几乎不用编程的所见即所得的工具软件可以利用。但是让人们从浩如烟海的站点中,访问浏览你的站点甚至为你宣传,就不是那么简单,因为鼠标和键盘是永远掌握在上网者手中的。设计者如何设计出达到预期效果的站点和网页,是需要深刻理解用户的需求并对人们上网时的心理进行认真的分析研究。
  因特网正在改变世界,它促成了网络经济雏形的形成,特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点,已经发展成为新的传播媒体,所以全球几乎各个企业、机构纷纷建立自己的Web站点。并且由此产生了一个新的工作岗位——网站设计者(Website Designer)和网站管理者(WebMaster)。如何设计出达到用户目的的网站,吸引尽可能多的人参观访问是一个值得研究的课题。吸引大量的网民访问你的站点只是成功的一半,以独特的内容和服务使网民再来访问,或向他的朋友介绍网址才是真正的成功。
  Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音,甚至电影等组成。使这些超文本能够有机地关联并可使浏览器识别,是通过HTML语言(HyperText Markup Language超文本标记语言)实现的。同时CGI(Common Gateway Interface公共网关接口)能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息,可以通过表格和电子邮件的连接提供双向交互方式。站点建立后,你的企业就在国内、甚至在国际上有了一席之地,有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息平台,它是“知识经济”的制高点,企业的网址犹如企业的商标和品牌一样,是反映企业形象和文化的巨大的无形资产。
  本文总结归纳了Web网站的设计、管理与维护的十二项要点,与大家一起探讨。
 
  一、目标明确、定位正确
  Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网--这个新媒体上展示企业形象、企业文化的信息空间,领导一定要给予足够的重视,明确设计站点的目的和用户需求,从而作出切实可行的计划。
  挑选与锤炼企业的关键信息,利用一个逻辑结构有序地组织起来,开发一个页面设计原型,选择用户代表来进行测试,并逐步精炼这个原型,形成创意。
  分析有些网站的效果不如预想的好,主要原因是对用户的需求理解有偏差,缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位,而对用户和潜在的用户的真正需求了解不多。所以,企业或机构应清楚地了解本网站的受众群体的基本情况,如受教育程度、收入水平、需要信息的范围及深度等,从而能够有的放矢。
 
  二、主题鲜明、富有特色
  在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
  Web站点应针对所服务对象(机构或人)不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
  要做到主题鲜明突出,力求简洁,要点明确,以简单明确的语言和画面告诉大家本站点的主题,吸引对本站点有需求的人的视线,对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。
  调动一切手段充分表现网站的个性和情趣,突出个性,办出网站的特色。
  Web站点主页应具备的基本成分包括:
  页头:准确无误地标识你的站点和企业标志;
  E-mail地址:用来接收用户垂询;
  联系信息:如普通邮件地址或电话;
  版权信息。
  注意重复利用已有信息,如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。
 
  三、版式编排布局合理
  网页设计作为一种视觉语言,当然要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。
  版式设计通过文字图形的空间组合,表达出和谐与美。版式设计通过视觉要素的理性分析,和严格的形式构成训练,培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
  努力做到整体布局合理化、有序化、整体化。优秀之作,善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述,做到丰富多样而又简洁明了。
  多页面站点页面的编排设计要求把页面之间的有机联系反映出来,这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面,一定设计有向前和向后的按钮,便于浏览者仔细研读。
  站点设计简单有序,主次关系分明,将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳,经过进行具有内在联系的组织排列,反复推敲文字、图形与空间的关系,使浏览者有一个流畅的视觉体验。
 
  四、色彩和谐重点突出
  色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性,而其它有色或无色的内容均属黑、白、灰的三色空间关系,从而构成它们的空间层次。
  色彩是艺术表现的要素之一,它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。
  利用色彩对人们心理的影响的成果,合理地加以运用。按照色彩的记忆性原则,一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质,如:红色象征火、血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用消极而沉静的颜色,使人心理上感觉凉爽一些。
  在色彩的运用过程中,还应注意的一个问题是:由于国家和种族的不同,宗教和信仰的不同,生活的地理位置、文化修养的差异,不同的人群对色彩的喜恶程度有着很大差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
 
  五、形式内容和谐统一
  形式服务于内容,内容又为目的服务,形式与内容的统一是设计网页的基本原则之一。
  画面的组织原则中,将丰富的意义和多样的形式组织在一个统一的结构里,形式语言必须符合页面的内容,体现内容的丰富含义。
  运用对比与调和,对称与平衡,节奏与韵律以及留白等手段,如通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些动感的的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。
  点、线、面是视觉语言中的基本元素,使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
  点是所有空间形态中最简洁的元素,也可以说是最活跃、最不安分的元素。设计中,一个点就可以包罗万象,体现设计者的无限心思,网页中的图标,单个图片,按钮或一团文字等都可以说是点。点是灵活多变的,我们可以将一排文字视为一个点,将一个图形视为一个点。在网页设计中的点,由于大小、形态、位置的不同而给人不同的心理感受。
  线是点移动的轨迹,线在编排设计中有强调、分割、导线,视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受,例如垂直的线给人平稳、挺立的感觉,弧线使人感到流畅、轻盈;曲线使人跳动、不安。在页面中内容较多时,就需进行版面分割,通过线的分割保证页面良好的视觉秩序,页面在直线的分割下,产生和谐统一的美感;通过不同比例的空间分割,有时会产生空间层次韵律感。
  面的形态除了规则的几何形体外,还有其它一些不规则的形态,可以说表现形式是多种多样的。面在平面设计中是点的扩大,线的重复形成的。面状给人以整体美感,使空间层次丰富,使单一的空间多元化,在表达较含蓄。
  网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。
 
  六、三维空间指置有方
  网络上的三维空间是一个假想空间,这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。
  在页面中图片、文字位置前后叠压,或位置疏密或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上,图片、文字前后叠压所构成的空间层次目前还不多见,网上更多的是一些设计得比较规范化、简明化的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。网页上常见的是页面上、左、右、下、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使视觉流程生动而清晰,视觉注目程度高。疏密的位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。
  需指出,随着Web的普及和计算机技术的迅猛发展,人们对Web语言的要求也日益增长。人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。VRML是一种面向对象一种语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多的为虚拟现实环境服务。VRML只是一种语言,对于三维环境的艺术设计仍需要理论和实践指导。
 
  七、多媒体功能的利用
  最大资源优势在于多媒体功能,因而要尽一切努力挖掘它,吸引浏览者保持注意力。因而画面的内容应当有一定的实用性,如产品的介绍甚至可以用三维动画来表现。
  这里需要注意的问题是,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度,或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。
 
  八、相关站点引导链接
  一个好的网站的基本要素是用户进入后,与本网站相关的信息都可以方便快捷地找到,其中要借助于相关的站点,所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库,链接到其它网站轻而易举。
  在设计网页的导引组织时,应该给出多个相关网站的链接,使得用户感到想得到的信息就在鼠标马上就可以点击的地方。
 
  九、网站测试必不可少
  为什么精心设计的网站是经得起推敲的,就是因为它经过认真细致的测试。测试实际上就是模拟用户访问网站的过程,得以发现问题改进设计。
  由于一般网站设计都是一些专业人员设计的,他们对计算机和网络有较深的理解,但要考虑到访问网站的大部分人只是使用计算机和网络,应切实满足他们的需要。所以有许多成功的经验表明,让对计算机不是很熟悉的人来参加网站的测试工作效果非常好,这些人会提出许多专业人员没有顾及到的问题或一些好的建议。
 
  十、及时更新认真回复
  企业Web站点建立后,要不断更新内容,利用这个新媒体宣传本企业的企业文化、企业理念、企业新产品。站点信息的不断更新和新产品的不断推出,让浏览者感到企业的实力和发展,同时也会使企业更加有信心。
  在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真,做到有问必答。最好将用户进行分类,如:售前一般了解、销售、售后服务等,由相关部门处理,使网站访问者感受到企业的真实存在,产生信任感。
  注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。
  如果要求访问者自愿提供其个人信息,应公布并认真履行一个个人隐私保护承诺,如不向第三方提供此信息等。
 
  十一、合理地运用新技术
  因特网是IT界发展最快的领域,其中新的网页制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。
  但对于网站设计者来说,必须学习跟踪掌握网页设计的新技术,如Java、DHTML、XML等,根据网站的内容和形式的需要合理地应用到设计中。
 
  十二、推广站点的方法 广泛散布你的Web地址
  网站已经建好,下面的工作是欢迎大家访问浏览。那么如何让人们知道你的网址呢?
  利用传统的媒体(如印刷广告公关文档及促售宣传等),欢迎所有人参观是一种十分有效的方法;
  对待公司的网址象对待其商标一样,印制在商品的包装和宣传品上;
  与其他网站交换链接或购买其他网站的图标广告;
  向因特网上的导航台提交本站点的网址和关键词,在页面的原码中,可使用META标签加入主题词,以便于搜索引擎识别检索,使你的站点易于被用户查询到。注意向访问率较高的导航台,如Yahoo、Excite 、AltaVista、Infoseek、HotBot注册;
  通过在网站上设立有奖竞赛的方式,让浏览者填写如年龄、行业、需求、光顾本站点的频度等信息,从而得到访问者的统计资料,这些可是一笔财富,以供调整网站设计和内容更新时参考。
  总之,在每天不断增长的Web站点中,如何独树一帜、鹤立鸡群是对网站设计者综合能力的考验和挑战。



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

TOP

被楼主说的好复杂啊…………我觉得建个小站很简单啊

TOP

想做个好网站 就按楼主说的来
作息时间 上午10:00 - 第二天 2:00 甚至更晚

TOP

提示: 作者被禁止或删除 内容自动屏蔽

TOP

好东东,感谢发表

TOP

等以后慢慢看吧~
没有最好只有更好~

TOP

呵呵
前面的那段看起来像是个规章制度

TOP

很不错  看了想法很多

TOP

好家伙,写的可真够全的.

TOP

这么复杂,我可没按这个去做,也没想做成什么大站,就是自己学习一下而已吗.

TOP

 13 12
发新话题