为了让您对于ui设计课程的写作了解的更为全面，下面快回答给大家分享了6篇ui设计教学课程，希望可以给予您一定的参考与启发。

UI用户界面设计课程设计报告 篇一

UI用户界面设计 大作业课程设计报告

题 目：依依旅行系统前台应用及后台管理院 别：专 业：学生姓名：指导教师：成 绩：

信息与控制学院

计算机科学与技术 120210137宋依依

孙丽云

2015年 6 月 12 日

一、系统概述 1.1课程设计题目：

依依旅行系统前台及后台管理

1.2 课程设计运行环境：

1.2.1前台开发工具：

Java，MyEclipse6.5，Tomcat5.x 1.2.2后台开发工具：

Microsoft SQL Server 2008 1.2.2系统运行结果工具：

360安全浏览器7.1 1.3 课程设计实现技术：

基于HTML，CSS，JSP等技术的应用

二、依依旅行系统需求分析

2.1 系统功能需求：

系统的功能需求包括一下几个方面

（1）游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。（2）游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。

（3）游客登录后还可以进行各种订单的退订，个人信息的修改。（4）系统管理员可以查看游客的预定请求和取消预定的请求。（5）系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。

三、依依旅行系统概要分析

3.1旅游系统模块介绍

满足以上需求的管理系统主要包括以下几个模块。（1）旅游数据维护模块

基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。（2）旅游业务模块

基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。

（3）数据库管理模块

在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。（4）旅游信息查询模块

信息查询模块主要用于查询景点的信息和游客的预定信息。下图所示表示了旅游开发管理系统的功能需求：

3.2旅游数据维护模块

数据维护模块包括如下图所示的几个方面：

（1）修改更新景点信息：系统管理员可以更新和修改景点信息。（2）更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。

（3）添加景点信息：系统管理员可以添加景点及景点信息。（4）删除景点信息：系统管理员可以删除景点及景点信息。

3.3旅游业务模块

旅游业务模块包括一下几个方面：

（1）注册登陆后，更改个人信息

（2）查询信息：游客查询景点使用信息及景点概括信息。（3）预定取消景点：游客预定景点票。

（4）酒店预订：游客可一根据情况预定酒店。

（5）出行方式：游客可以根据自己的情况选择出行方式。

3.4数据库管理模块

数据库模块包括一下一个方面：

（1）游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。（2）景点信息管理：景点信息包括景点的名称，代号，概况等。（3）酒店信息管理：包括酒店名称，地址，规格等。

（4）出行信息管理：出行方式，火车票，租车信息等。（5）预定信息管理：景点票，酒店，车票信息。

四、依依旅行系统数据分析

4.1管理员信息表

4.2用户信息表

4.3景点信息表

4.4酒店信息表

4.5火车票信息表

4.6飞机票信息表

4.7租车信息表

4.8用户支付信息表

4.9常用游客信息表

4.10游客常用地址信息表

4.11景点订单信息表

4.12火车票订单信息表

4.13飞机票订单信息表

4.14租车订单信息表

4.15酒店订单信息表

4.16用户评论信息表

五、依依旅行系统的前台实现过程

5.1依依旅行系统首页

注：此时因系统未登录，所以只可以查看详情，若进入景点点击预定和留言或者点击出行方式和酒店预订则跳转到5.2登录界面

5.2依依旅行系统登录界面

当输入用户不存在时跳转到

当输入用户存在，密码输入有误时跳转到

当输入用户存在，密码正确时跳转到5.3

5.3依依旅行系统登录界面

若及点击退出则回到5.1首页界面。

5.4依依旅行系统注册界面 第一步：输入用户名，当用户名已存在时

当用户名不存在时

当密码两遍输入不相同时

当密码两遍输入相同时

5.5依依旅行系统修改个人信息界面

点击修改

修改后点击保存

5.6依依旅行系统修改个人密码界面

当前密码输入有误时：

新密码两遍输入不同时：

新密码两遍输入都正确时时：

5.7依依旅行系统常用游客信息界面

添加游客

5.8依依旅行系统支付信息界面

5.9依依旅行系统订单信息界面 景点订单信息

火车票订单信息

飞机票订单信息

