上海非凡进修学院
招生热线:400-800-2176

学校地址:徐汇区华山路1988号汇银广场

UI交互设计学习流程是怎样的?

  ui交互设计行业随着移动互联网的发展,出现人才需求井喷,学习ui交互设计的人越来越多,企业对ui交互设计师也日益重视,对ui交互设计师的技术水平也提出了更高要求。一个合格的ui交互设计师,不应只是一个会使用工具的技术师,还应该是一个从整体项目综合考虑的工程设计师。只有综合水平的不断提升,才能有更好的发展前景。那么学习ui交互设计分为哪些阶段呢?

  一、ui交互设计预备

  1.课前介绍:课程介绍,上课模式,学习环境,生活环境,学生自我介绍及相互认识

  2.办公自动化:windows、word、excel、ppt办公应用基础;办公软件在广告设计方向的应用(预算表、工程汇报、ppt讲稿等)

  3.美术设计基础:设计素描、水粉、速写的原理及实践,投影、视图、透视,灯光表现,户外写生等;

  4.美术设计提高:设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高,配色原理的提高。

  5.人机交互的概念:人机交互概念与模型、人机交互的研究内容与方向 、人机交互的发展历史与未来趋势、认知心理学与人机工程学概述 、交互设备、人机交互技术、交互概念设计

  6.行业职业分析:行业介绍,ui设计师职业发展与规划,ui设计项目工作流程,ui设计师工作范围,ui设计师必备技能,ui设计师常用设计工具及常用术语,ui设计师就业流程。

  二、ui交互-平面设计部分

  1.photoshop:熟练掌握ps在图像编辑、图像合成、校色调色及特殊效果制作四大部分的技巧以及配合ai的基本应用

  2.illustrator:ai工具使用,印刷出版、专业插画、多媒体图像处理和互联网页面的制作以及配合ps的应用

  3.indesign:专业的排版工具讲解、案例排版解析、设计出极具吸引力的页面版式、在页面布局中增添交互性、动画、视频和声音等

  4. acrobat:专业电子书应用介绍、pdf文件制作、不同平台之间的pdf应用、加密文件的制作。

  5. 商业广告创意实战1:在ps基础上面,全程实例图像处理、创意设计、p0p海报设计、dm宣传单设计、图形图像应用、以及与ai的结合应用等(报此班需要ps基础)

  6. 商业广告创意实战2:在ai基础上面,全程实例讲解印刷工艺应用、插画设计应用、p0p海报设计、dm宣传单设计、贴图设计以及与ps的结合应用等(报此班需要ai基础)

  三、ui交互-网络设计部分

  1. dreamweaver:讲解dw的人性化功能以及在页面架构和前端开发应用领域的使用技巧

  2. flash:讲解fl在视频、声音、图形和动画方面的应用,可以各种动画制作、导航界面、互动效果以及其他奇特的效果

  3. fireworks:讲解fw在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用

  四、ui交互-设计思维概念

  1.平面构成与设计:学习点的构成形式、线的构成形式、面的构成形式,训练培养各种熟练的构成技巧和表现方法,培养审美观及美的修养和感觉,提高创作活动和造型能力,活跃构思。

  2.色彩构成与设计:学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、色彩表现手法、色彩视觉心理与性格的对比;提高色彩的综合审美能力。

  3.立体构成与设计:立体构成的概念特征及作用、材料要素及加工工具、 视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面的应用

  五、ui交互-创意设计实战训练

  1.字体专项设计:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志、广告设计、p0p、dm、ci等设计中的应用。

  2.版式专项设计:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、dm、挂历、海报等中的应用。

  3.图形图像创意设计:图形的构成、图像的形式、图形图像的分析与创意、联想和设计、经典图像的分享

  4.l0g0专项设计:

  a.l0g0起源和特质、标志设计的基本要求、主流趋势、国际规范、标志三要素

  b.l0g0标志设计的表现形式、标志的起源、标志设计分类

  c.l0g0标志设计的流程、原则、标志的设计禁忌、标志设计的特点

  d.l0g0标志设计的颜色应用、意义、原则、形式美法则 "

  5.vis视觉识别系统:ci企业形象设计、企业标志设计,vi系统创意设计、vi应用要素设计,标准字体、标准色、标准组合设计介绍以及成套vi手册的分享

  六、ui交互-网络设计实战训练

  1. html:html的语法及html的新特性,html的实际应用及案例分析

  2. web标准布局div+css:详解div+css布局重构的技巧,使学员能够针对不同的用户体验设计出不同的结构布局。熟悉各种浏览器的特点,并能熟练掌握各种浏览器兼容的制作方法和技巧。

  3. web交互表现:使网页和用户之间实现了一种实时性的、动态的、交互性的关系,它使网页变得更加鲜活。在这里我们将学到的交互理论与常用的web特殊效果,用足够的创意,开辟交互动画的新时代

  4. web美工综合部分:

  a)ps网页设计:ps在网页设计领域的应用,以及成套网页布局流程解析,经典网页案例设计

  b)版式构图表现与版式设计技巧:设计的基本原则、构图、光影透视以及点线面元素处理等重要版式布局理念。如何让网页界面更加吸引力,突破以往的网页版面格局等新鲜内容。

  c)网页配色技巧:色轮、色彩关系、色彩心理暗示以及不同色调的设计技巧。如何运用色彩理论为新设定配色方案,以及运用色彩打动用户。

  d)中的字体搭配与排版:在网页设计中,我们将透过大量的范例,了解字体的特征,最终得以灵活应用。内容包括字体的使用、文字标题的制作、文字段落的排版等。

  e)网页美工综合实训:运用本模块学习的知识,设计并策划“企业门户页面、电子商务页面等”使学到的技能得到进一步巩固。

  七、ui交互-移动设计专项部分

  1. ui交互设计理念:

  1).gui的概念与发展、设计理念、图形界面设计原则、设计理念

  2).web、bs、cs的基础知识了解、桌面产品规范及控件设计

  3).软件ui设计项目流程、启动界面与登陆界面的设计

  4).ui设计的成功案例分享、设计ui、手机界面、游戏界面ui设计欣赏

  2. 3g手机和平板电脑交互设计

  1).3g手机交互设计:iphone app的图标设计方法、交互设计概念、交互设计的流程、原有产品的分析、竞争对手的分析、方案的制作、开始设计与实现、验证与完善阶段。

  2).平板电脑交互设计:ipad基础设计规范、ipad应用的设计方法、用户体检与交互设计的案例分析和应用。

  3.播放器ui设计:播放器界面设计实战与辅导\社会上成名的播放器的欣赏和制作

  4.即时通讯ui设计:即时通讯界面设计实战与辅导(分析、msn、旺旺、uc等)

  5.数码产品ui设计:移动数码设备(mp4、gps界面)设计实战与辅导

  6.软件类ui设计:杀du软件界面设计、浏览器界面设计、财务软件登陆页面等设计实战应用

  7.游戏ui界面设计:游戏界面的设计与制作,成名游戏界面ui的欣赏与制作

  很多应届毕业生在巨大的就业压力下丧失信心,不知道自己的将来该何去何从,在这样的环境中却有两个专业的同学就业比较好,一个是软件开发,一个是ui交互设计师,这种真实的情况说明ui交互设计有非常好的就业前景,想要学习的同学,赶紧的了~


