资源预览内容
第1页 / 共35页
第2页 / 共35页
第3页 / 共35页
第4页 / 共35页
第5页 / 共35页
第6页 / 共35页
第7页 / 共35页
第8页 / 共35页
第9页 / 共35页
第10页 / 共35页
亲,该文档总共35页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
网站规划和设计,2,目录,网站设计之前的准备工作 网站内容的确定与组织 结构规划和导航 网页设计的构思,3,网站设计之前的准备工作,4,5,二、网站策划,制作流程: 1、网站项目的可行性分析 2、确定网站的面向对象 3、根据网站的面向对象确定网站的内容以及栏目结构 4、制订网站开发进度表 5、收集和整理网站的内容素材 6、确定网站的设计方案 7、根据网站的设计方案,设计出网站的各级页面 8、将设计稿制作成页面 9、完善页面的功能,增强交互性和亲和力。 10、网站的发布,6,确定网站的面向对象,适用的人群:学生、老师、计算机人员,返回目录,返回目录,7,8,返回目录,返回目录,9,根据网站的面向对象确定网站的内容以及栏目结构一、(网站内容的确定与组织),首先应从整体上对网站建设进行策划,这是一个网站的立足之本。明确自身的定位,具体内容包括网站用户定位,功能定位,网站自身特色的定位。 网站内容设计对于网站建设至关重要,应注意: 内容:总体结构要层次分明。 文字信息可提供较快的浏览速度。而图像、声音和视频信息会产生强大的吸引力。 因此,多媒体信息的使用要适中,尽量减少文件数据量和大小。 网站主页是非常重要的,内容的适用性和组织的合理性。 网站内容应是动态的,随时进行修改和更新。 网页中的文本内容应简明、通俗、易懂。,返回目录,返回目录,10,二、栏目结构(结构规划和导航),结构规划合理,信息导航清晰。不同作用的对象之间的区别。 栏目结构图(网站导航图),主页,个人资料,网络日志,留言板,迷你屋,相册,音乐收藏,我的偶像,个人形象,个人档案,访问量统计,IT 应 用,个人日记,娱乐,疯狂自拍,明星,作品,欧美,韩国,港台,返回目录,返回目录,11,制订网站开发进度表,比如:,返回目录,返回目录,12,确定网站的设计方案(网页设计的构思),首页的设计是一个网站成功与否的关键。 1、确定首页功能模块: 网站名称(logo) 广告条(banner) 主菜单(menu) 新闻(whats new) 搜索(search) 友情链接(links) 邮件列表(maillist) 计数器(count) 版权(copyright),13,确定网站中文名和logo,14,广告条(banner),15,主菜单,16,搜索(search),搜索,搜索,17,友情链接(links),18,邮件列表(maillist),19,计数器(count)、版权(copyright),计数器,版权,20,21,2、设计首页的版面: 画面正常平衡,亦称匀称。指左右、上下对照对比能达到均衡的效果。 异常平衡,即非对照形式。让画面布局能达到强调特别信息,引起用户高度关注的效果。 对比。利用色彩、色调等技巧来作表现。 尽量用图片做解说。对不能用语言说服、或用语言难以表达的信息,特别适合图片解说,可以传达给用户的更多的心理因素。,22,3、网页色彩的搭配 (1)各种色彩的视觉效果 不同颜色会使用户产生不同的心理感受。 红色:激情、冲动、活力 绿色:和睦、宁静、健康、安全 橙色:轻快、温馨、时尚 黄色:快乐、希望、智慧。 蓝色:凉爽、清新、专业、浪漫 白色:明快、纯真、清洁 黑色:深沉、神秘、寂静、悲哀、压抑 灰色:中庸、平凡、温和、高雅,23,红色:激情、冲动、活力,24,绿色象征和平、宁静和安逸的感觉,25,橙色:轻快、温馨、时尚,26,紫色(时尚优雅http:/,27,黄色:快乐、希望、智慧,28,蓝色:凉爽、清新、专业、浪漫,29,白色:明快、纯真、清洁,30,黑色:深沉、神秘、寂静、悲哀、压抑,31,灰色:中庸、平凡、温和、高雅,32,(2)网页中色彩搭配的因素 一般来讲,要注意各种色彩运用的特性。 鲜明性:鲜艳,引人注目。 独特性:与众不同,印象深刻。 合适性:色彩和表达的内容相适合。 联想性:不同色彩会产生不同的联想。 经验: 基于一种色彩。通过调整透明度、饱和度产生新的色彩。 用两种色彩。对比色 用一个色系。淡色 用黑色和一种彩色。黑配红、白,33,4、页面内容设计 画面内容的整体视觉效果 (1)简洁性 (2)一致性 (3)对比度 页面内容编排 (1)组织内容 (2)合理地编排文本、图片等元素的顺序。 (3)把希望用户最先看到的内容放在页面的左上角和页面顶部。 (4)多媒体信息的综合利用。,演讲完毕,谢谢观看!,
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号