租车订单信息

酒店订单信息

分别可以进行取消订单操作

5.10依依旅行系统预订信息界面 可以选择出行日期，出行人数

点击预订后对信息进行确认，并计算总价格

若积分大于总价格：预订成功

若积分小于于总价格：

5.11依依旅行系统出行方式界面 火车票

飞机票

租车

分别可进行预订

积分充足，与积分不足的情况同景点预订 剩余票数不足时：

5.12依依旅行系统酒店预订界面

5.13依依旅行系统退出界面

若及点击退出则回到5.1首页界面。

六、依依旅行系统的后台实现过程

6.1依依旅行系统管理员登录界面

注：管理员没有注册功能

管理员名称不存在或密码输入有误时情况与用户登录相同 6.2依依旅行系统管理员所有管理员界面

6.2依依旅行系统所有用户界面

可进行删除操作，提示操作人为当前用户指明操作人的操作成功

6.3依依旅行系统管理员所有景点信息界面

可对其进行添加，修改和删除操作

6.4依依旅行系统出行界面 飞机票信息

火车票信息

租车信息

6.5依依旅行系统用户订单信息界面 景点订单信息

飞机票订单信息

火车票订单信息

租车订单信息

酒店订单信息

6.6依依旅行系统管理员信息修改界面

七、依依旅行系统的总结

通过本次课程设计，对JAVA编程，WEB网页制作以及数据库设计有了更深刻的认识和学习到了更多细小的知识点，遇到难题，通过小组讨论以及在网上对相关资料的查询得到了有效的解决办法、本来这门课的知识学的就不够扎实，本次课程设计，在设计过程中碰到了很多问题，刚开始要设计的时候，还真不知道从哪里下手但最终在图书、同学和老师的帮助下都得到了解决，让我学会了好多书本上没有的东西，最重要的是知道了自己动手的不易，也知道了只要动手做就一定会得到收获！

一分耕耘一分收获！

UI设计课程大纲 篇二

中国IT职业教育领先品牌精品课程全程面授UI设计课程大纲至今很多人都误以为UI设计像美工一样的工作内容，每天除了涂涂画画就没别的了，其实不然，UI设计是比美工更高级的一种特殊美工，它不仅要懂涂涂画画，还要懂设计图稿，因此想学习UI设计，是要比美工付出更多，得学习更多设计软件，如果你想了解UI设计课程的相关内容，不妨关注千锋UI设计课程大纲。千锋UI设计V3.1版课程总结了当前最流行的设计软件以及最流行的设计趋势，在UI培训行业可以说是处于领先的水平，其讲师完全由一线UI设计师组成，他们不仅具备多年的工作经验，而且对设计的流行趋势以及新工具的应用都具有非常高的水平。前期的预备课程，也就是创意基础班的课程涉及到色彩与创意的基础，重点讲解素描速写、光影透视、构图原理等，一方面是迎合当下公司招聘的手绘需求，另一方面是增强学员就业的竞争力。千锋UI涉及课程其重点分为以下三个阶段：第一阶段：软件基础与平面设计熟练使用软件可以说在UI设计过程当是首要，也是最为重要的基础。为此该阶段将对Photoshop和AdobeIllustrator两款软件进行系统学习。平面设计作为设计的基石，可以说在UI设计中有着不可或缺的重要作用，所以该阶段千锋将采用平面的实际商业案例对软件及手法进行详细解读。第二阶段：webUI&前端此阶段需要学员掌握网站构成与设计理念，同时掌握前端代码的书写，前端与网站设计相辅相成。