文中图片素材来源网络,如有侵权请联系删除
申请试听
为您选课
上海非凡进修学院本着质量至上的基本原则,在确保教育质量的前提下,将该学科教学体系做出更科学的改革和完善。现行的教学体制将更有利于学生的学习和发展同时为学生就业打下坚实的基础。该专业着重学习UI交互设计的理论和实战知识,进行手把手的培养具有独立UI交互设计的能力,为社会输送具有UI交互设计理念、创新思维的,并具备实际UI交互设计经验的学员。本课程学习完,学员基本上具备1年以上的工作经验。

UI交互设计预备

课前介绍
课程介绍,上课模式,学习环境,生活环境,学生自我介绍及相互认识
办公自动化
Windows、word、excel、ppt办公应用基础;办公软件在广告设计方向的应用(预算表、工程汇报、PPT讲稿等)
美术设计基础
设计素描、水粉、速写的原理及实践,投影、视图、透视,灯光表现,户外写生等;
美术设计提高
设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高,配色原理的提高。
人机交互的概念
人机交互概念与模型、人机交互的研究内容与方向 、人机交互的发展历史与未来趋势、认知心理学与人机工程学概述 、交互设备、人机交互技术、交互概念设计
行业职业分析
行业介绍,UI设计师职业发展与规划,UI设计项目工作流程,UI设计师工作范围,UI设计师必备技能,UI设计师常用设计工具及常用术语,UI设计师就业流程。

