长沙天琥电脑培训学校
招生热线:400-656-1390

学校地址:长沙市芙蓉区定王台街道黄兴中路88号平和堂商务楼1202

UI设计不就是画线框,凭什么30W?

  你们做ui的不就是画线框图吗

  为什么薪水那么高?

  前几天在上面收到了一条这样的留言

  一名粉丝很疑惑的问小编:

  为什么ui设计师的工资可以那么高

  明明只是对着交互界面画色块跟线条吗???

  作为一枚界面设计师(的同事)

  我真的很想为ui设计抱不平啊!!

  ui设计真是一个备受不解的职业

  常会被误解,然后出现以下场景

  程序欧巴:

  界面画好没?按钮圆的方的不都能用吗?纠结那多干嘛?

  产品经理:

  这次我们就10个页面,半天能够搞定吧,都有交互了。

  其他设计:

  你们不就是画线框图吗?我自学半个月都能转行了…

  仿佛全世界都能做ui设计

  只不过你运气好

  碰上了这个事少钱多的行业

  但讲真,ui设计行业远没有想象的那么简单

  举个栗子

  当我们设计一个按钮的时候

  大家都以为的步骤是:

  看看原型图——加个颜色——加个圆角——完工!

  但其实真实的情况呢

  我们先要确定主题色

  “不不不不,绿色太像安全产品了,感觉不符合品牌”

  “诶,红色好像也不太好有点警示作用,怕吓到用户”

  ……尝试24个色之后

  “嗯,还是蓝色保险又好看”

  黑眼圈*1

  然后又开始尝试各种样式

  “圆角太大有点幼稚”

  “没有圆角又太硬朗了吧”

  ……尝试24个圆角像素后

  “嗯,还是5px的圆角好看”

  黑眼圈*2

  最后开始尝试各种效果

  “投影远了层级关系太大,不好看”

  “投影太浅感知度很弱的,不如不要”

  ……尝试24个设计效果后

  “嗯,勉强就这样吧”

  黑眼圈*3

  据说当年客户端的底部按钮改版

  飞机稿壮观成了这样

  最后才有了线上这个样子

  网传的底部改版图

  认真的设计精神鼓舞了不少人

  说了这么多,还是有人会说:

  “就是你们ui设计师喜欢瞎折腾”

  “按钮深浅有啥影响,能用就行”

  “这行业就是很简单,随便入门”

  呵呵呵呵呵呵呵

  所以是时候放出这张经典的图了

  好的设计都是存在于细节当中的

  小提示:average design 与 good design 的区别在于 good design 在高度上并不是等高的。矩形因为图形特点,在同等宽高的情况下会占有更多的像素,而圆形与三角形如果还保持等高的状态,就会显得小很多。

  so 还会觉得ui设计是画线框图那么简单吗

  这些设计中的小经验

  都是在实践中积累起来的

  并不是随便临摹一下

  就能完全学会的

  所以他们的工资才会辣么高呀

  话说回来,这样就是为什么先转型ui设计并不容易

  因为它是一个经验比手活更重要的行业

  如果没有业内人士的指点

  很难得到的技法进步

  不过你们不用担心

  来厚学网就能够解决所有问题!

  厚学网将是你前行路上永远的伙伴!

  厚学网,进步的力量!

  课程咨询/商务合作请编辑

  (姓名++城市+课程/学校)

  发送到公众号


文中图片素材来源网络,如有侵权请联系删除
申请试听
为您选课

  

  ☆★长沙UI培训教学目的

  ui设计师的灵魂是设计思想,有了创意还要有交互逻辑、规范、用户体验、营销知识,具有把控整个项目进展的能力。系统学习UI设计内容,从UI中会涉及到的用户体验与交互这块开始学习。其次重点学习网页界面设计、响应式设计、软件界面设计、移动端界面设计。目的让学生制作出符合UI规范的界面,并能独立完成相对应的原创作品。在教导设计中,也会涵盖每一块UI制作的具体流程,提生的思维与逻辑分析能力,产品研发与策划能力。

☆★长沙UI培训教学内容

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

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

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

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

分析图标的表现形式2d/3d与流行趋势。重点加强想象力的提升与创作能力。设定主题,独立创作一整套的系统图标。学习主题风格的统一化与衍生方式。了解APP当中的控件、功能性图标。学习控件中的具体搭建与配色。训练正负形图标的设计。了解产品开发流程,从前期的MPD到思维导图,低保真到高保真的具体工作流程。

