个人博客网站UI设计与制作
网站UI的设计与制作
任务一 网站的规划设计
网站就是网上形象，都有自己的特色，网页的风格不是某个设计项目相同，网站就有整体感，而是要各个设计项目的配合应用，才能达到完美的网站风格设计。
1．实训目的和要求
（1）掌握网站UI的设计需求分析；
（2）掌握网站风格定位；
（3） 学会网站建设方案
2．实训内容
（1）需求分析
（2）网站风格定位
（3）网站建设方案
3．实训记录
（1）网站开发需求分析
一般来讲，网站应比普通的互联网信息平台更有针对性、更具特色，并易于查询和使用，更能与外界沟通交流的需求。对其拟建的门户网站提出的主要要求有以下几点。
（2）网站风格定位
对于本项目介绍的网站以 个人博客 为例，从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩：富有现代的生活气息，搭配暖和协调，多样但不杂乱，选用单一色系作为一个页面的色调，其他都是辅助色，用来协调和搭配其他颜色，呈现良好的效果。
排版：：简单大方，合理，符合用户的思维方式，提高信息的获取效率，主要以块状分布，同一类信息安排在一边，间隔舒适有张力，留白适当适量，营造良好的视觉感官效果。
特效：当配色与排版都设计完成后也只是一个静态的页面，长时间浏览会造成视觉疲劳，所以适当的加入特效对网页设计无疑是画龙点睛之笔。
（3）网站建设方案
网页设计的目的：本网站的主旨在于给群众更好的网址页面进行交流，学习。
网站主色调：青春活力的颜色为主色调
后期维护：平台正常上线运维时，会单独组成多个维护小组，分别管理前端界面、后台数据、安全维护等多 个项目竭力维护用户数据安全。
一、课题名称
个人博客网站UI设计与制作
二、目的要求：
1．要求使用设计软件进行企业某专业网站的UI设计与制作。掌握某专业网站设计的整体策划、页面的总体格调与布局、某专业网站的功能性特点等，通过网页排版设计和图形图象处理，熟练掌握表格、图层、表单设计等。本次专用周必需完成教师布置的课题，查阅相关资料，先进行初步设计，然后在计算机上完成设计内容，最后写出设计报告书。
三、内容：
1．网站设计策划
（1）确定网站设计主题。（2）明确网站要提供和发布的信息。（3）确定网站名称。
2．网站总体设计
（1）网站UI设计、风格定位。（2）网站主色调及视觉效果设计。（3）网页基本要素设计。（4）网页布局及版面设计、栏目设计。（5）网站导航图设计。（6）网页层次设计。（7）网站文件有效保存设计。
3．网站图标设计
（1）主页的图标设计制作：
（2）次级页面图标设计：
参考文献
1.韩宝玉,刘改《网站前台设计综合实训》.电子工业出版社.2010
2.张静兰,《网页设计与制作》.北京理工大学出版社
3.孟庆林 等.《数字媒体—UI设计》.清华大学出版社.2015.11
4.静电，《不一样的UI设计师》.电子工业出版社2017.6
5.原研哉，《设计中的设计》.广西师范大学出版社（中译图书）2010
