UI设计实训方案(3个月)

安博（昆山）服务外包产业园 （安博昆山实训基地）
界面设计方向实训方案
（3个月）
二零零七年七月
目录
1 实训对象 (3)
2 实训时间 (3)
3 实训目的 (3)
3.1 职业方向 (3)
3. 2 详细目标.....................................................................错误！未定义书签。

4 实训项目 (4)
4．1 项目选择 (5)
4．2 项目人员组织...........................................................错误！未定义书签。

4．3 项目组成员技术要求 (5)
4．4 项目指导小组 (6)
4．4．1 项目指导小组成员 (6)
4．4．2 实训指导形式 (6)
4．5 项目实施计划 (7)
4．5．1 项目过程 (7)
4．5．2 项目实施详细计划 (8)
4．6 考核、评估 (11)
5 实训管理 (11)
5．1 实训学员管理 (11)
5．2 实训指导项目组成员管理 (12)
1 实训对象
实训对象为在校学员，实训对象具有一定的理论基础知识，熟悉对Photoshop、Dreamweaver设计工具的使用，但是缺乏项目实际开发经验。

2 实训时间
本实训时间为12个星期（共计78天）。

3实训目的
了解实训流程，对真实的项目过程进行体验。

3.1 职业方向
实训的最终目标是使实训学员具备界面设计职业方向的职业素质、基本技术、知识综合运用及解决相关问题的基本方法与能力，我们设计的职业方向如下： 界面设计师，有较强的设计能力，并具有一定的界面设计制作能力，体会界面与用户之间的交互性。

网站美工，具有较强的软件应用能力，对图片有一定处理能力。

实训学员通过完成一个实际项目，掌握一类专业技能，发展一项职业特长，最终能成为合格的界面设计师与美工制作人员。

3.2 详细目标
软件开发相关岗位技能主要体现在相关工具熟练使用的程度、运用相关知识、技术完成给定任务的能力及在完成任务过程中解决问题、学习新知识、掌握新技术的能力，我们希望实训学员在完成一个实际项目的过程中，逐步达到上述的各项技能，表一给出了上面提到的两种职业方向详细实训目标。

表一详细实训目标
职业方向开发工具知识与技能工作成果
界面设计师Dreamweaver、
photoshop，
illustractor、
corledraw软件应用，
辅助小工具应用1、了解界面设计的基本
流程与现在的流行趋
势
2、掌握界面设计与静态
页面表现的基本方法
3、了解软件开发类型用
户的需求
4、logo、banner、框架
设计制作与创意过程
界面设计必须做到符
合下面三个方面要
求：
1.简洁、美观
2.符合工业设计样式
3. 交互性：符合用户
应用习惯，
网站美工 Dreamweaver、
photoshop
一些辅助小工具 1、软件应用熟练
2、了解网站的结构和设
计的流程。

3、掌握静态页面表现的
基础方法
网站的制作掌握
1、网站的结构合理
2、页面风格统一
3、图片的处理到位
4 实训项目
实训项目是实训的核心价值所在，实训学员将经历一个完整的项目开发过程，自已动手完成一个实际项目产品，并且该项目产品是可发布、可展示的，实训学员通过完成项目的开发，获取知识，培养能力，达到我们所希望的实训目的。

因此，我们要为实训学员选择合适的实训项目，组织适当的项目小组，并通过科学的项目实施，严格的企业化管理来确保实训目标的实现。

4．1 项目选择
在线考试系统
办公自动化系统
网上购物网站
博客网站
论坛网站
4．2 界面实现工具
现在对于界面实现的工具多种多样，在此我们选用几种常用普遍功能强大功能的软件进行界面设计开发。

logo实现工具Photoshop CS,CorleDraw12，Illustrator CS等实现 banner实现工具Photoshop CS结合flash 8.0实现
导航栏实现工具Flash 8.0实现
框架设计工具Photoshop CS,框架制作工具Dreamwaver MX 2004
图标设计工具Photoshop CS结合Illustractor CS实现
4．3 界面成员位置
界面小组成员有双重身份，1，项目小组开发人员 2.本项目小组的界面设计师
界面小组成员一方面要根据项目小组成员的要求完成本小组的界面设计，并且向项目小组其他成员传达自己设计风格与设计思想，达到整个设计风格与内涵的统一。

