ui图标设计原则有哪些?UI设计要学的软件
当前位置:贝知网>知识分享>设计开发>ui图标设计原则有哪些?UI设计要学的软件
ui图标设计原则有哪些?UI设计要学的软件
时间:2022-07-30 设计开发

ui图标设计原则有哪些?UI设计要学的软件

ui图标设计原则

在进行ui图标设计的时候,需要遵循一定的原则。如:1.易于识别;2.合适的图标惯例;3.合理的隐喻;4.联系上下文;5.差异性等。以下是相关内容的介绍。

1.易于识别

易识别性是图标设计中最重要的部分,它可以使用户更准确地理解设计的含义,从而进行选择和操作,达到图标设计的目的。

2.合适的图标惯例

对于一些熟悉的、固定的事物或完成方式,在设计时尽量采用合适的图标惯例,如左指、右指的箭头等,使用户不会停下来思考,从而提高效率。

3.合理的隐喻

隐喻是指用一个事物来隐喻另一个事物的行为,是一种暗示。在图标设计中,不要轻易改变已经形成惯例或者已经被用户广泛认可的隐喻元素,例如放大镜、回收站等。而在隐喻对象的选择上,要注意与实际功能和外观特征相匹配。

4.联系上下文

图标不应孤立使用,而应与上下文中的其他元素相联系,相互协调。从各方面都要做到与上下文的其他元素相联系,整体要和谐统一。例如,界面设计的风格是森系,那么石头、木头、蘑菇、藤条、花朵等都是很好的图标设计元素。

5.差异性

图标设计除了上述要与其他元素相联系并符合语境外,还必须存在差异性,这是便于识别的重要依据。只有区别于其他设计,才能使设计具有独特的风格和创新性。

UI设计要学的软件

学习UI设计需要学的软件有这些:Photoshop、Sketch、adobe

XD、Figma、即时设计、Master、Pixso、MockingBot(墨刀)、摹客、Axure RP、Illustrator(简称AI)、After

Effects(简称AE)。

1、Photoshop(简称PS)

不懂设计的人也听过PS的鼎鼎大名。准确来讲PS是一个强大的综合型软件,主要用在位图处理上,既可以做图片处理,也可以做UI设计、平面设计、画图标、画插图,甚至处理视频做3D。也正因为它的强大和综合性,在UI设计方面效率并不高。

2、Sketch

Sketch的出现极大的提高了UI设计的效率,不像PS的综合性,Sketch专精UI设计一方面,不能修图不能处理视频。优秀的组件功能加上大量开发者提供的功能各异的插件让Sketch在UI设计方面十分强大。目前Sketch也是各大企业最为主流的设计工具,但是只有MAC版。

3、adobe XD

可能是Sketch的崛起让adobe感受到了威胁,于是在早期Photoshop

CC中增加了一个叫“设计空间”的功能,但并不好用。好在adobe财大气粗工程师也够多,随后推出了Adobe

XD软件,在交互原型和UI设计功能上都非常好用,流畅程度也比sketch更强。

4、Figma

戏称“肥姑妈”,从使用感受来说,肥姑妈像是sketch和adobe

XD的优点结合体。运行飞快,组件功能、插件功能都非常好用,还有非常强大的社区,数量庞大的素材和模板库。

肥姑妈的主打特点是团队协作,而且能打开网页就能做设计,不受系统平台限制,这样你在高铁上打开手机也能加班了(狗头)。

5、即时设计、Master、Pixso

由于和前面的工具也差不多,这三个一起讲。它们都是新面世的国产设计软件,其实从功能和使用上来说并没有差很多,用起来最接近于肥姑妈。希望国产软件赶紧打开市场,与国外软件形成鼎力。

6、MockingBot(墨刀)、摹客、Axure RP

这三个本来是做原型图的工具,不过拿来做UI也没什么毛病,只要能正常交付程序员小哥哥,并且易用效率高就行。Axure

RP是最老牌功能最强大的原型图软件,目前也是最多产品经理选择的软件,地位类似设计师的PS。墨刀、摹客是国产的软件,也是不错的原型图软件。因为功能主要在画原型图上,要做UI还是选前面的设计软件比较好。

7、Illustrator

矢量图形软件,虽然适量图形软件也不少,但Illustrator地位类似PS,是相当强大的软件,可以说学设计基本少不了PS和AI。AI开始主要被用在平面设计、插图、字体设计等方面,但AI早就增加了不少针对UI的功能,也是非常高效的UI设计工具。

8、After Effects(简称AE)

AE本是做影视后期特效的软件,但很多设计师用它来做UI动效设计,由于在影视特效方面的强大,AE做起UI动效来可以非常细腻炫酷丝滑吊炸天。

但是UI通常页面非常多,如果既要动效又要有页面间的逻辑串连的话,AE就不太适用而且学习门槛稍高。好在Sketch、adobe

XD、Figma、即时设计等都能轻松完成元素动效和页面间的逻辑串连。