一、课题名称
某专业网站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)让浏览者或者感兴趣的小伙伴留下联系方式
(5)介绍自己的经历
(2)网站风格定位
对于本项目介绍的网站以 个人主页设计 为例,从色彩、排版、特效三个方面来学习该网站的风格定位。
色彩
在网页的设计中色彩占有一个很重要的位置,色彩可以吸引人的眼球,让浏览者更加有兴趣的浏览网页,对网页的视觉效果特别重要。
本网页设计的登录页面以星空图的蓝紫色为背景,让人有一种悠闲的感觉。
排版
(1)使用标准字体,让浏览者一目了然。
(2)设计自己的主页,以分栏的方式介绍自己。
(3)再次使用子网页,介绍自己的经历。
特效
登录界面以星空图为背景,加以鼠标移动的立体空间特效
个人主页里图片靓丽新颖
(4)网站建设方案
页面风格创意设计
以一个个简单的小网页来设计,登录界面·个人主页,
参考文献
1.韩宝玉,刘改.网站前台设计综合实训.电子工业出版社.2010
2.张静兰.网页设计与制作.北京理工大学出版社
3.孟庆林 等.数字媒体—UI设计.清华大学出版社.2015.11
4.www.17sucai.com