学习IOS端的设计规范。了解APP的安卓端设计规范。系统学习APP中主要页面的各种设计形式与规则方法。通过实战,以分组的形式开发一个产品。从需求整理到调研,再到数据整合。最终完成基本的原型设计与交互文档。了解导航在APP中的重要性。如何通过不同类型的导航引导用户使用该产品。系统学习导航的12种分类。

学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示。学习APP中的配色形式与色彩心理学。系统了解登录、注册页面中的用户体验。还有个人页面的展示设计。将APP中的内容信息通过合理的展示方式进行表现。学习APP中的列表式构图、九宫格、圆心点放射、陈列馆、轮播式构图。了解手机交互中的热点区域,按键区等。系统地分析不同终端的适配法则。系统讲解IOS端、安卓的切图原则。

了解两个不同终端的切图方式与不同。man软件对APP的注释方法。了解平台的公众号。学习公众号的设计流程与基本要求准则。


  ☆★ID模块

1.介绍软件/新建画布/页面认识/软件优化

  2.视图工具参考线/导出预览模式/渐变填色,文字填色

  3.文字输入编辑(字号、字体、分栏等)

  4.文字群组与复合路径、对齐和分布

  5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪)

  6.基础图形绘制与填色

☆★CDR模块

1.软件介绍(应用领域、优势、缺点)/软件界面(调色板)

  2.基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)

  3.排版需注意的事宜(字号、字体、出血、文字安全框等)

  4.文本格式:文字方向、字符格式、段落格式、段落文本换行(图文混排)、分栏

  5.基础绘图(矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图)

  6.移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)

  7.排列、锁定、造形/图框裁剪/群组与结合、对齐和分布

  8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具

  9.形状工具:A.直接编辑基本形状/文字;B.转换成曲线后编辑

  10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色

  11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶

  12.交互调和、轮廓

  13.变形、阴影、透明

  14.立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)

  15.封套

  16.位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)/效果菜单

  17.表格处理/插入条码、0LE对象(图表)/对象管理器/页面设置、打印

  

  ☆★AI模块

1.介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制

  2.其他格式:制表符、文字属性复制轮廓/简历制作

  3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具

  4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布

  5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪)、剪切蒙版

  6.描边面板/对象/路径/内部填充(网格工具、实时上色)

  7.变形工具/封套扭曲/变换工具

  8.画笔/符号/符号喷枪工具

  9.混合工具(带过,CDR中详说)、透明蒙版(结合剪切蒙版使用)

  10.外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)

  11.图表/位图转矢量图/透明度面板(中叠加方式的使用)

  12.效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理

  ☆★DW模块

  表格切片认识DW界面、工作区,熟练DW基本操作,学习表格,切片

  框架网页掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用,建立简单的传统网页站点

  html+css学习CSS三种嵌入形式、选择符、盒模型、浮动等,熟悉页面布局方法

  盒模型html+css:项目列表与导航,常用css样式、css3样式补充,居中等

  横版网页掌握和熟悉横版网页的制作技巧和注意事项,让与众不同

  竖版网页熟练掌握竖版的制作规范和技巧,不再做的“小白”

  表单制作表单,表单创建与表单样式

  下拉菜单下拉列表,dl、dt、dd下拉效

  卡式选项spry卡式、折叠式、工具提示

  JS套用与发布学会如何套用和调用已有的JS代码,让妙趣横生,引人夺目

  ☆★五大学习模块 逐级提升设计能力

  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需要视觉基础

视觉基础是构成设计语言的小单位,在这一部分,需要运用到我们上面的原子设计理论来寻找页面中的小元素。以一个简单的Button为例,拆解出了基础的四个元素,分别是:色彩,字体,栅格,图标。在移动产品界面的设计中,还会有一些元素比如声音,文案和动效等也是需要考虑的,但都没有前面的四个元素重要,因为没有一个界面可以脱离这四个元素而存在。我们将其暂定为视觉基础四要素。如果在设计过程中尽早的定义这些模块,就能创造更好的界面和交互体验。

以上就是UI设计培训课程的全部内容介绍,如需了解更多的UI设计培训班、课程、价格、试听等信息,也可以点击进入 UI设计 相关频道,定制专属课程,开始您的学习之旅。

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