UI设计本科班

导读 0
400-888-9073 212
装饰装潢 网络营销 平面设计 网页设计 数据库 UI设计 WEB前端设计 学历教育 绘画与手绘

课程详情

2017-09-30
UI设计本科班课程大纲
*阶段 UI设计概念与设计软件
UI设计概念

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

Photoshop软件学习

Photoshop简称“PS”,课程中我们将详细讲解软件的*模式与工具的理解与使用,运用PS软件进行网站页面设计,实例来讲解网页设计方面的创意知识、网页效果图布局创意、颜色方案,裁减效果图和制作网页特效等等。

Illustrator软件学习

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。Adobe illustrator作为全球最著名的矢量图形软件,以其强大的功能和体贴用户的界面,已经占据了全球矢量编辑 软件中的大部分份额。

第二阶段 UI设计理论
平面构成

平面构成是艺术构成的一部分,也是学习设计的基础,主要研究的是视觉形象在平面上的组合形式,即通过理解平面设计中的基本形态要素:点、线、面,各自特性及相互间的关系,依照美的形式法则再创造新的形象及新的组合秩序,形成既来源于生活又高于客观情境的新的视觉映象,从而达到设计的要求,课程*括平面构成的概念,形态的基础理论,形态的知觉与心理,形态的基本要素与构成,平面构成的基本法则,图形的联想与拓展,平面构成在艺术设计中的应用。

色彩构成

色彩构成是从人对色彩的知觉效应出发,运用科学的原理与艺术形式美相结合的法则,发挥人的主观能动和抽象思维,利用色彩在空间、量与质的可变换性,对色彩进行以基本元素为单位的多层面多角度的组合、配置,并创造出理想、新颖与审美的视觉形象。课程中*含色彩的三要素,色立体,明度、色相、纯度、冷暖等色彩的基本属性,色彩的采集与重构,色彩的对比与调和,色彩的肌理等。

立体构成

立体构成在现代设计中应用的范围非常广泛:作为造型的重要手段,在广告、书籍、*装、展示、服装、染织、室内外环境等专业门类的设计中发挥着重要的作用。是学习和掌握立体形态的构成要素和美的形式法则途径之一,是各种艺术造型的实际应用和创作的基础。是培养空间想象(三次元造型)能力、掌握技术和材料的应用、运用科学和美学的艺术。课程*括立体构成的概念和特征,立体构成的造型基础,立体构成的造型表现,立体构成的造型与应用等。

字体设计

文字是一种约定俗成的记载符号,自其诞生以来,便担负着人类赋予的使命——记录语言、传达思想、交流信息、传播文化,我们要研究其历史,结构,笔画,造型,从而创造出具有艺术感染力的文字形象,为设计出更加优秀的作品打下基础。课程*含文字的发展与演变,文字的基本种类与风格,字体设计的原则和要领,字体设计的基本方法与表现手段,优秀作品欣赏。

色彩应用

讲授颜色的基础理论和颜色代表的各种形象,并通过实际应用范例加深对颜色的理解,同时培养学员对颜色的各种感觉,熟悉颜色的属性、颜色的分类、颜色的温度、颜色的轻重、颜色的对比等基础理论知识。了解红、橙、黄、绿、蓝:紫、褐、灰、白、黑等10种颜色的象征意义和应用范例。了解代表性颜色的形象表现。介绍实际业务中可以直接应用的各种配色图表和应用范例。

基础图案设计

在艺术设计教育中,图案训练一直是作为重要的专业基础来设置和实施的。因为它所担负的任务不仅是让学生*设计图案、应用图案,而且更重要的是培养学生的审美能力和设计意识,使他们能够以装饰设计的眼光分析、观察事物,能够在材料、制作、实用的种种条件限制下充分发挥自己的艺术才能和创造潜力,所以,图案课还往往起着设计启蒙和向专业学习过渡的作用。

第三阶段 UI设计精髓学习
UI设计之大道至简

