版面与色彩搭配

单击此处编辑标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,网页设计中的版面与色彩搭配,华南师范大学计算机学院,思考,在网页设计中除了要注意制作技术外还需要注意什么因素,?,版面,标题及文字,内容选择,图案使用,标题及文字,标题：,既然是标题就要有所突出，以区别其他内部文字。,标题的块与块之间间距最好加宽，以利区分。在连结点之前用图像或色球来指引或强调。,标题应该保持固定的版式，求取统一感，方便读者的阅读与搜寻。,突出方法：,1.,图像及文字综合设计,2.,滚动标题,3.,利用颜色突出标题区分内部的文字，注意：颜色突现于背景色调,50%,为宜，背景色彩纯度过高会造成版面空白量感觉消失。,标题及文字,文字,在内部文字的设计方面：每一行文字的长度最好,20,到,30,个中文字,40,到,60,个英文字母,，行距与字距已由软件内定。设计者能以段落与段落间空行，及首行缩排方式以辅助阅读，字体大小，标题以,H1,到,H3,为佳，内文,font size=3,到,4,级为佳，在同一版面不要多于三种字型，且文字也不要用太多的颜色，易造成视觉的混乱。,内容选择,要有主次之分,网页上的内容要有主次之分,重要信息应置于标题之后或者首页连结点或内文之前,.,我们还可以用格式和颜色来对主要内容进行强调。,网页不宜过长,Internet,的一大进步就是支持超连接,使页与页之间可以用标题,关键字，图案等轻易连接。但是仍有不少人喜欢将许多资料都包括在单 一的页面上,使访客要卷动许多次页面才可以看到所有的内容。这样使网页的重 心难以突出,增加读者阅读上的困难，及可能因为网络速度的问题,使页面无法完整地下载。我们应该将最重要的内容放在首页其他次要内容做成链接。,避免层次链接,但是链接太多也不好。在链接方面，不要有太多层的链接，信息隐藏的越深会使读者越难于查询，给人杂乱的感觉。,图案使用,对于图案的使用要避免使用大而无意义的图案，网上的浏览者最注重的,“,速度,”,。但是许多网页设计者往往忽视了这一点,为了视觉上的美观在网加插了一些大而无意义的图案背景,;,使网页的显示速度大大降低。结果可能在你网页的文字内容未显示前,读者已因等的不耐烦离开了。最好不要使用闪动字,动画,转球等，许多人在网页放上这些效果来体现自己的网页设计知识丰富,;,但这些东西早就使人见怪不怪到处都有下载。有些效果对网页实际上毫无帮助,只会使读者眼花辽乱,消耗电脑资源,;,甚至引致对方,当,机,以后再也不敢来了。,网页色彩选择,在色彩的搭配方面：同版面不宜超过七种颜色，整体色彩的表现做到和谐并能达到视觉平衡，避免类似色调，以致不同类信息之间的区隔不明显，运用小色球或色块能造成集群化的效果，以协助视觉搜寻。,对选过的文字，在颜色上要能与未选过之文字连结点辨别，也要与背景区分。,在背景方面：背景与主体明度对比为,3:1,到,5:1,之间为宜，淡色系列的背景有助于整体和谐，淡色材质背景为佳，能与主题分离之浅色标志或文字背景亦可。,作业,以“我的家乡”为主题，制作一个网页。,要求：,1.,网页必须含有文字、图片。,2.,主题鲜明、内容丰富。页面格调统一，简洁美观。,3.,时间一周，在下次上课时上交。,谢谢大家！,