高中信息技术 网页设计中的版面与色彩搭配

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