简约风格的特色是将设计元素、色彩、照明、原材料简化到最少的程度,但对色彩、材料的质感要求很高。因此,简约的空间设计通常非常含蓄,往往能达到以少胜多、以简胜繁的效果。

UI设计之交互设计

交互设计是人与环境和系统的行为,以及传达这种行为的外观元素的设计和定义。交互设计首先规划和描述事物的行为的方式,然后描述传达这种行为的最有效形式。交互设计是一门特别关注以下内容的学科。

UI设计之用户体验

用户体验设计是屏幕产品的重要组成部分。用户体验设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户体验设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性;即要符合用户的心智模型。

第四阶段 图标图形设计
图标的概念

图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识,界面中的图标是功能标识。它源自于生活中的各种图形标识,是计算机应用图形化的重要组成部分。

图标设计 要素与技法

在图标设计过程中,视觉设计只是其中的一个部分,在不同文化、不同显示载体、不同产品要求的前提下,图标的设计方式是不同的,呈现出来的最中央是也有所不同。好的图标设计总有它们的共同点,擅于尝试理解如何思考图标设计的要点,并掌握这些原则,图标设计水平将会有一定程度的提高。

视觉精美、结构合理的设计

采用写实的表现方式,使用了大量生活中可见的元素来表达功能对应的含义。在使用写实风格创作图标的过程中,最为重要的就是元素的设计是否符合真实生活中的情况,*括外形、材料、角度、大小比例、色彩等因素。

兼容各应用尺寸的设计

针对手持设备进行设计,屏幕的大小是一个规范,图标的兼容性会是我们*个要考虑的问题。

风格统一、整体性强的设计

一套风格统一的图标是进行图标设计的基本原则,整体性强的设计会比零散的设计更有品质,更容易让用户理解。

第五阶段 UI界面设计规范
扁平化设计

唯一主色调:追求极简设计风格,调整透明度、饱和度、色彩统一,有层次感。

多彩设计风格:多彩撞色,多种纯色块,时尚大气简洁。

信息框架扁平化:一种让设计者在界面设计过程中减少信息层级的思想。

效果与功能综合运用

动态数据可视化:设计元素转换为直观的饼图、扇形图、折线形、柱状图等。

移动端的视差效果:视差滚动是时下比较热门的网页设计技术,立体的运动视差效果,全新的视觉体,倾斜或者移动,有3D的视觉效果。

分层结构的手法

分层结构:通过动效扩展了屏幕空间的纵深感,更关注于内容,更多的暴露信息,减少结构,分层级,操作高效。

迎合用户的使用习惯:在操作中简单到极致,尽量减少用户的输入(重复输入),让用户减少对应用的思考以及寻找的时间,让准确的色彩和表达减少用户心理斗争的时间。

导航的应用

提供明确的导航:增强用户的体验、减少用户盲目的操作、符合逻辑。

主操作栏的内容:操作栏的内容不宜过多,一般不超过三项,把最重要的内容展示给用户

以用户为中心:从用户的观点考虑,想用户所想。

合理的用户引导:告知他新奇的功能,引导他完成任务流程,引导语句简短,减少用户的思考时间。

拟真动态:将现实中的运动现象简化抽象,有特色的动画效果完整、趣味的感官体验。

尽量使用图形元素:图形相较于文字更易于记忆和了解,恰当的图形元素+简短的文字。

第六阶段 移动UI界面设计
Android界面规范及设计实战

提供明确的导航:增强用户的体验、减少用户盲目的操作、符合逻辑。

详细讲解Android界面规范;IOS界面规范课;移动UI规范 ;移动端UI导航;次要导航模式;移动端UI表单;移动端UI表格和列表;移动端UI搜索;移动端UI工具;移动端UI图表;移动端UI控制与反馈;移动端UI功能可见性模式;动端UI帮助模式。

苹果IOS移动界面规范及实战

