来源: bysj 编号:1Y311059 题目难度:中等

以下是大纲或介绍。


大纲
花花网站UI的设计与制作(以介绍华晨宇为例)

花花网站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的制作


  • 上一篇:图像移动侦测技术应用研究
  • 下一篇:设备远程监控与管理系统设计