4．3 项目组成员技术要求
为确保实训效果，项目组成员应有相应的知识与技能储备，表三列出了不同类型项目组成员的技术要求。

表三 项目组成员技术要求
项目组 技术要求
界面设计与开发 具备html语言、css语言基础、photoshop、illustrator、dreamweaver、flash软件应用、平面构成，色彩学，美术发展史等
4．4 项目指导小组
4．4．1 项目指导小组成员
为每个项目小组配备一个项目指导小组，其项目经理全权负责项目相关一切工作，并对项目负责，项目指导小组各师资角色及其主要任务见表四。

表四项目指导小组成员
师资角色 主要任务
最关键的师资角色，实训项目组织、协调与指导；并担任部分辅助授课与案例项目经理
分析工作
重要师资角色，有具体特定技术专长，担任部分辅助授课与案例分析工作，并实训师
承担学生日常的答疑辅导工作
重要师资角色，指导学生养成良好的职业素质与职业习惯，形成具有竞争力的督导师
综合就业能力，担任部分辅助授课与公开讲座工作
专家 重要师资角色，承担职业素质类和行业技术类的讲座工作
4．4．2 实训指导形式
根据项目进展阶段的不同，项目指导小组成员将综合使用包括辅助授课、案例讲解、公开讲座和现场指导等多种形式指导帮助实训学员完成各阶段的实训任务。

表五 主要指导形式分类与内容说明
指导形式 主要内容
项目现场指导 最重要的实训指导形式，以真实项目的全程指导为特征，要求学生团队完成完整的项目，在真实的环境和工作要求下，得到技能、能力、素质各方面的综合磨练与提高
辅助授课
串讲与本项目相关的辅助课程，有针对性的讲解本项目开发中的关键知
识点、关键技术
案例分析
在项目开发的不同阶段，以实际案例形式讲解软件开发过程的整体以及
相关职业岗位的技术标准、思路方法、模板样例
公开讲座
包括职业素质类和行业技术类两大类讲座，灌输学生良好的职业素质与
职业习惯，以及对整个行业、职业、技术的前景把握和现实定位 4．5 项目实施计划
4．5．1 项目过程
根据软件工程过程及实训项目特点，我们将实训过程分为项目准备、分析设计、界面设计制作、界面与程序合成、发布展示等五个不同阶段，这五个阶段中界面设计人员的主要任务如表六所示。

表六、项目实施过程
阶段时间任务
项目准备26 天对开发软件的熟悉
了解UI设计的分类，及其构成要素和特征
对基础界面的了解和设计
对LOGO的了解和设计
对图标的了解和设计
了解切片及页面的布局
图标收集，banner欣赏，字体收集和安装
收集项目相关的界面作品
（第一个项目）分析设计2 天与项目小组成员讨论，确定样式风格，内容
确定基本框架样式
（第一个项目）
界面实现
20天设计框架，图标，并转换为HTML
（第一个项目）
静态转动态
4 天集成各功能模块，发现并修改bug
（第二个项目）分析设计1 天与项目小组成员讨论，确定样式风格，内容
确定基本框架样式
（第二个项目）
界面实现
20天设计框架，图标，并转换为HTML
（第二个项目）
静态转动态
4 天集成各功能模块，发现并修改bug
发布展示 1 天打包发布，展示，评比优秀项目作品4．5．2 项目实施详细计划
界面小组实现过程我们分为三个阶段
第一：辅助授课
根据实训学员的基础情况，其中部分基础实训课程就可以不用开设。

第二：实训项目辅导内容
第三，分析评估
由于设计的特殊性，对每个设计环节中每个界面小组成员的作品必须跟进分析，对存在问题进行修改，调整。

