Web学员作品-艺术学院网站设计

一、概述

主要用于设计艺术学院营销和页面内容涵盖招聘企业信息查询、合作企业信息、优秀作品展示、师资力量、就业信息公布、关于我们等功能版块

二、设计要求

1、网站采取响应式布局方式，因此需要UI设计大屏、中屏、小屏三个版式

2、除首页外，中间需要一个轮播滚动和师资力量3D转动

3、所有分页面共用页头、页尾、轮播页以及回到

4、要求整个网站风格统一，体现中心特色

5、后续结构图仅供参考由原型图详情，UI 可以根据需求自由发挥

6.包含两个网页 一个主页一个营销页面;

ps：图片UI提供

参考页面#/?source=baidu&plan=newwenxiu-quanguo&keyword=wenxiu%2520xuexi&e_keywordid=70792886236

#/

动态效果参考：http://cd.arm.tedu.cn/baidu-pp/java/?TARENA_scq-sc-BD-PC-SS-zh-pp-19285518-333-180110066992_TARENA&OPPAA

三、功能分析

第一个页面：

需要做成响应式， 可能手机端打开的人比较多

总体页面 1920*1080

1.最上面 logo 加导航栏 导航栏每个使用锚点连接跳转到当前制定页面位置

2.轮播 图 5个图片 宽度占满整个页面

3.价格表栏 UI图片 宽度占满整个页面 里面 需要一个button ，button跳转到5的商务通

4.分为三列 眉 眼 唇三列，宽度等分 里面介绍每个 技术专长 和 优势(每栏可能需要hover 旋转到背面) 背面需要加载 他们的flash (这个我会)

5.当前页右下角有 三方 商务通 (当前页加载时加载商务通)UI提供商务通

6.学校老师简介，UI提供图片 显示三个老师简介 等分宽度，后续添加需要一个轮播

7.学校介绍 (学校照片 +学校上课+学校文字介绍)UI提供图片

8留言板：

9.尾部 ：见当前页面尾部#/

第二个营销页面

主要体现价格+技术+就业 化妆课和美甲，美容和摄影暂时没有开设此类课程

1.导航栏：

logo 设计提供

网站首页：点击链接到 #/

学员作品：点击链接到#/?p=10

师资力量：点击链接到#/?p=37

就业保障：待定

2. 轮播图 #/ 首页轮播的四张图 店家链接到相应首页详情

3.课程介绍

(#/?p=5)类似于这个页面，这部分体现价格 ，越明显越好

整体形象 自我提升

韩式半永久 美甲

ps：两个一行，当前4个模块hover时，显示 点击获取优惠价 链接到商务通

4.学校老师简介，UI提供图片 显示三个老师简介 等分宽度，后续添加需要一个轮播

5.就业：推荐就业+就业前景

6.学校介绍 (学校照片 +学校上课+学校文字介绍)UI提供图片

7留言板：

8.视频页面 2或3个视频页，点击跳转到#/?p=29

四、硬件环境

提供服务器和虚拟主机

五、系统需求

兼容PC和手机端