《旅游网页设计》.ppt

旅游网页设计汇报 设计汇报 大学网站和门户网站为了适合各方面人群浏览，一般用800宽度页面；设计类网站用1024宽度的较多。网站越大，内容量自然越多，页面过长是一个很大的问题，大多门户网站和大型的设计网站都会出现这个毛病。 视觉方向的创新在很正式的网站中不会出现，毕竟人们是为了浏览信息的而不是为了探索新形式。设计公司的头部、主体和底部结构往往与众不同，也是为了页面的新颖性以吸引浏览者。科研网站注重学术性，版式很严谨，结构简洁便于信息的浏览。 作为设计中心的网站，主要针对的浏览者是与设计有关的人，他们大多使用1024分辨率的显示器，所以设计方案首选1024的页面宽度。框架数的选择因各方案异。首页内容量不宜多，控制在两个全屏内。视觉方向主要还是用纵向，也鼓励设计者提出创新方案。设计中心网站具有很强的设计性质，头部、主体、底部结构创新的重要性不可忽视。 3.2.5 版式分析小结 设计汇报 3． 资料分析 3.3.1 导航栏位置 3.3.2 导航设计 3.3.3 导航内容 3.3.4 小结 3.3 导航分析 设计汇报 网页的导航栏位置定下来后，其网页的框架也就有了明确的方向 网页顶部横条 中分式横条 居左式和居右式 网页底部横条 3.3.1 导航栏位置 设计汇报 3.3.1 导航栏位置 设计汇报 设计汇报 设计汇报 网页底部横条 网页大于一屏时，底部横条导航可以方便地使浏览者到达不同的页面 加入网站的次要链接，丰富网站内容。 设计汇报 设计汇报 其他 中间：处在网页中间的导航栏比较少（集美大学） 此类打破常规，用得比较灵活，多般用于个人主页或引导页面上。 设计汇报 形式 分隔元素 颜色 排版 导航特效 3.3.2 导航设计 3.3.2 导航设计 设计汇报 形式 纯文字：普遍的网站都采取了文字形式导航。 大小：字号大小一般比内容栏的文字稍大。 字体：宋体众多 图片：此类导航相对纯文字的较美观，但有个不足点就是影响了浏览速度。 flash动画：娱乐性和个人网站的导航条多般使用FLASH动画。 设计汇报 颜色 导航条是整个网站中的一部分，颜色要融入整个网站的设计（而不是孤立的装饰效果） 设计汇报 横向： 纵向： 设计汇报 导航特效 CSS样式 静态： 下横线： 缩放： 颜色切换： flash动画特效：吸引深浏览者并进一步加深浏览者的记忆，但对于一部分浏览器不兼容、不易于搜索引擎 设计汇报 旅游网站 设计汇报 综合网站 设计汇报 设计网站 设计汇报 从上诉各类网站的导航条内容可以看出，导航的内容和本身网站的性质是直接相关的，但具体内容还要根据浏览者做细部的改善。根据中心性质及上所分析，信息量不是很大，其导航条设计为中分式横条较好；因为网页内容不多，文件自然小些，所以在形式方面可采用图片切换；导航的颜色可根据网页的整体偏向。 导航内容的提议：首页 中心简介 新闻资讯 科研成果 服务范围 设计书架 因为以后的可扩充性，我们还建议加入常见疑难 联系我们 （其他设计网站）友情连接等类似内容。 设计汇报 3． 资料分析 3.4 视觉元素 3.4.1 背景 3.4.2 图标 3.4.3 图像 3.4.4 动态影像 3.4.5 字体 3.4.6 按钮链接 3.4.7 表格 3.4.8 文本 3.4.9 小结 设计汇报 背景图案：不少网站使用图案背景，比起直接填充背景色更丰富 （中国设计在线） 3.4.1 背景 * * 设计汇报 目录 1． 前言 2． 进度表 3． 资料分析 4．?草图 5. 深化 6. 定稿 2． 进度表 3． 资料分析 4．? 草图 5. 深化 6. 定稿 1． 前言 设计汇报 凤凰古城是国家历史文化名城，曾被新西兰著名作家路易艾黎称赞为中国最美丽的小城。这里与吉首的德夯苗寨，永顺的猛洞河，贵州的梵净山相毗邻，是怀化、吉首、贵州铜仁三地之间的必经之路。作为一座国家历史文化名城，凤凰的风景将自然的、人文的特质有机融合到一处，透视后的沉重感也许正是其吸引八方游人的魅力之精髓。这座曾被新西兰作家路易艾黎称作中国最美丽的小城之一的“凤凰古城”建于清康熙时，这颗“湘西明珠”是名副其实的“小”，小到城内仅有一条像样的东西大街，可它却是一条绿色长廊。 1． 前言 设计汇报 1． 前言 2． 表 3． 资料分析 4．?草图 5. 深化 6. 定稿 设计汇报 2．进度表 设计汇报 2．进度表 4.12—4.19 收集分析资料 4.20—5.8 草图 5.8—5.22 深化 6.6—6.