暮羽鑫:ui设计如何学习

北京/设计爱好者/5年前/36浏览
暮羽鑫:ui设计如何学习
暮羽鑫

ui设计如何学习

那ui设计如何学习?有没有什么简单快速的方法?那今天和大家分享一下关于ui设计的知识点。新手赶紧看过来哦,这些看了之后会对你的学习之路有一些了解和建议。当然对于UI设计如何学习这个问题,对于每个人来说都会不一样适应的方法自然不一样。


UI即User Interface(用户界面)的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指界面的样式,美观程度。


一般所说的UI设计多指UI视觉设计,但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也要懂点交互设计和产品方面的知识,即懂用户体验设计(User experience),国内称UE,国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。


ui设计不同于平面设计,不仅是“做图”这么简单,它的内容实际包括视觉设计、交互设计和用户体验这3个维度。这些维度让UI设计突破我们熟知的移动应用与网页,慢慢走向需要与用户产生更多交互的其他场景。


工作流程


在开展设计产品UI之前,我们应当根据功能的优先级或者相关调研数据,结合常规设计原则来建立应用的界面交互框架,即交互线框图。


交互线框图须对零碎且尚未流程化的功能信息进行归纳和整理,首先要交代应用中都有什么东西,并设计合理的信息结构,明确这些元素的具体位置,最后再详细描述用户与界面元素之间的交互行为,包括如何操作以及相应的操作反馈、跳转路径等。


UI设计疑惑


1、目前UI设计前景如何?


“物联网”新时代,对用户体验和UI设计有着巨大的需求,也将为UI交互设计的就业带来前所未有的人生机遇,UI设计的社会需求不仅不会短期内饱和,还会持续性放大。


2、UI设计需要学什么


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


3、UI设计需要掌握哪些设计软件


从平面静态到动态再到网页,你需要学会PS 、AI、 AE、 AXURE ,DW


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


很多人会说我不会画画,学ui会不会有影响。


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


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


需具备的一些条件


1.需能常保有学习新工具的挑战


2.需有面对跨领域协作的能力


3.需了解各平台间的设计规范


4.需能快速地接受新事物、创新、改变


5.需加强对设计的敏锐度与洞察力


ui元素——图标


UI最重要组建之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。

图标规范

很多设计师以为UI设计就是设计图标。虽然事实并非如此,但图标的设计在整个UI设计中是比较基础的一个环节。

图标与品牌标志一样,在设计时都需要做适当的减法,应该尽量用简约的线条去表达其含义,应该尽量避免出现线条结构过于复杂的设计,而且整体的图标都需要保持风格一致,例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等等。

别是对于新人,所以大家一起来看看图标设计的规范吧:

1 像素对齐

需要严格的做到像素对齐,尤其是在做较小尺寸的图标时,如果不严格的遵循像素对齐,那最终的显示效果就会出现问题。

2 多用布尔运算

在做图标的时候,能用基本图形进行布尔运算的时候,尽量不要使用钢笔,这样做的好处有如下几点:

让你的图标更加规范

对图形结构理解更加深刻

后期更改形状更加方便

3 独特的风格

在做系列图标的时候,一定要在前期给图标设定一个风格及原则,使之看起来与众不同。

在这里值得一提就是,我们在做线性图标时,一定要保证描边粗细相同、圆角相同,如果这些基础的规则都没有遵循,那也就谈不上风格的统一、创新了。

4 视觉大小统一

在进行图标设计的时候,我们会使用栅格辅助线来帮助我们更加严格谨慎,但一定不要被辅助线困住,学会灵活运用,保持视觉上的大小统一。

在如今的APP设计环境当中,一些APP设计大牛都一直强调,所以在图标的设计中,我们也必须强调“品牌性”,简单的说就是把品牌中的抽象的概念变成具象化的图形,把品牌主副色调应用到图标设计中。以上就是关于ui设计如何学习问题的一些看法。

0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
王的朋友 & KING FRIENDS
Homepage recommendation
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in