UI交互-平面设计部分

  • 1
    Photoshop
    熟练掌握PS在图像编辑、图像合成、校色调色及特殊效果制作四大部分的技巧以及配合AI的基本应用
  • 2
    Illustrator
    AI工具使用,印刷出版、专业插画、多媒体图像处理和互联网页面的制作以及配合PS的应用
  • 3
    Indesign
    专业的排版工具讲解、案例排版解析、设计出极具吸引力的页面版式、在页面布局中增添交互性、动画、视频和声音等
  • 4
    Acrobat
    专业电子书应用介绍、PDF文件制作、不同平台之间的PDF应用、加密文件的制作。
  • 5
    商业广告创意实战1
    在PS基础上面,全程实例图像处理、创意设计、P0P海报设计、DM宣传单设计、图形图像应用、以及与AI的结合应用等(报此班需要PS基础)
  • 6
    商业广告创意实战2
    在AI基础上面,全程实例讲解印刷工艺应用、插画设计应用、P0P海报设计、DM宣传单设计、贴图设计以及与PS的结合应用等(报此班需要AI基础)

UI交互-网络设计部分

1 平面构成与设计
学习点的构成形式、线的构成形式、面的构成形式,训练培养各种熟练的构成技巧和表现方法,培养审美观及美的修养和感觉,提高创作活动和造型能力,活跃构思。
2 色彩构成与设计
学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、色彩表现手法、色彩视觉心理与性格的对比;提高色彩的综合审美能力。
3 立体构成与设计
立体构成的概念特征及作用、材料要素及加工工具、 视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面的应用

UI交互-创意设计实战训练

字体专项设计字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志、广告设计、P0P、DM、CI等设计中的应用。
版式专项设计版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、挂历、海报等中的应用。
图形图像创意设计图形的构成、图像的形式、图形图像的分析与创意、联想和设计、经典图像的分享
L0G0专项设计a.L0G0起源和特质、标志设计的基本要求、主流趋势、国际规范、标志三要素 b.L0G0标志设计的表现形式、标志的起源、标志设计分类 c.L0G0标志设计的流程、原则、标志的设计禁忌、标志设计的特点 d.L0G0标志设计的颜色应用、意义、原则、形式美法则 "
VIS视觉识别系统CI企业形象设计、企业标志设计,VI系统创意设计、VI应用要素设计,标准字体、标准色、标准组合设计介绍以及成套VI手册的分享

UI交互-网络设计实战训练

  • HTML
    HTML的语法及HTML的新特性,HTML的实际应用及案例分析
  • Web标准布局Div+Css
    详解DIV+CSS布局重构的技巧,使学员能够针对不同的用户体验设计出不同的结构布局。熟悉各种浏览器的特点,并能熟练掌握各种浏览器兼容的制作方法和技巧。
  • Web交互表现
    使网页和用户之间实现了一种实时性的、动态的、交互性的关系,它使网页变得更加鲜活。在这里我们将学到的交互理论与常用的web特殊效果,用足够的创意,开辟交互动画的新时代
Web美工综合部分1

a)PS网页设计:PS在网页设计领域的应用,以及成套网页布局流程解析,经典网页案例设计 b)版式构图表现与版式设计技巧:设计的基本原则、构图、光影透视以及点线面元素处理等重要版式布局理念。如何让网页界面更加吸引力,突破以往的网页版面格局等新鲜内容。 c)网页配色技巧:色轮、色彩关系、色彩心理暗示以及不同色调的设计技巧。如何运用色彩理论为新设定配色方案,以及运用色彩打动用户。

Web美工综合部分2

d)中的字体搭配与排版:在网页设计中,我们将透过大量的范例,了解字体的特征,最终得以灵活应用。内容包括字体的使用、文字标题的制作、文字段落的排版等。 e)网页美工综合实训:运用本模块学习的知识,设计并策划“企业门户页面、电子商务页面等”使学到的技能得到进一步巩固。

申请免费试听
全国招生热线