网页的策划和设计.ppt

网页的策划和设计2008-12-16第一节首页的设计一、首页设计的步骤首页,从根本上说就是网站内容的目录,是一个索引。如何设计好一个首页呢?一般步骤是:确定首页的功能模块,设计首页的版面,处理技术上的细节。:网络名称(logo)广告条(banner)主菜单(menu)新闻(news)搜索(search)链接(links)邮件列表(maillist)计数器(count)版权(copyright)(包括框架和层)。设计版面的最好方法是:找一张白纸、一只笔,首先将你理想中的草图勾勒出来,然后再用网页制作软件实现。注意:布局、色彩、主题二、版面布局的原理设计首页的第一布是设计版面布局。布局就是以最合适的方式将图片和文字放在页面的不同位置。(一),不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本。,将你确定需要放置的功能模块安排到页面上。主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。我们必须遵循突出重点、平衡协调的原则,将网站标志,主菜单等最重要的模块放在最显眼、最突出的位置,然后再考虑次要模块的存放。,具体化。(二):多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。:非对照形式,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。:不仅利用色彩、色调等技巧来作表现,在内容上也可涉及古与今、新与旧、贫与富等对比。:所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到凝视页面的效果,一般多用明星凝视状。:空白有两种作用,一方面对其它网站表示突出卓越,另一方面也表示网页品位的优越感,这种表示方法对体现网页的格调十分有效。–此法对不能用语言说服、或用语言无法表达的情感,特别有效。图片解说的内容,可以传给浏览者更多的心理因素。网页的白色背景太虚,则可以加些色块;版面零散,可以用线条和符号串联;左面文字过多,右面则可以插一张图片保持平衡;表格太规矩,可以改用倒角;(三)几种常见的版面布局样式1、“同”字型结构布局2、“国”字型结构布局3、自由式布局页面布局就像海报。4、左右对称布局(四)版面布局的技巧1、加强视觉效果2、加强文案的可视度和可读性3、统一感的视觉4、新鲜和个性是布局的最高境界第二节网页的色彩一、色彩的基本知识我们能看到的颜色是靠三个元素相互作用而成:光源、物体的反射特性,以及人体视网膜和脑部视觉皮质区对光波的处理方式。