新浪博客网站UI的设计与制作
任务一 网站的规划设计
网站就是网上形象,都有自己的特色,网页的风格不是某个设计项目相同,网站就有整体感,而是要各个设计项目的配合应用,才能达到完美的网站风格设计。
1.实训目的和要求
(1)掌握网站UI的设计需求分析;
(2)掌握网站风格定位;
(3) 学会网站建设方案
2.实训内容
(1)需求分析
(2)网站风格定位
(3)网站建设方案
3.实训记录
(1)网站开发需求分析
随着技术的不断发展和用户对网站功能性的需求不断提高,互联网信息平台缺乏针对性和特色性的弊端日渐显现,网站的地位不断上升,进而满足与外界沟通交流的需求。再加上如今网站项目的设计已经不能再仅仅简单地利用静态html文件来实现,所以网站项目的设计和开发越来越像一个软件工程,也越来越复杂,网站项目的设计和开发进入了需要强调流程和分工的时代,建立规范的、有效的、健壮的开发机制,才能适应用户不断变化的需要,达到预期的计划目标。
对其拟建的门户网站提出的主要要求有以下几点:
1. 需求分析及项目模型的整体架构的可行性
2. 风格多变满足用户的个性化需求
3. 考虑用户的操作体验,做到简洁快捷
4. 系统分析完善,界面设计有层次有关联
5.、交互设计及透过现象分析潜在的需求
6. 测试和文档编写合格正常
(2)网站风格定位
对于本项目介绍的网站以 新浪博客 为例,从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩:富有现代的生活气息,搭配暖和协调,多样但不杂乱,选用单一色系作为一个页面的色调,其他都是辅助色,用来协调和搭配其他颜色,呈现良好的效果。
排版:简单大方,合理,符合用户的思维方式,提高信息的获取效率,主要以块状分布,同一类信息安排在一边,间隔舒适有张力,留白适当适量,营造良好的视觉感官效果。
特效:相当华丽,夺人眼球,给人一种未来科技感。
参考文献
1.姚田,陈玲.UI界面设计.江苏凤凰美术出版社.2018
2.胡卫军.网页UI与用户体验设计. 电子工业出版社.2017
3.孟庆林 等.数字媒体—UI设计.清华大学出版社.2015.11