个人博客网站UI的设计与制作--以17素材网为例
任务一 网站的规划设计
网站就是网上形象,都有自己的特色,网页的风格不是某个设计项目相同,网站就有整体感,而是要各个设计项目的配合应用,才能达到完美的网站风格设计。
1.实训目的和要求
(1)掌握网站UI的设计需求分析;
(2)掌握网站风格定位;
(3) 学会网站建设方案
2.实训内容
(1)需求分析
(2)网站风格定位
(3)网站建设方案
3.实训记录
(1)网站开发需求分析
1.自我介绍,让大家打开网页一目了然的能看到关于自己的介绍
2.色彩新奇吸引人a
3.子网页关于自己学校所在无锡的介绍以及拍摄的照片,吸引大家的眼球
4.把自己拍摄的照片来做宣传性
5.留下联系方式方便联系,广交爱好相同的小伙伴
(2)网站风格定位
对于本项目介绍的网站以 http://www.17sucai.com/ 为例,从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩
色彩永远是网页设计中最重要的一环。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配。
本项目中采用多种色彩,先选定主色调为深色系列色彩,棕色,深绿,深红,子网页是淡粉。棕色是稳定与保护的颜色,它代表着充满生命力和感情。本项目排版采用普通的分栏目阐述分别展示了欢迎页面,关于我页面,我的照片,我的爱好以及如何联系我。
特效
本项目采用了超链接的特效,即当我在主页点击带有超链接的字体时,页面即会直接跳转至该字体的页面。
(3)网站建设方案
页面风格创意设计
网页的实际方案就以简洁为主,并且网站是单页的形式,先对个人信息一个总的陈述,然后再在网站的下面对我的信息逐一描述,加上自己拍摄的一些照片吸引眼球。这样做的目的是让查看网页的人能够清楚的寻找到自己想了解的内容。内容清晰明了。