首页 > 新闻资讯 > 一个合格的UI设计师需要必备哪些知识
400-656-1390 全国服务热线

课程详情

  • 优惠价格: 电话咨询
  • 开班时间: 全日班
  • 培训周期: 一个周以内
  • 课程简介: 主要包括Axure用户体验;网页UI设计;移动端UI设计几大模块,学制为一周。
  • 上课地址: 深圳市南山区深南大道以北9030号世纪假日广场A座1212-

详细介绍


教学内容:

主要包括Axure用户体验;网页UI设计;移动端UI设计几大模块。

1、Axure用户体验:

学习Axure软件,了解UI设计前期原型设计的流程,具体围绕网页的原型设计与软件的原型设计。并讲解页面之间的跳转、交互状态效果。学习Axure软件,了解移动端的基本原型搭建,了解交互相关的控件与人机交互中的合理想象。主要以APP的原型为主进行学习。学习Axure软件,了解动效设计,例如下拉弹出菜单,轮播图的展示,音乐播放器的时间线效果等。学习交互设计文档的制作,集合整体框架内容,注明页面跳转层级,与设计到各种交互状态的说明。了解用户体验的重要性。从前期产品的开发,到后期的设计。主要学习在功能上、设计上如何提高用户体验。

2、网页UI设计:

了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格。学习网页设计规范,栅格化系统格式塔心理学。模块与细节的规范,网络广告设计讲解。学习网页界面的色彩搭配。了解各种页面导航与按钮的设计法则。系统学习广告banner的设计方式。了解网页中的瀑布流、通栏、F式布局等。学习掌握高级光影学。加强创意构图的设计形式。了解表单的设计与用户体验的融入。系统学习响应式页面设计的布局、模式与方法。锻炼学生在设计页面的同时符合SEO的设计规范。

3、移动端UI设计:

了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格。了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力。了解图标设计中的结构与光影学。具体配色原则等。


五大学习模块,逐步提升设计能力。

1、平面设计模块:PS、ID、AI、CDR四大平面软件。

2、电商设计模块:电商设计知识和技能、装修店铺以及电商运营、DW、代码。

3、UI设计模块:AXURE、原型设计、交互设计、用户体验、网页界面设计。

4、移动端设计模块:ICON设计、手机主题设计、APP设计、营销平台。

5、岗前就业课:补充学习其他硬件UI设计、AE动效设计、互联网营销知识;参加设计项目战,沉淀个人作品,积累实际工作经验。


UI研修阶段:

原型设计学习Axure软件,了解UI设计前期原型设计的流程,具体围绕网页的原型设计与软件的原型设计。并讲解页面之间的跳转、交互状态效果

交互设计学习Axure软件,了解动效设计,例如下拉弹出菜单,轮播图的展示,音乐播放器的时间线效果等

学习交互设计文档的制作,集合整体框架内容,注明页面跳转层级,与涉及到各种交互状态的说明

用户体验了解用户体验的重要性。从前期产品的开发,到后期的设计。学习在功能上、设计上如何提高用户体验

网页设计鉴赏与规范了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格

学习网页设计规范,栅格化系统格式塔心理学。模块与细节的规范,网络广告设计讲解

各类的设计学习学习网页界面的色彩搭配。掌握各种页面导航与按钮的设计法则。系统学习广告banner的设计方式

了解网页中的瀑布流、通栏、F式布局等。学习掌握高级光影学。加强创意构图的设计形式

了解表单的设计与用户体验的融入。系统学习响应式页面设计的布局、模式与方法。锻炼学生在设计页面的同时符合SE0的设计规范

手机主题设计了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格

了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力

了解图标设计中的结构与光影学。具体配色原则等。分析图标的表现形式2d/3d与流行趋势。重点加强想象力的提升与创作能力

设定主题,独立创作一整套的系统图标。学习主题风格的统一化与衍生方式

了解APP当中的控件、功能性图标。学习控件中的具体搭建与配色。训练正负形图标的设计与图标的迭代更新