千锋教育中国IT职业教育领先品牌精品课程全程面授网站中最重要的部分当数“banner”，为此在该阶段的课程中，千锋讲师会对字体设计、色彩搭配、版式布局进行系统的讲解，同时加入新的设计软件CINEMA4D打造banner场景以及立体效果的实现。当然，课程也会对当前社会中的主流网站进行真实案例的讲解，后期会通过真实的商业项目进行项目实训。项目实训结束紧跟前端代码，其重点需要掌握web标准、HTML+CSS完成pc端页面布局，同时了解当下最流行的H5以及CSS3的新功能，掌握弹性盒、媒体查询以及响应式网站的实现。前端结点部分则需要重点掌握WebApp的布局规范、切图技巧最终完成WebApp的界面实现。第三阶段：产品流程以及UI与UE第三阶段是千锋UI课程中最为重要的阶段，在产品、UI设计和UE设计中细节决定成败，细节主要体现在图标、版式、色彩等方面。对于ios与android规范以及设计，首先需要对图标大力度的讲解，后期做android主题项目提升学员的创意能力以及效果实现的能力并作出项目提案。基础打牢之后课程会针对产品方向做一系列的讲解，之后课程会对当下企业需求的动效设计师重点进行讲解，学员需掌握软件AaobeAfftereffects，了解AaobeAfftereffects软件的功能与特点。产品以及交互学课程之后是界面设计，重点掌握ios和android平台的设计规范，了解ios与android平台设计以及交互上的相同与不同，后期通过商业案例实训掌握ios与android平台的界面设计方法。商业项目实训之后针对切图标注在实际工作当中的应用做了重点讲述。对于此阶段Mac端软件应用以及设备使用，则重点掌握sketch软件，了解Mac设备的使用以及Mac端效率工具的应用。

千锋教育中国IT职业教育领先品牌精品课程全程面授至于精装简历与作品集的制作，则需学员了解精装简历的特点以及应用，理解HR筛选简历的方法，提高简历的竞争力。掌握作品归类与整理的方法，了解商业作品集的功能与特点。最后，不得不重点说明的是千锋在整个教学过程当中加入真实的商业案例以及企业招聘面试问题，从多维度把控学员的设计能力。

千锋教育

UI设计教学 篇三

实用的UI设计教程

什么是UI？

UI英文全称是：USER INTERFACE，中文即是用户界面 UI包括三大块，UX用户体验，GUI视觉表现，HCI人机交互 零基础学员怎么学习UI 首先，工欲善其事必先利其器！

先要学会PS（98%的设计师工作中会用到）AI（60%的设计师工作中会用到）DW（30%的设计师工作中会用到）FLASH（15%的设计师工作中会用到）3D视频（10%的设计师工作中会用到）这些软件的教程，可以在搜索引擎里搜到。

或者在网店买一本带视频教学光盘的PS和AI的书籍，学习过程耗时1-2个月。

切记，在你软件基础不扎实的情况下，看任何画图标和画界面的教程都是枉然的，你也看不懂，只能徒增挫折感！基础不扎实，跟着别人教程画。就是依样画瓢，知其然不知其所以然！

学PS和AI的注意事项：

对UI来说，PS中的路径、图层效果、图层蒙版是UI最常用的功能，务必重点掌握。AI的话，也是路径操作、路径修改要重点掌握。

学完改课程后，你可试着画剪影ICON，通过加，减，交等布尔运算把图形拼出来。

再者：图标认知，图标主要是识别性

图标是对这个世界的一个隐喻，因为其国际通用性以及形、色、意比文字更有有视觉冲击力。所以，一个好的功能图标，首先要有很强的识别性，其次才是美不美，和整体UI界面是否风格相符。连功能识别性都不清的图标，只能算作一个装饰性的东西。

APP的线框图，这个呢就是一个APP应用软件的每个页面的布局结构，一般是由产品交互设计师来做线框图的。但是国外因为很多公司岗位定义不明确，所以现在很多PM产品经理在兼做产品交互，也有让GUI视觉设计师来做的。

其实，这个东西主要就是定义，功能在哪里，具体怎么跳转和应用的交互流程和框架。

品创设计UI设计流程：产品需求-产品定义-产品功能定义-技术评估-信息架构-线框布局-软件架构-数据定义-视觉设计-切图开发-上线测试-问题跟踪-问题反馈-迭代开发

UI设计的学习心得UI设计学习方法——中鹏UI设计相关课程 篇四

UI设计的学习心得

UI设计是一个用途比较广泛的专业，很多人都搞不清楚这个专业到底都亚学些什么，UI设计在的电子界面领域应用非常广泛，行业收入也比较可观，学好UI设计意味着拥有广泛的就业前景，但是UI设计的知识面非常广，导致很多学员感到无所适从。下面我们就来从工具到理念讲起