项目实施详细计划如表七 表七、项目实施详细过程
实训指导
序号
实
训阶段
实训周期
指导形式
指导内容
实训任务
实训目标
1
项目准备
26天
项目指导 1、 photoshop 、corledraw 、
dreamweaver 、flash 等软件熟悉，并讲解注意事项
2、 指导字体下载安装，
图标收集；
3、 现场解答实训学员问
题；
1、 完成技能测
试
2、 完成软件安
装及熟悉 3、 完成UI 的基
础知识的深入
4、 独立制作
1、 了解界面实训
工具
2、 流行设计样式
案例分析 分析部分优秀作品
公开讲座 1、 UI 基础课程讲授
2、 Html 与css 基础讲座
3、 登录与启动界面的设
计与制作 LOGO 设
计制作讲座
4、 职业素质课
5、 网站结构、框架设计、UI 设计规范
6、 切片及页面的布局
LOGO,图标，登录界面 5、 完整的临摹
成熟的UI 界面 6、 UI 的框架布局设计 7、 HTML
和CSS 的熟练编写 8、 了解实训基
地规章制度 9、 作为界面设
计师应有的职业素质 项目指导 1、 确定项目的主要功能
2、 指导实训学员完成界
面框构设计
3、 主持项目组讨论确定
给定项目的界面设计4、 现场解答实训学员问
题 案例分析 1、 项目需求分析与功能
2、 管理型界面设计分析2
两个项的目 分析设计
3天
公开讲座
1、 完成项目静
态界面布局设计
2、 对色彩和结
构的掌握
通过重点完成项目的界面框架设计了解软件工业设计的重点与常用技术
项目指导 1、 Logo 实现
2、 Banner 实现
3、 框架实现
4、 标签实现
5、 菜单实现
6、 图标实现
7、 确定项目内容要求要
求
8、 检查项目组成员完成
情况；
9、 现场解答实训学员问
题 辅助授课 对员工设计的项目界面
分析 案例分析
3
两个项的的界面实现
40天
公开讲座 1、 VSS 的使用
实现整个页面设计的内容，通过设计创意、制作体会流行样式的表现方式
掌握html 、CSS ，水晶图标与水晶框架的实现、实现图片到HTML 的转换。

项目指导 1、 指导项目组完成系统
集成工作；
2、 检测图片路径问题
3、 现场解答实训学员问
题 辅助授课 案例分析
4
两个项目的与后台合成展示发布
9天
公开讲座 1、职业生涯设计
1、 将各位学员
所实现的各部分问题进行总集，进行分析讲授。

2、 项目组成员
交叉评论学员之间设计上不完美的地方，
2、 完成路径休
整
3、 以项目组为
单位展示其完成产品
学习与项目组程序员解决HTML 到后台之间存在的问题。

4．6 考核、评估
在实训期间，设置若干检查点，评测实训效果，并作有针对性的调整； 实训结束，对合格实训员工颁发实训合格证书，评选优秀项目及优秀实
训员工；
5 实训管理
对参加实训项目的实训学员及项目指导小组成员的全面管理是确保实训效果的有力保障，其管理以实现虚拟化公司管理为根本出发点，实训基地有专职督导部负责学员的生活教务等管理。

5．1 实训学员管理
实训学员必须遵守实训基地的各项规章制度，其管理要点如下： ◆ 严格的打卡制度，实训学员必须遵守上下班时间；
◆ 工作时间不得从事与项目开发无关的工作，如不允许看电影、玩游戏等，一经发现，给予警告，直至劝退；
◆ 严格的宿舍管理制度； ◆ 严格的工作场地规章制度；
◆ 在项目实施过程中，将设置若干控制点，对实训学员进行考核，对不合
格的学员，将对其职业方向进行调整，将对没有基础完成实训目标的学员，将劝退，或只发给实训证书；
◆ 对合格学员发给实训合格证书，优秀学员发给优秀证书；
◆ 其它管理规章制度。

5．2 实训指导项目组成员管理
基地将确保2-3个项目小组有一个专职的项目经理，全程负责项目小组的开发工作。

基地要求指导项目组各成员做到为人师表，努力工作，特别是项目经理要对项目负表，对实训学员负责，耐心细致地解答实训学员的各类问题，并执行严格的考核制度，实训项目结束后将由实训学员及学校对项目经理进行考核。