产品APP研发了解产品开发流程,从前期的PRD到思维导图,低保真到高保真的具体工作流程。学习I0S端的设计规范

了解APP的安卓端设计规范。系统学习APP中主要页面的各种设计形式与规则方法

通过实战,以分组的形式开发一个产品。从需求整理到调研,再到数据整合。终完成基本的原型设计与交互文档

产品APP设计学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示

学习APP中的配色形式与色彩心理学。系统了解登录、注册页面中的用户体验。还有个人页面的展示设计

将APP中的内容信息通过合理的展示方式进行表现。学习APP中的列表式构图、九宫格、圆心点放射、陈列馆、轮播式构图等

了解手机交互中的热点区域,按键区等。系统地分析不同终端的适配法则

系统讲解I0S端、安卓的切图原则。了解两个不同终端的切图方式与不同点。学习mark man软件对APP的注释方法


学习笔记

一个合格的UI设计师需要必备哪些知识


UI设计师需要学习哪些东西?

ui设计要学的东西很多,软件是基础的东西,要想做好出好的ui设计就得先熟练掌握ui设计的基础软件,软件方面有:PS、AI、ID、Firework、Dreamweaver、HTML5、div+css等等


一个网站不仅仅是一组链接过的页面,而是一种体现,一个空间。在这个空间里,不同的人、组织会遇见、沟通、交互。这些互动能为访问者提供体验。作为一名网页设计师,我们的工作就是尽可能地使体验感受更好。

其中的关键就在于优先并且始终考虑你的客户。界面设计侧重于界面功能的布局,用户体验设计则侧重于更大的局面,也就是整个体验,界面设计只是其中的一个子集。


UI设计师需要先了解客户的需求

最重要的是,我们需要定位用户——内外都需要。这就意味着我们的应用能吸引多少流量,更重要的是,了解其中客户地需求,以及他们在满足需求的道路上所遇到的障碍。

而要做到这种程度的分析,我们需要更细致的统计数据,这就需要深入了解网站的用户了。与用户面对面交谈,观看他们的使用流程,询问相关的问题,比如“你对这种设计有什么看法?”,或是其他更深的问题。

用户的需求是什么?是什么在阻碍他们满足自己的需求?而我们的网站将会如何帮助他们解决或是克服这些阻碍?

千万别空想你的用户想要什么,你需要实地深入挖掘。毕竟,欲望只是需求的产物,如果我们能够满足用户深层次的需求。就能满足他们的一些愿望,以及更多的基本要求。

通过数据分析以及与用户的沟通,我们能够得到许多问题的答案,这些问题可能是从如何使用界面,或是界面的重点应该放在哪里。

UI设计中定义界面的使用方法

在设计界面之前,我们需要想清楚它的使用方法。随着触屏的普及,观察比想象更能发挥作用。

亮点:应用程序的用户体验大多来自轻松和流畅的横向触摸。

人们有这么两种方法来使用网站和应用程序:通过与产品进行交互的直接方法,与通过与产品外围进行交互的间接方法。

直接交互的例子:

点击按钮

刷卡

使用指尖进行拖拽

简介交互的例子:

使用鼠标点击

使用键盘命令/快捷键

键入表单输入域

在Wacom上绘图

有时交互很简单。

用户定位以及用户所使用的设备会在很大程度上影响我们的决定。如果是为老年人或是手部受限的人群进行设计,我们就不需要太多的横向滑动。如果是在为通过键盘来与应用程序进行沟通的编程人员或是作家进行设计,那么我们需要支持所有常见的快捷键方式,以最大限度地减少鼠标使用时间。

在UI设计中怎样设定预期

许多网站或是应用都会出现这样的情况:单击按钮就进入付款界面、删除网站或是一些不是很好的界面。每一次点击都有结果,有时还会带来焦虑。

因此,一定要让用户知道如果点击了这个按钮会发生什么。我们可以通过设计或是复制来做到这一点。

通过设计设定预期:

