APP下载

ui小白快进来了解一下ui设计到底要干什么

消息来源:baojiabao.com 作者: 发布时间:2024-05-11

报价宝综合消息ui小白快进来了解一下ui设计到底要干什么

说到UI设计,外行人看来似乎觉得很简单,一些圈圈框框线条。而薪资在设计师中又是算高的。

说到这,那真的要为各位ui设计师们抱不平。

ui指的是什么呢?

UI即User Interface(使用者界面)的简称,UI设计是指对软件的人机互动、操作逻辑、界面美观的整体设计。

我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字型方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也要懂点互动设计和产品方面的知识,即懂使用者体验设计(User experience),国内称UE,国外叫UX(全栈设计师甚至要懂程式码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。

下面就以3类设计师为例

解锁一下设计师们强悍的技能

UI设计师——不是日常做着各种 APP 的界面图,然后再加上一些ICON这么简单,TA负责软件的界面美观、操作逻辑、人机互动的整体设计,需要掌握扎实的平面构成、色彩构成、版式设计、设计心理、设计原则与规范、绘画等技能。UI设计师的水平,直接决定了App、网站的“颜值”。一个好的UI设计师,能润物于无声,在浑然天成的设计中为产品注入新的价值,而绝不是普通的打杂美工。

UX/互动设计师——做以使用者体验为中心,使互联网产品产生使用者粘性的设计。TA需要理解并分析不同使用者的背景、需求和mental model(心智模型),提出能让使用者觉得直观、高效又有趣的互动方案,并且通过user validation来验证这些方案。简而言之,UX设计师承担着提升界面可用性的重任。

UXD/全栈设计师——目前用人企业在设计维度,最需要最紧缺的复合型人才。UXD全栈设计能力结构是由UI(界面视觉)+UX(互动设计与使用者体验设计)+Design(跨界设计)共同组成,所以一名优秀的UXD全栈设计人才是同时具备UI、UX、Design几大能力,技能点Max,成为众多设计师所追求的发展目标。

UI设计行业远没有想象的那么简单

举个栗子

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

大家都以为的步骤是:

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

但其实真实的情况呢

我们先要确定主题色

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

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

……尝试24个色之后

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

黑眼圈*1

然后又开始尝试各种样式

“圆角太大有点幼稚”

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

……尝试24个圆角画素后

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

黑眼圈*2

最后开始尝试各种效果

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

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

……尝试24个设计效果后

“嗯,勉强就这样吧”

黑眼圈*3

据说当年微部落格户端的底部按钮改版

飞机稿壮观成了这样

最后才有了线上这个样子

再来举个例子

UI设计好坏如何影响到一个产品

以下两个界面来自同样的互动文件

但为什么左图看上去就低端一些呢

这就是大家留意不到的设计细节

看似无关痛痒的地方

就决定了一个UI设计的好坏

除了右图的简约调整方向

UI设计师还能从细节着手

将整体上升一个level

即使不用操刀大改

只是调色调位置也能有不一样的效果

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

这些设计中的小经验

都是在实践中积累起来的

并不是随便临摹一下

就能完全学会的

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

说到这里,我相信我们粉丝中有很多小伙伴对ui设计感兴趣但是没入行。

那对于高工资的设计来说,很多初学者小伙伴疑问多多?下面就简单的说一些。

1、UI设计需要学什么?

需要学习的内容主要包括工具软件的使用和设计思维的培养。

2、UI设计中手绘能力重不重要?

很多粉丝问,我不会画画,学ui会不会有影响。

放心,不会有影响。手绘可以算ui设计中的一部分,但不会成为主导。只是辅助ui设计的一个能力。

会素描、手绘,你对透视,结构,光原理,光色等方面会的熟练,那样能提高你在工作时的效率。但是你不会手绘,并不影响你设计,这些感观,可以后期慢慢培养。

3、UI初学者如何有效学习?

对于这个问题,在这里我相信有很多想要学习UI的小伙伴,我自己是一名从事了多年UI设计的设计师,辞职目前在做自己的UI私人定制课程,我花了一个多月整理了一份最适合2019年学习的UI学习干货,从最基础的UI学习都有整理,送给每一位UI小伙伴,想要获取的可以关注我的头条号并在后台私信我:学习,即可免费获取

2019-12-31 10:52:00

相关文章