响应式网站-《征途》的设计与制作

发布时间：2017-04-16 21:11

  本文关键词：响应式网站-《征途》的设计与制作，由笔耕文化传播整理发布。

【摘要】：在移动互联网飞速发展的今天，各种智能产品层出不穷，使得越来越多浏览者的上网方式从传统桌面端转移到了移动设备，如何设计一个能兼顾不同设备差异性的网站成为当今Web领域的重要课题。响应式网页设计的出现，可以根据用户使用设备的尺寸、情境和行为调整页面的布局，使不同设备浏览页面的效果更加流畅。响应式网页设计不仅可以为用户提供优质的体验，也是一种良好的设计实践，成为互联网发展的主流设计趋势之一。 《征途》网站采用响应式网页设计的理念，在网站的信息架构、视觉呈现和交互设计上兼顾多种产品特性进行分析和制作。通过《征途》网站的设计与实践对响应式网站的优势和不足进行分析，未来的发展不仅仅局限于媒介查询、流式布局和自适应图片等设计理念和技术方法，我们要以用户体验为最终目标，面对不断出现的新设备，，找出一个更好的解决方案。
【关键词】：响应式网页设计 移动优先 媒介查询 流式布局
【学位授予单位】：北京印刷学院
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.092
【目录】：

• 摘要3-4
• ABSTRACT4-5
• 目录5-6
• 第一章 绪论6-9
• 1.1 课题缘起6-7
• 1.1.1 什么是响应式网页设计6
• 1.1.2 响应式网页设计的历史沿革6-7
• 1.2 国内外实践现状评述7-8
• 1.3 课题研究的价值及意义8-9
• 第二章 响应式网页设计综述9-15
• 2.1 响应式网页设计的视觉设计分析9-11
• 2.1.1 大图平铺自适应9-10
• 2.1.2 中心定位，两侧自适应10
• 2.1.3 单侧定位，中心延展10-11
• 2.1.4 小切糕全屏响应式11
• 2.2 响应式网页设计的交互设计分析11-13
• 2.3 响应式网页设计的用户体验分析13-14
• 2.4 响应式网页设计的优劣势分析14-15
• 第三章 《征途》网站的设计策划与制作15-28
• 3.1 网站的概念设计15
• 3.2 网站的用户定位15-16
• 3.3 网站的信息架构16-17
• 3.4 网站的交互流程17-20
• 3.5 网站的视觉设计20-25
• 3.5.1 网站的导航设计21-22
• 3.5.2 网站标志设计22-23
• 3.5.3 网站配色设计23-24
• 3.5.4 扁平化设计风格24-25
• 3.6 响应式网站《征途》的关键技术25-27
• 3.6.1 媒介查询25-26
• 3.6.2 流式布局26-27
• 3.6.3 弹性图片27
• 3.7 作品测试27-28
• 第四章 结论28-31
• 4.1 课题的总结28-29
• 4.2 课题的不足之处29-30
• 4.3 对以后工作的展望30-31
• 致谢31-32
• 参考文献32-35
• 附录一：关于旅游网站的调查问卷35-38

【相似文献】

中国期刊全文数据库 前10条

1 ;小李聊网站[J];家用电器科技;2000年04期

2 隋海燕,张旭生;网站设计中的转场方式分析[J];大连民族学院学报;2002年S1期

3 老易;浅谈网站的设计与制作[J];电脑知识与技术;2002年02期

4 刘志荣;为企业策划网站[J];山西科技;2002年04期

5 刘艳;个性化管理企业网站[J];互联网周刊;2002年10期

6 杨荔霞;关于网站设计的思考[J];福建电脑;2003年08期

7 周琛,方涛,吕跃伟;担保网站的开发实践与认识[J];信息技术;2003年06期

8 陈芳;护理学远程教育网站设计及其相关问题[J];护理研究;2003年17期

9 黄燕勤;浅谈网站设计的流程、原则和技巧[J];广西大学梧州分校学报;2003年03期

10 林凡;企业网站的薄弱环节[J];苏南科技开发;2003年09期

中国重要会议论文全文数据库 前10条

1 关慧远;纪俊红;何满辉;;网站设计原则之我见[A];新世纪 新机遇 新挑战——知识创新和高新技术产业发展（上册）[C];2001年

