无锡风情网站UI的设计与制作
任务一 网站的规划设计
网站就是网上形象,都有自己的特色,网页的风格不是某个设计项目相同,网站就有整体感,而是要各个设计项目的配合应用,才能达到完美的网站风格设计。
1.实训目的和要求
(1)掌握网站UI的设计需求分析;
(2)掌握网站风格定位;
(3) 学会网站建设方案
2.实训内容
(1)需求分析
(2)网站风格定位
(3)网站建设方案
3.实训记录
(1)网站开发需求分析
一般来讲,网站应比普通的互联网信息平台更有针对性、更具特色,并易于查询和使用,更能与外界沟通交流的需求。对其拟建的门户网站提出的主要要求有以下几点。
首先明确建设网站的目的,确定网站的功能、网站规模、投入费用、使用人群,可以利用网站提升哪些竞争力,建设网站的能力。其次分析市场主要竞争者。竞争对手上网情况及其网站功能作用。
(2)网站风格定位
对于本项目介绍的网站以 无锡网站UI的设计 为例,从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩
1主色调使用了低明度和饱和度的黑色,对眼镜伤害适中,可营造严肃、优雅的氛围。
2辅助色使用了黄、绿、红三色,面积虽小却起着缓冲和强调的作用,让页面更有趣味,使得主色调流畅自然。
3主辅色调搭配合理,丰富了页面色彩效果,引人注目。
排版
1使用了矩形的板块展现了页面的明确、稳定的特点。
2板块居于正中
3 行高合理,在布局上更条理化,美化了页面。
4使用了单一的文字效果,确保可读性和专业性。
特效
1使用了6处超链接,网页的层次感更强了,不再单一,为网页活跃了网页的气氛,起到一定的亲切力。
(3)网站建设方案
页面风格创意设计
一个好网站如果想在浏览者中确立自己的形象,就必须具有突出的个性。在网页设计中,要想达到吸引浏览者、引起共鸣的目的,就必须依靠网站自身独特的创意,因此创意是网站存在的关键。好的创意能巧妙、恰如其分地表现主题、渲染气氛,增加网页的感染力,让人过目不忘,并且能够使网站具有整体协调的风格。C
网站栏目划分
根据我们对用户的了解,特建立以下栏目。
参考文献
1.韩宝玉,刘改.网站前台设计综合实训.电子工业出版社.2010
2.张静兰.网页设计与制作.北京理工大学出版社
3.孟庆林 等.数字媒体—UI设计.清华大学出版社.2015.11
4.秦学礼 等.Web网站设计教程.电子工业出版社.2004
5.创锐设计.移动ui界面设计与实战.电子工业出版社.2018
6.黑马程序员.智能手机App UI设计与应用任务教程.中国铁道出版社.2017
7.崔建国,周围.移动端UI设计.电子工业出版社.2018