哔哩哔哩网站UI设计与制作
1．要求使用设计软件进行企业某专业网站的UI设计与制作。掌握某专业网站设计的整体策划、页面的总体格调与布局、某专业网站的功能性特点等，通过网页排版设计和图形图象处理，熟练掌握表格、图层、表单设计等。本次专用周必需完成教师布置的课题，查阅相关资料，先进行初步设计，然后在计算机上完成设计内容，最后写出设计报告书。
三、内容：
1．网站设计策划
（1）确定网站设计主题。（2）明确网站要提供和发布的信息。（3）确定网站名称。
2．网站总体设计
（1）网站UI设计、风格定位。（2）网站主色调及视觉效果设计。（3）网页基本要素设计。（4）网页布局及版面设计、栏目设计。（5）网站导航图设计。（6）网页层次设计。（7）网站文件有效保存设计。
3．网站图标设计
（1）主页的图标设计制作：
（2）次级页面图标设计：
网站就是网上形象，都有自己的特色，网页的风格不是某个设计项目相同，网站就有整体感，而是要各个设计项目的配合应用，才能达到完美的网站风格设计。
1．实训目的和要求
（1）掌握网站UI的设计需求分析；
（2）掌握网站风格定位；
（3） 学会网站建设方案
2．实训内容
（1）需求分析
（2）网站风格定位
（3）网站建设方案
3．实训记录
（1）网站开发需求分析
一般来讲，网站应比普通的互联网信息平台更有针对性、更具特色，并易于查询和使用，更能与外界沟通交流的需求。对其拟建的门户网站提出的主要要求有以下几点。
（1）宣传网页特色，展示网页主题，网页布局，重点信息，提高网站的热门度；
（2）适时上传最新动态等相关信息，为来访者提供相关咨询服务；
（3）获取访客对景点的评价，意见和建议；
（4）向用户推荐该网站，为访客提供网页信息。
（2）网站风格定位
对于本项目介绍的网站以 哔哩哔哩 为例，从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩：
色彩永远是网页设计中最重要的一环。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。
本项目中采用一种色彩，先选定主色调为粉色，这是令人激奋的色彩，具有明亮、健康、活泼、喜感，以及青春的色感，然后通过调整透明度或者饱和度，就是色彩进行变淡、加深或渐变的处理，产生新的粉色的近似色彩，使网页看起来色彩统一，富有层次感。
在页面中借助彩色的背景图像，采用了留白艺术给人一个遐想的空间，让人感觉心情舒适、畅快。同时，也对于协调页面的均衡起到相当大的作用。
排版：
在掌握了网页制作技术的情况下，都渴望将自己的网页制作得更具创意和美感。
本项目就是采用骨骼型排版形式，网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。
特效：
网页中的特效运用适当，会给网页带来画龙点睛的效果。本项目中的动画效果处理的比较好，动感适度。
在本网站中有两种动画效果：一是采用Flash软件制作了网站的广告；二是采用Java Script脚本制作了滚动图片。
（3）网站建设方案
页面风格创意设计
该项目网站的页面颜色初步拟定采用蓝色为基础色，在此色调的基础上进行颜色渐变的展开，通过色彩的运用突出本网站要传达的求知、务实、健康、热烈、庄严等元素，使网站收到良好的创意效果。