2 覃涛;王宗义;陈剑;李明宙;;政府采购网站设计[A];广西计算机学会2010年学术年会论文集[C];2010年

3 孙宏伟;贾庆国;;板石矿业网站设计与制作[A];2004年全国矿山信息化建设成果及技术交流会论文集[C];2004年

4 焦玉霞;张海昕;刘正捷;;电子商务网站的劝导设计研究与应用[A];第18届全国多媒体学术会议（NCMT2009）、第5届全国人机交互学术会议（CHCI2009）、第5届全国普适计算学术会议（PCC2009）论文集[C];2009年

5 李俊薇;杨青;张连发;黄宇颖;;基于贝叶斯定理的个性化体检网站的研究[A];第二十三届中国（天津）2009IT、网络、信息技术、电子、仪器仪表创新学术会议论文集[C];2009年

6 余春海;;常山县气象网站设计思路[A];平安浙江气象保障学术论坛论文集[C];2005年

7 李俊薇;杨青;张连发;黄宇颖;;基于贝叶斯定理的个性化体检网站的研究[A];第二十二届中国（天津）'2008IT、网络、信息技术、电子、仪器仪表创新学术会议论文集[C];2008年

8 卞保武;;用户体验对企业电子商务网站转化率的影响研究[A];第四届（2009）中国管理学年会——信息管理分会场论文集[C];2009年

9 毛茅;王洋;赵妤婕;伍彦奇;宋馥璇;皋琴;;基于社交网络的美食互动网站设计与评估[A];第七届和谐人机环境联合学术会议（HHME2011)论文集【oral】[C];2011年

10 郭丹;刘正捷;张海昕;;电子商务网站的用户体验研究[A];第三届和谐人机环境联合学术会议（HHME2007）论文集[C];2007年

中国重要报纸全文数据库 前10条

1 本报记者 柯杨　李凤虎;政府网站：“网”住民心还需用心[N];河南日报;2010年

2 记者 黄怀;十家政府网站获评全市优秀[N];厦门日报;2008年

3 于寅虎;轻松建立企业网站[N];中国电子报;2001年

4 张云中;服装网店凡客诚品奋起维权[N];国际商报;2009年

5 法律工作者 梁德荣;不应对“山寨”网站网开一面[N];人民法院报;2011年

6 河南信阳供电公司 黄文;让企业网站应用更简单[N];中国计算机报;2009年

7 浦江潮;唯有信息公开才能消除购票网站疑云[N];济南日报;2012年

8 阿华;设计网站要绞尽脑汁[N];中国计算机报;2000年

9 郑宏远 蒋腾 姚咏 张向宏;欧盟政府网站领先的几点启示[N];中国计算机报;2006年

10 ;微软将推出自己的电子商务网站[N];中国高新技术产业导报;2000年

中国博士学位论文全文数据库 前1条

1 张振华;电子中介中的交易匹配方法及其应用研究[D];东北大学;2005年

中国硕士学位论文全文数据库 前10条

1 胡彬;跨国汽车公司针对中美汽车市场网站设计的跨文化研究[D];广东外语外贸大学;2009年

2 李程程;网站设计中综合材质的表现与实验[D];东华大学;2011年

3 王丹婷;试用跨文化分析框架研究中美钢铁公司网站设计差异[D];上海外国语大学;2007年

4 陈贤;中国水墨画元素的动态形式在网站设计中的应用[D];北京工业大学;2012年

5 孙俊吾;毕业生就业信息网站设计与实现[D];华东师范大学;2010年

6 岳苑;以用户为中心的会展网站设计流程研究[D];浙江大学;2005年

7 谭岚丹;导航系统在网站设计中的应用与研究[D];湖南工业大学;2012年

8 赵瑞军;移动学习网站设计研究[D];河北大学;2008年

9 区玉明;客户保持中两个问题的研究：对网站感兴趣用户的识别和网站质量评价[D];广西师范大学;2004年

10 张菲;网络时代艺术品产业网站设计人才的培养研究[D];南京邮电大学;2012年

  本文关键词：响应式网站-《征途》的设计与制作，由笔耕文化传播整理发布。

本文编号：311682