《UI设计》实训指导书
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 详细目标软件开发相关岗位技能主要体现在相关工具熟练使用的程度、运用相关知识、技术完成给定任务的能力及在完成任务过程中解决问题、学习新知识、掌握新技术的能力，我们希望实训学员在完成一个实际项目的过程中，逐步达到上述的各项技能，表一给出了上面提到的两种职业方向详细实训目标。
UI设计-教学教案
UI设计-教学教案2、Android系统的设计规范中，字体规范的具体要求是什么？内容大纲：具体可结合本项目的PPT课件进行配合讲解。
2.1 iOS系统的设计规范2.1.1 iOS系统的基本概念2.1.2 iOS系统的设计尺寸及单位2.1.3 iOS系统的界面结构2.1.4 iOS系统的基本布局2.1.5 iOS系统的图标规范2.1.6 iOS系统的字体规范2.2 Android系统的设计规范2.2.1 Android系统的基本概念2.2.2 Android系统的设计尺寸及单位2.2.3 Android系统的界面结构2.2.4 Android系统的基本布局2.2.5 Android系统的图标规范2.2.6 Android系统的字体规范小结1、熟练掌握iOS系统的设计规范。
2、熟练掌握Android系统的设计规范。
iOS和Android系统的图标包括不同的分类。
在iOS系统中，设计规范包括iOS设计尺寸及单位、iOS界面结构、iOS基本布局、iOS图标规范和iOS文字规范。
在Android系统中，设计规范包括Android设计尺寸及单位、Android界面结构、Android基本布局、Android图标规范和Android文字规范。
了解并掌握这些规范对于开发应用程序非常重要。
在iOS系统中，设计规范包括iOS设计尺寸及单位、iOS界面结构、iOS基本布局、iOS图标规范和iOS文字规范。
了解这些规范可以帮助开发人员创建符合iOS系统标准的应用程序。
例如，iOS设计尺寸及单位指定了应用程序中使用的图像和界面元素的大小和比例。
iOS界面结构包括导航栏、标签栏和工具栏等元素，这些元素可以帮助用户快速浏览和访问应用程序中的不同页面。
iOS基本布局规范包括了视图的布局方式和排列顺序等方面。
iOS图标规范指定了应用程序中使用的图标的大小、颜色和形状等元素。
iOS文字规范规定了应用程序中使用的字体、大小和颜色等元素。
ui设计教学大纲
课程教学大纲课程名称：UI 设计制（修）订人：黎丹审定人：黎丹教研室主任：周增辉开课单位负责人：唐永芳制（修）订时间：2013年6 月、课程基本信息、课程的性质和地位《UI 设计》是艺术设计专业（平面设计方向）的专业核心课程，是在图形图像处理、企业VI 、标志设计课程基础上的延续和提高。
课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。
UI 界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。
三、课程教学目标1、知识目标通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。
2、能力目标通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI 界面设计能力；3、素质目标通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。
四、教学内容、教学要求及学时分配五、教学建议采用案例教学的方式进行教学，尽可能选取贴近生活的案例。
①在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。
②教学过程中教师应积极引导学生提升职业素养，提高职业道德。
六、课程考核1、各单元知识点及考核要求2、综合成绩构成七、推荐教材及学习资源1、推荐教材（含实验教材）教材名称：认知与设计——理解UI 设计准则ISBN号：规格：主编：［美］Jeff Johnson 著张一宁译出版社：人民邮电出版社出版时间：2011年9月第1版单价：是否自编：2、推荐书目和期刊1、《人机界面设计》罗仕鉴, 朱上上, 孙守迁著机械工业出版社2002 年9 月2 、《人本界面－交互式系统设计》Jef Raskin 机械工业出版社2004 年1 月3 、《用户界面设计- 有效的人机交互策略（第四版）》Ben Shneiderman 著张国印, 李健利等译电子工业出版社2008 年104、《数字媒体系列教材数字界面设计》（廖宏勇著，上北京师范大学出版社2010）3、推荐的学习网站八、其他说明无九、实验实训教学要求考核方式：一．有否正确传达出产品/ 交互意图20%视觉界面设计，不是单纯的图形设计，而是整个产品设计中的一个步骤，要在理解和遵循产品概念的基础上，参照目标群体心理模型和交互意图进行视觉设计，并且视觉设计要达到用户愉悦的目的。
《软件UI设计》-实验指导书-实验一(上)
实验一（上）UI设计基础-初识Photoshop CC1、实验目的（1）认识Photoshop CC 2019的操作界面。
（2）掌握Photoshop CC 新建空白文档以及窗口的参数设置；（3）掌握Photoshop CC 文档窗口的管理；（4）掌握Photoshop CC 保存文档、关闭文档、打开文档的基本操作。
2、实验原理（1）Photoshop CC的界面设置和首选项中的主要配置方法。
（2）Photoshop CC的保存、关闭、打开文档操作。
3、实验要求（1）新建一个宽度为1920，高度为1080像素，分辨率为72 像素/英寸的Photoshop CC的文档，命名为你的姓名。
按照4.2配置Photoshop CC。
（2）对该文档进行4.3、4.4、4.5的操作。
4、实验内容及过程实验步骤：Photoshop CC 2019软件安装完成之后，先来认识一下Photoshop CC 2019的操作界面。
4.1 认识PS界面1首先，点击Photoshop CC 2019图标打开软件：下面进入软件的启动界面：根据电脑配置，会有不同的等待时间。
启动完成之后，就进入了软件的操作界面了。
如下图：简单说明一下：区域简介红色区域软件的菜单栏。
包括：文件，编辑，图像，图层，文字，选择，滤镜，视图，窗口，以及帮助菜单。
黄色区域当前所选工具的一些属性。
比如，目前默认的是【选框工具】，所以，当前是选框工具的一些属性。
如果工具发生变化，黄色区域里的属性也是会变化绿色区域软件的工具栏。
包括了：移动工具，选框工具，等等，以及拾色器等等。
蓝色区域常用的一些浮动窗口。
这些窗口，在菜单里的【窗口】按钮中，可以做选择。
可以关闭一些不用的窗口，也可以打开一些你喜欢的浮动窗口等。
中间黑色区域用来编辑图像的。
目前没有打开任何文件，所以没有图像编辑。
4.2 PS首选项的配置每一款软件，都有它的一些设置，PS也是一样，可以根据个人的习惯做一些相应的设置。
《UI设计》实训指导书
（UI设计）实训指导书编制部门艺术传媒学院课程类型B类适用专业广告设计与制作执笔人胡敏部门审核人杨书婷编制日期2017年9月25日（UI设计）实训指导书一、实习（训）项目名称：android系统界面二、适用专业：广告设计与制作三、实习（训）课时：18四、实习（训）意义和目的：目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。
其次国内众多大型IT企业（例如：百度，腾讯，YAHOO，中国移动，NOKIA，联想，网易，微软，盛大，淘宝等众多企业）均已成立专业的UI设计部门，但专业人才稀缺；人才资源争夺激烈，但目前全国UI设计专业的系统教学极其稀少，UI设计师的待遇和地位也逐渐上升。
1、知识目标：使学生能熟悉UI设计的流程和设计方法，并能使用制作有创意的，充满视觉冲击力的UI设计作品。
2、技能目标：使学生学会系统规划和全局思维，能够完成一整套UI 系统的设计。
3、素养目标：使学生具备能从事UI系统的开发与设计能力，培养学生团队合作，及独立思考能力。
五、实习（训）内容：1、教学情境及学时分配⑴学习领域：android系统界面⑵学习情境设计学习情境1 android系统的前期策划学习情境2 android系统的创意设计学习情境3 android系统的制作执行2、考核实施(项目考核)六、实习（训）操作要点1、教学方法案例分析法、引导文法、分组讨论法、成果展示法。
2、教学建议组织学生进行会展参观教学，多看多学多思考。
七、实习（训）注意事项实习（训）条件：（包括设备、软件与耗材的名称、规格型号等）1、软硬件条件⑴为配合一体化教学，需要为教师配置教师机及大屏幕。
⑵需要为每位学生配置1台计算机，计算机软件环境要求：1）操作系统：Windows XP/ Windows 2003。
2）浏览器：IE5.0或以上版本。
3）Word 2003、Excel 2003。
⑶需要准备的安装软件如下：1）Photoshop八、考核评价本课程评价采用项目考核评价、平时成绩评价相结合的方式。
ui实训报告
ui实训报告一、引言UI（User Interface）即用户界面设计，是一门旨在提升用户体验的设计学科。
UI设计考虑的是人与机器之间的交互方式，与用户心理、行为以及工作流程密切相关。
本报告旨在总结我在UI实训中的学习和实践经验，分享我的思考和成果。
二、背景介绍在今天信息技术高度发达的时代，人们对于产品的界面和用户体验要求越来越高。
好的UI设计可以提升用户操作的便捷性和舒适感，同时也能提高产品的市场竞争力。
基于这样的背景，我对UI设计产生了浓厚的兴趣，并报名参加了一次UI实训。
三、学习过程在实训课程中，我首先学习了UI的基础知识，包括色彩学、排版原则、界面布局等。
这些基础知识对于一个良好的UI设计是至关重要的，因为它们直接影响着用户对产品界面的感知。
我通过阅读相关资料，学习了不同颜色的情感表达和配色原则，掌握了文字排版的技巧以及页面元素的布局规律。
接下来，我开始进行实践操作。
我选取了一个虚拟的电商APP作为我的设计对象，并进行了界面的设计与优化。
首先，我研究了竞品市场上的优秀设计案例，分析了它们的特点和亮点。
然后，我开始进行草图的绘制，通过不断的修改和完善，最终形成了一个用户友好、美观大方的UI设计方案。
四、实践成果在实践过程中，我主要关注了以下几个方面的设计原则：1. 简洁明了：通过减少不必要的元素和信息，使界面更加清晰简洁，避免用户信息过载的感觉，提高用户的注意力集中度。
2. 一致性与可预测性：在界面的布局、操作方式和交互设计上保持一致性，使用户能够快速了解和掌握使用方法，提升用户的操作流畅度。
3. 强化重点功能：根据产品的核心功能和用户需求，将重点功能突出显示，使用户能够轻松找到并使用。
4. 合理分组与层次感：在界面设计中，合理分组和设置层次感，使用户能够快速找到所需的信息和功能，提高使用效率。
通过以上的设计原则，我对电商APP进行了改进和优化，使得用户可以更加便捷地浏览商品、下单、支付等操作。
《UI设计(实践)》课程教学大纲
《UI设计（实践）》课程教学大纲英文名称：UI design课程编号：130527040课程学时：48 学分：3设课方式：独立设课适用对象：编辑出版学本科专业三年级学生大纲主撰人：大纲审核人：一、本实验课程教学目的与基本要求《UI设计》是数字媒体艺术专业的选修课程，是在平面构成、色彩构成、动画设计、版式编排设计和商业插画设计等课程基础上的延续和提高。
课程几乎涉及到了二维设计领域基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。
UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。
二、实验项目一览表实验教学目的和要求：（1）本课程以上机实践为主，配合课堂教学的内容和进度进行；（2）课程采用理论与实验相结合的方式,在理论上讲授相关的知识及要求,在实验课中所实验的内容即为上理论课的内容；（3）本课采用应充分发挥学生的自主学习性,在实验课上鼓励学生在做好课实验的基本上进一步去制作及学习其它的相应内容；（4）本课程的实验教学具有很强的操作性，主要需要的实验设备必须有装有UI设计软件和计算机等，其中多媒体计算机必须具有光盘刻录，必须连接音箱和录音话筒或耳麦。
（5）教学以学生自主操作，教师现场指导为主，教师主要是讲基础知识、基本原理、基本方法、操作的一般技巧，要求一人一机。
要求学生对理论课上的内容必须独立完成,如果出现问题,教师可以通过相应的提示或直接提出,同时对于一些公共问题,教师在解决的同时还要再多讲一些方法。
三、考核方式1、实验平时成绩：（1）实验考勤：每次考勤分出勤（2分）；请假、迟到、早退（1分）；旷课（0分）记分。
（2）实验报告：要求写明实验设备名称和型号、实验步骤、实验分析及注意事项。
分优秀（4分）、良好（3分）、中等（2分）、及格（1分）和不及格（0分）记分。
界面设计与VisualBasic实训教程第二版课程设计
界面设计与VisualBasic实训教程第二版课程设计一、课程设计背景和目的随着计算机科学技术的快速发展和普及，越来越多的人开始接触计算机编程和软件开发。
在这个背景下，界面设计和Visual Basic编程成为了热门的学习方向之一。
而Visual Basic作为微软公司推出的编程语言，已经成为了Windows操作系统下广泛应用的开发工具之一，为Windows下的软件开发提供了良好的支持。
本次课程设计的背景和目的是教授学生如何使用Visual Basic进行软件开发，并且注重界面设计的实现和改进。
通过本次课程设计的学习，学生将会掌握如何使用Visual Basic编写Windows应用程序，学习界面设计的基本知识和技巧，并且能够独立设计和开发具有良好用户体验的软件。
二、课程设计计划1. 界面设计基础（1）界面设计的基本原则•明确软件的使用场景和目标用户群体。
•遵循用户习惯和行为规范。
•界面布局的合理性和美观性。
•软件风格的统一性和品牌化。
•用户反馈和用户体验的优化。
（2）界面设计的工具和技巧•界面设计的工具：Photoshop, Sketch, Axure等。
•界面设计的技巧：色彩搭配, 字体选择, 图标设计, 图片压缩等。
2. Visual Basic编程基础（1） Visual Basic环境配置•Visual Studio安装和配置。
•创建和初始化Windows应用程序项目。
（2） Visual Basic语法和编程基础•变量和数据类型。
•运算符和表达式。
•控制语句和循环结构。
•函数和方法。
•面向对象编程。
（3） Visual Basic常用控件和组件的使用•Label和TextBox。
•CheckBox和RadioButton。
•ComboBox和ListBox。
•Button和PictureBox。
•组合控件和自定义控件。
（4） Visual Basic面向对象编程•类和对象的概念。
•封装、继承和多态。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
（UI设计）实训指导书
编制部门艺术传媒学院
课程类型B类
适用专业广告设计与制作
执笔人胡敏
部门审核人杨书婷
编制日期2017年9月25日
（UI设计）实训指导书
一、实习（训）项目名称：android系统界面
二、适用专业：广告设计与制作
三、实习（训）课时：18
四、实习（训）意义和目的：
目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。
其次国内众多大型IT企业（例如：百度，腾讯，YAHOO，中国移动，NOKIA，联想，网易，微软，盛大，淘宝等众多企业）均已成立专业的UI设计部门，但专业人才稀缺；人才资源争夺激烈，但目前全国UI设计专业的系统教学极其稀少，UI设计师的待遇和地位也逐渐上升。
1、知识目标：使学生能熟悉UI设计的流程和设计方法，并能使用制作有创意的，充满视觉冲击力的UI设计作品。
2、技能目标：使学生学会系统规划和全局思维，能够完成一整套UI 系统的设计。
3、素养目标：使学生具备能从事UI系统的开发与设计能力，培养学生团队合作，及独立思考能力。
五、实习（训）内容：
1、教学情境及学时分配
⑴学习领域：android系统界面
⑵学习情境设计
学习情境1 android系统的前期策划
学习情境2 android系统的创意设计
学习情境3 android系统的制作执行
2、考核实施(项目考核)
六、实习（训）操作要点
1、教学方法
案例分析法、引导文法、分组讨论法、成果展示法。
2、教学建议
组织学生进行会展参观教学，多看多学多思考。
七、实习（训）注意事项
实习（训）条件：（包括设备、软件与耗材的名称、规格型号等）
1、软硬件条件
⑴为配合一体化教学，需要为教师配置教师机及大屏幕。
⑵需要为每位学生配置1台计算机，计算机软件环境要求：
1）操作系统： Windows XP/ Windows 2003。
2）浏览器：IE5.0或以上版本。
3）Word 2003、Excel 2003。
⑶需要准备的安装软件如下：
1）Photoshop
八、考核评价
本课程评价采用项目考核评价、平时成绩评价相结合的方式。
总评成绩用4次的项目拓展训练的平均成绩核算，其中项目考核评价成绩占总分
的80%, 平时成绩评价占总分的20%，课程总成绩为百分制，60分以上（包括60分）算合格。
1、项目考核评价
项目考核的内容方法：每班将分若干个小组，每个小组10人左右，每个小组选出一个项目组长，负责组织协调项目测试。
项目考核的评分标准见“四、内容标准与考核实施”的“2、考核实施(项目考核)”。
2、平时成绩评价
考核内容及标准如下：
考核方式（实习（训）成绩考核内容有实训表现与态度（20%）、实训操作过程和实训内容掌握程度（50%）、实训报告的内容与文字表达（30%）组成，成绩分为优、良、及格、不及格四等）：
九、参考文献
⑴《APP手机界面创意设计新手通》.王巧伶 .机械工业出版社.2014年7月
⑵《平面设计法则》. （美）德比·米尔曼. 中国青年出版社.2009年10月。