突出显示所需的按钮

使用约定俗成的符号,如用垃圾桶代表删除、加号代表添加内容,放大镜用来表示搜索

选择具有相关含义的颜色,如绿色代表“前进”,红色代表“停止”

通过复制设定预期:

解释清楚按钮的作用

在空白处提供具有导向性和鼓励性质的文字说明

适时发出警告并要求确认

对于不可逆的行为,如永久删除某些内容,则需要询问用户是否确定。

在InVision中,单击垃圾桶图标并不会立即删除,网站会询问你是否确定,并告知操作不能撤销。

UI设计师怎样预测可能出现的错误

人都会犯错,而神明会原谅犯错。——Alexander Pope《论批评》

人总是会犯错,也总是不得不承担后果。这里有两种方法可以减少错误的影响:

1.防止错误发生

2.亡羊补牢,为时不晚

我们能在很多电子商务网站以及表单设计中看到很多规避错误的方法:在填写完所有空格钱,按钮并不被激活;表单常常会检测到电子邮件地址错误;以及弹出询问窗口询问你是否真的想清空购物车。

与亡羊补牢相比,预测错误从而规避往往没那么沮丧,毕竟点击“下一页”或是“提交”时在发现错误简直太难过了。

在写防错说明时,我们需要确定说明说清楚了两件事:

1.把问题解释清楚了,例如,“你说你出生在火星,但人类并没有在火星上殖民,所以出错了”。

2.将问题的解决方法解释清楚。例如,“请选择地球上的一个出生地”。

另外,请注意我们还需要一个保留之前的某些状态,好查看之前并没有出现错误的情况。例如,如果我不小心删除了某些重要文件,但实际上可以回复文件,请使用一行文字让我知道有这个功能,就像“您可以转到垃圾桶还原已删除的项目”一样。

预测用户错误的原理称为poka-yoke原理,这是一个日本术语,意为“防错”。

UI设计中怎样实现反馈迅速

在现实世界中,环境总是给予我们反馈,我们说话,别人回应;我们撸猫,猫则会发出咕噜声或是嘶嘶声,当然这取决于它的心情。

数字界面往往不会给予我们反馈,我们总是不知道是否该重新加载页面、重新启动笔记本电脑,还是将它关闭,从最近可用窗口中删除。

所以我们可以设计一个加载动画。当我们点击它时,让那个按钮弹出并反弹,当然幅度不要太大。如果我完成了一些事的时候,也可以设计一个虚拟的“击掌”,让我知道我的完成情况。

MailChimp在用户安排或者发送电子邮件是提供反馈和建议

但要确保反馈最够迅速。Usability.gov将任何冲过1秒钟的延迟定义为中断,超过10秒基本可以说是受损了。但实际上,只需要三秒钟,就能让美国一般的人口受到影响。

如果页面只能在5秒左右加载好,就不需要显示进度条了,因为这会使得加载时间看起来更长了。单可以使用并不明示前进的可视化,例如Mac的“死亡风车”。如果我们需要在网站上使用进度条,请考虑尝试使用一些视觉技巧,这样能让加载看起来更快一些。

事实证明,想要设计出更优秀的效果,合理地运用技巧其实更重要,而且是可以出效果的。“能不能做的再高级一点儿?!”对于每个UI设计师而言,总会听到客户和老板提出这样的要求。这时候,很多人会在心里默默的翻上一个白眼:“我又是艺术家,我没法作出更好的效果!”又或者你正在制作一个你自己的个人项目,而你希望它比 Bootstrap 的默认效果要强一些。这时候,你可能又会在心里打退堂鼓:“怎么能作出更好的效果?”


(如需转载,请注明出处)

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

学校课程

学校动态

预约试听

只要一个电话

已有415546名同学预约成功!

我们为您免费回电

立即申请
首页 | 课程 | 新闻| 知道
© 2019 hxsheji.cn 版权所有.
江苏厚学网信息技术股份有限公司.
苏ICP备14012599号-10