详细讲解IOS平台上布局规范设计,交互体验细节设计,产品属性设计等;实例讲解iPad等IOS相关设计规范,掌握iPad平台APP设计整套全流程:*括拓扑图、原型图、界面设计图与GUI等 ;针对苹果IOS移动端效率类APP应用产品的全案实训 ;针对苹果IOS移动端理财类APP应用产品的全案实训。

移动平台 图标设计

ICON设计基本流程与设计规范的概念性讲解,掌握当今世界最系统的UI界面图标设计技能,重点了解各种风格的设计方法通过各种风格设计方法训练,快速掌握不同图标设计特征和效果实现;剪影图标实训 扁平图标实训 拟真图标实训;讲解色彩基本概念,并结合不同风格&类型的icon进行案例分析及代练,重点学习写实风图标的设计。

Axure RP软件

详细讲解Axure的定义;Axure应用;Axure 工具栏详解;Axure 各个*面板详解;Axure 站点地图详解;Axure 元件详解;掌握Axure RP软件,通过项目学习和掌握交互设计的原理,不同平台交互特点,了解用户心理。

第七阶段 网页UI界面设计
互联网基础知识

网站的概念介绍;了解浏览器基本发展状况,对各浏览器的解析特点进行认知,掌握整站网页制作流程和网页页面设计制作技术。

Dreamweaver基础与运用

Adobe Dreamweaver,简称“DW”,是集网页制作和管理网站于一身的所见即所得网页编辑器,DW是*套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页,课程中将全面学习DW拼图、插入网页元素表格美化、表单、框架、Iframe等一系列的操作,实现网站与网页在浏览器中的实现图片、文字、音频、视频、FLASH、页面拼版练习、各种浏览器的使用:Firefox、Chrome、IE各种版本、360、Safari等。

HTML 语言学习

基本概念和常用名词解释,HTML语言,语法,HTML标记,站点,超级连接,绝对路径和相对路径,表格(table)的使用,背景色,背景图,表格的拆分与合并,列中嵌套表格,用户表单的使用,表单事件,文字大小,字体,颜色,框架技术和模板技术。

DIV+CSS页面布局

学习了解DIV/CSS概念、基本样式和功能,层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言,课程中将通过多个网站案例分析建立对DIV、CSS技术的基本认识,对网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页框架制作技术,*括结构标签、表格、表单等,学习网页样式表现方法,使用CSS对网页进行细节美化;了解特殊布局的实现技巧。

Flash软件学习

Flash是一种动画创作与应用程序开发于一身的创作软件,*含丰富的视频、声音、图形和动画。为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。课程中将学习Flash创作大量应用于互联网网页的矢量动画文件,通过添加图片、声音、视频和特殊效果,构建*含丰富媒体的 Flash 应用程序。例如ANNER广告、侧边栏广告 、MTV、教学课件 视频嵌入、FLASH压缩与发布。

JavaScript基础学习

JavaScript是一种脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。本课程中将学习JavaScript基础知识与应用。

网页UI设计实战

学习不同类型网站的界面分析,主要针对电商网站、金融网站、行业应用网站、企业门户网站等进行界面设计分析;综合运用UI网页设计工具,不同行业网站设计实战。

第八阶段 毕业作品设计与*应聘指导
作品准备与素材搜集

通过培养学员在日常*中的素材搜集与分类管理的能力,培养学员能够对其个人作品进行分类和对自己的设计作品进行详细描述的能力。

毕业设计指导

学员在专业教师指导下独立完成UI设计多项方案设计任务,完成毕业作品的设计、方案制作与整理。

*应聘技巧与职业规范

现场模拟面试,由专业的老师组织,模拟用人单位的面试流程,面试形式等,提前考察学员的口头表达能力、沟通能力及动手能力,准备完成应聘简历,推荐*。

上一篇: 平面设计本科班 下一篇: 手绘效果图班

推荐课程

查看全部课程
北京龙吟榜

北京龙吟榜

中关村中心 亚运村校区 建国门校区

查看全部校区 进入官方主页