花花网站UI的设计与制作（以介绍华晨宇为例）
任务一 网站的规划设计
网站就是网上形象，都有自己的特色，网页的风格不是某个设计项目相同，网站就有整体感，而是要各个设计项目的配合应用，才能达到完美的网站风格设计。
1．实训目的和要求
（1）掌握网站UI的设计需求分析；
（2）掌握网站风格定位；
（3） 学会网站建设方案
2．实训内容
（1）需求分析
（2）网站风格定位
（3）网站建设方案
3．实训记录
（1）网站开发需求分析
一般来讲，网站应比普通的互联网信息平台更有针对性、更具特色，并易于查询和使用，更能与外界沟通交流的需求。对其拟建的门户网站提出的主要要求有以下几点。
以介绍华晨宇的出道成长为例人、让用户更能了解他的才华与外貌，给广大粉丝以一种全新的看法去认识他，并且通过这个网页界面，以他的风格来设计这个网页，更能展现他的个性，希望这个网页能给 他带来多一点的正能量。
（2）网站风格定位
对于本项目介绍的网站以 介绍华晨宇 为例，从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩
通过灰色等淡色系来显现华晨宇的独特风格，暗色系更能展现他的才华无限，更帅更酷
排版
第一页以他的照片为背景，就是给用户的第一映像，通过一小段的排版，能够全面的了解他的出道经历，和他的作品，在他的照片附近述说他的各种作品，每张图都有配相应的文字，让大家眼前一亮
特效
背景由近及远，首页采用印象式展现主角的别样风格
（3）网站建设方案
页面风格创意设计
背景由近及远，首页采用虚拟式展现花花的风格与才华
以他的照片为主页，在叙述他的个人经历为次主页，分页采用他的专辑及演唱会让用户更了解他
使用他的代表色为各背景颜色，用暗色字体更加凹显华晨宇的才华
网站栏目划分
根据我们对用户的了解，特建立以下栏目。
表1 栏目划分
花花介绍 出道 专辑 演唱会 作品
1 2 3 4 5
支持与祝愿
5
通过案例分析讲解，让学员了解并全面掌握photoshop在各个设计领域的应用范畴，结合实际网页首页案例的制作，让学生掌握网页设计中photoshop的运用方法及网页行业设计规范的了解。
1. 实训目的和要求
(1). 掌握选择工具的应用，图层的建立和删除，菜单的调用等软件功能，并能够进行案例的简单操作。
(2).了解图层蒙版及剪贴蒙版的概念。并利用相关知识点进行图层蒙版的稿件制作。
(3).对photoshop软件基本工具进行介绍，并结合案例练习，掌握并熟悉软件的基本操作方法。
2.实训内容
(1). 风景网首页的制作
（2）网站Banner动画的制作
(3). 网站LOGO的制作
