奇遇旅行网站UI的设计与制作
任务一 网站的规划设计
网站就是网上形象,都有自己的特色,网页的风格不是某个设计项目相同,网站就有整体感,而是要各个设计项目的配合应用,才能达到完美的网站风格设计。
1.实训目的和要求
(1)掌握网站UI的设计需求分析;
(2)掌握网站风格定位;
(3) 学会网站建设方案
2.实训内容
(1)需求分析
(2)网站风格定位
(3)网站建设方案
3.实训记录
(1)网站开发需求分析
一般来讲,网站应比普通的互联网信息平台更有针对性、更具特色,并易于查询和使用,更能与外界沟通交流的需求。对其拟建的门户网站提出的主要要求有以下几点。
1、旅游线路信息发布以及预定功能:顾客可通网站查看相应的旅游线路信息和预定旅游线路功能,管理员可以在后台对旅游线路进行发布、更新,对于线路预定可以进行相应的处理。
2、酒店查询、预订功能:顾客可以通过网站查询酒店情况,同时还可以对合适的酒店进行预订。
3、旅游景点介绍功能:顾客在网站可以查看主要旅游景区和景点介绍信息,管理员可以在后台对旅游景点信息进行更新、修改和删除。
4、旅游新闻发布功能:顾客可以通过旅游网站查看最新的旅游资讯和旅游动态,网站管理员可以在后台发布、更新和删除旅游新闻。
5、旅游风景图片发布功能:游客可以通过网站查看最新的风光图片,图片按照相应的旅游景点分类,管理员可以上传、删除图片信息。
6、旅游服务指南和旅游问答发布功能:游客可以通过网站查看一些旅游的注意事项和在旅游经常遇到的一些问题,管理员在后台可以对信息进行更新和修改、删除功能。
7、机票和自驾车旅游路径查询功能:游客可以通过网站,查询相应出发地到目的地的机票航班和自驾车路径。
8、游客留言板功能:游客可以通过留言板给管理员留言,管理员可以通过登录对留言进行管理和回复。
(2)网站风格定位
对于本项目介绍的网站以 介绍奇遇旅行社和山西风景美食 为例,从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩
1.色彩的象征意义是具有世界性的,不同的民族产生的差异不大。而本次实训设计的旅行社网站是以暖色调为主、红、黄、橙系列颜色为主题。
明显地给人温暖之感,暖色系会将人们带入旅行的欢乐中,给人一种热情的感觉,也能使网页整体看起来更加协调。
排版
1.本网站以一个居中标题首页和七个以奇遇为核心的附属页面组成。
2.排版为顶部大图Banner+简单的栅格,无论屏幕多大,这种布局都能够为用户展示充足的内容,供用户浏览和探索。显得端庄大气。
特效
1.网页主要以跳动图片为特效,增强了页面的活跃性,在网页中增加了Jquery,js特效,让页面活了起来,实现了页面内的跳转和衔接,让页面丰富,冲击浏览者的视觉。
(3)网站建设方案
页面风格创意设计
该项目网站的页面颜色初步拟定采用暖色调为基础色,在此色调的基础上进行暖色图片做背景丰富页面布局,通过色彩的运用突出本网站要传达的浪漫、热烈、清晰等元素,使网站收到良好的创意效果。
1、以目的地为核心旅游资讯网站以目的地为核心的原则进行信息组织。信息内容的组织、网站的设计、信息的表现形式等都以旅游目的地为核心。
2、以游客为中心网站遵循以游客为中心的原则建设,信息的提供根据游客的需求制定。把游客放在服务对象的第一位,所有信息内容都以游客的需求为第一需要。要做到条理清晰、能够让游客快速查找到需要的信息。
3、旅游描述的专业化在组织旅游信息内容时,涉及到旅游专业词汇时,要使用行业内的标准词语,使旅游信息更加规范化,专业化,从而提高信息查询的便捷性。
参考文献
1.韩宝玉,刘改.网站前台设计综合实训.电子工业出版社.2010
2.张静兰.网页设计与制作.北京理工大学出版社
3.孟庆林 等.数字媒体—UI设计.清华大学出版社.2015.11
4.秦学礼 等.Web网站设计教程.电子工业出版社.2004
5.创锐设计.移动ui界面设计与实战.电子工业出版社.2018
6.黑马程序员.智能手机App UI设计与应用任务教程.中国铁道出版社.2017
7.崔建国,周围.移动端UI设计.电子工业出版社.2018