我一直坚持这样一种看法，不管你学的是哪一种设计，其学习内容都无非包括四个部分：

1、了解专业背景知识，2、掌握工具技能（如：如何学会绘图、使用相关设计软件等）、3、商业运作规则的了解，4、审美能力的建构艺术理念的习得。

一般的UI设计都会涉及的内容有：素描、UI手绘、UI色彩、三大构成、创意设计、设计心理、PS基础、PS提高、illustrator、Flash、After Effects、设计规范、GUI基础课程、创意设计、综合理论与实践、静态网页构建、前端程序开发、动态网站简介和应用、UX理论、AXURE-RP6.5、iphone/Android、手机交互等，涉及的应用领域不可谓不多，因此要想全部掌握或者眉毛胡子一把抓是不太明智的，下面我梳理出一些概要的学习方法，仅供大家参考。

第一：学习工具

工具是第一位的。一般对于入门阶段的人来说，你就不要老是纠结怎么学。先玩透Photoshop，UI设计的工作中最主要的工具就是PS，比方在做一些图标和界面的时候，PS都是必不可少的。

但是Photoshop有那么多功能需要每一个都学吗？当然不用，这个后面我们专门找一节慢慢说，在UI设计中ps主要学习也就那几个工具。

第二：学习UI设计规范

规范就是要刻意练习，规范这个主要还是要练习，没有太多捷径可走。

第三：基本的色彩学习

色彩的三要素指的就是色相、明度和纯度。这三个分别是什么意思呢？我们可以这样理解：

1、理解什么是色相

色相指色彩的相貌，不同的波长决定不同的色相，这是大家最直观感受到的色彩。色相对于色彩是最直接的代表，是色彩的灵魂。

大家大家都知道在光谱中，红、橙、黄、绿、蓝、紫等由于有着不同的波长，带给我们不同的色彩感受，它们是最基本的色相，其他诸如象牙白、柠檬黄等都是指色彩特定的色相，是人们对不同色相的不同称谓。有一个地方要注意，黑色和白色是无色相的。

2、理解明度

明度指色彩的明暗程度。明度可以说是色彩的骨架，明度对色彩的结构起着关键性的作用。明度具有定的独立性，它可以离开色相和纯度单独存在，而色彩的色相和纯度总是伴随着明度一起出现的，所以明度是色彩的骨架。

通俗点解释就是通过色相的加白加黑的一个变化，任何色彩都存在明暗变化的，从明度光谱上可以看到最明亮的颜色是黄色，处于光谱的中心位置。最暗的是紫色，处于光谱的边缘。

3、理解纯度

纯度指色彩的鲜艳程度，就是色彩的饱和度、纯净度、彩度。直观理解就是指色彩的鲜浊程度。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变的暗、淡。纯度降到最低就是失去色相，变为无彩色，也就是黑色、白色和灰色。

4、学会UI设计中色彩的使用

那么在UI设计过程中色彩该如何去搭配？主要通过4部分来讲解。在UI界面设计比例中：用色一般分为主色，次色和辅助色，它们的比例是按照20%-30%、5%-10%和5%来进行配色，通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的情况。

5、进入临摹阶段

了解了具体的知识，最主要的就是练习了，学习技法主要是侧重过程，在练习书法时，最好是临和摹结合起来，各扬其长，各避其短。此外，还要经常读帖，仔细观察、分析、体会，可以边读边用手“空临”。只要功夫下得多了，读帖和写字的能力自然会增强，对书法美也体会得更深了。需要联系临摹来加强你的技巧，此外，为保存、修复、展览、出售而取得复制品，侧重的是临摹的结果。因此，临摹品有商品性质。它流传于世又产生了伪作和赝作等复杂问题。在世界各国，临摹一直是学习古典书法或绘画技法，借鉴和继承优秀传统的主要途径与手段不要想着怎么做，怎么临摹，学啊~直接打开ps就开始操作，如果不知道怎么临摹，可以多加几个大神群去问。这个阶段的就是要：多练和多问

6、学会切图

之所以需要切图是因为用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。

切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！

好了，大概这几点，当然这个只是学习UI设计的中的其中一小部分，也是入门的阶级。如果你觉得有用，就是今天这一篇最大的目的。

7、习得扁平化思维

扁平化实质就是简约风格，这种美学的哲学内涵就是：少即是多

扁平化的概念最核心的地方就是：去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等等能做出3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

也就是说做扁平化设计是在做减法，不像之前的拟物化，要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说，只要了解造型和透视关系，对于扁平化图标绘制就没有问题。界面过于单调，容易审美疲劳。扁平化设计限制了可采用的元素——

比方说其中就没有纹理——同时也就限制了内容的表现形式。更何况扁平化的GUI基本都是大色块堆叠出来，对于设计与制作业提高了不止一倍两倍的工作效率

8、UI经典设计的借鉴能力

借鉴本身就是创新的一部分，创新的本质就是嫁接和组合，好的UI设计作品非常之多，学活借鉴，有效的、高明的借鉴就会快人一步。

文章来源：中鹏教育

《UI设计》课程标准 篇五

《UI设计》学习领域课程标准

执笔：甄珍

审核：

时间： 2013-5-

5一、学习领域定位

“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。

正是鉴于目前UI行业的发展状况，本专业第一次开设计《UI设计》课程。

《UI设计》是所有与网络通信软件相关专业课程，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。

二、职业分析

目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。但目前全国UI设计专业的系统教学极其稀少。UI设计师的待遇和地位也逐渐上升。

三、学习目标

知识目标：使学生能熟悉UI设计的流程和设计方法，并能使用制作有创意的，充满视觉冲击力的UI设计作品。

技能目标：使学生学会系统规划和全局思维，能够完成一整套UI系统的设计。

素养目标：使学生具备能从事UI系统的开发与设计能力，培养学生团队合作、及独立思考能力。

四、学习内容

四、学习领域课程设计思路

（一）设计理念

五、考核方式

学生成绩的评定，以学生平时表现和任务完成情况及最终考核来核定。评分细则如下表：

其中，平时成绩包括平时上课的表现和各任务的完成情况，占总成绩的30％；最终考核成绩所用考核方式为机试，占总成绩的70％。

UI设计课程教程大纲 篇六

UI设计培训课程教程大纲【中鹏培训】

设计美学：

素描、速写、图标手绘、色彩应用、三大构成、创意设计

软件设计课程大纲：

PS、AI、Flash、AE软件基础

视觉设计课程大纲：

图标绘制、图标设计、界面制作

界面设计、AE动画效果制作

AI动画效果制作、整套视觉制作

交互设计课程大纲：

交互的历史与内涵、交互的思维模式

Freemind思维导图软件基础

思维导图的必要性和思维模式

思维导图制作、交互文档的思路和格式

构思交互文档，写交互文档，Axure-RP软件基础及交互原型的制作

交互原型的创作思维、完整的交互设计实战

深圳UI设计培训的优势

1、办学资质：中鹏培训具有高级、技师级的办学资质，是属于合法办学机构

2、教学环境和设备；中鹏培训仅南山校区，就有1200平米以上教学区，设备都是结合目前市场设计师软件要求购买；全市的设计培训机构中，11年只有中鹏是深圳市的先进单位。

3、师资力量：中鹏培训请的老师都是专业在职人员，老师都是自己有公司或者工作室，有丰富的教学经验和工作经验，在上课的过程中，学员不仅仅可以学到专业技能知识，还可以学到设计行业的相关工作经验；房成波之前是在韩国LG总部工作，现在有自己的UI设计公司，经常给中兴华为的员工做交互设计培训。李记东老师具有多年界面设计的经验，现在拥有自己的UI设计工作室。

4、教学质量：中鹏培训是以保证学员学习质量为主，学习期间会定期考核，5、班级管理：我们每个班级都会配班主任，对于学员的考勤和学习进行及时的监督和管理，有利于提高学员的积极性。

6、就业服务：我们对毕业的学员推荐就业，毕业之前老师会辅导学员完成自己的毕业作品，方便后期的面试。

他山之石，可以攻玉。上面这6篇ui设计教学课程就是快回答为您整理的ui设计课程范文模板，希望可以给予您一定的参考价值。