ui如何设计,该如何更好的做ui设计

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

用户界面作为人与机器交互的媒介,能直接影响到用户使用软件的难易程度。好的UI设计能够让软件的使用变得轻松自如,所用人都能用,所用人都能会用就是UI设计的最大目标了。下面,让北大青鸟来给大家讲解一下UI设计的几个要点。

交互设计

交互设计是指两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。比如说:当某个按钮按下去的时候,呈现比原来更深的颜色。简单来说,就是用户的操作导致了一些变化。交互设计对于受众使用软件是否顺畅具有重要作用。

ui如何设计,该如何更好的做ui设计图1

界面设计

界面设计跟平面设计有很大不同。但是界面对于用户来说是工具,所以好用是工具所要具备的第一品质,为了不干扰用户,不要添加不必要的装饰。为了使界面干净,要适当隐藏一些不重要的功能,但是用户可以通过有效的方法找到这些功能。创意动画、图标动画、3D、视频背景等都是UI设计的趋势。简约化的设计也越来越受到人们的欢迎。

ui如何设计,该如何更好的做ui设计图2

图标

尽量使用通用的图标。使用通用图标会让用户更容易使用,也更容易让用户对界面产生亲切感。除了通用图标,我们也要设计能够体现软件特点的新图标。使软件有一定的个性和差异性,同时使用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力,提升用户体验。好的图标设计既要有特点,有亲和力,又能让界面很干净。

色彩

相同的颜色,搭配的比例不同,搭配的位置不同,就会产生不一样的感情色彩。不要超过3种颜色是所有色彩原则的基础。如果你没有很好的配色,那就先选择黑白灰吧,如果搭配得当,黑白灰的设计看上去层次也是很丰富的。除此之外,如果你觉得黑白灰单调,可以在黑白灰的基础上加入一种色彩,可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅,又不失活力。

如果你不想再使用黑白灰的话,可以使用同一色系进行色彩搭配,但一定要注意整体的协调。可选择使用互补色或是邻近色进行搭配。

ui如何设计,该如何更好的做ui设计图3

易懂

语言要保持一致,同时尽可能地准确。例如,如果你使用了“查找”,就不要在同样的情况下使用“搜索”。同时要避免专业术语的出现,尽可能地避免造成用户的迷茫。

在语言的使用上要体现出情感关怀,要给用户亲切、友好、轻松的感受。

ui如何设计,该如何更好的做ui设计图4

实践出真知,以上只是要点的累积。只有在实践中你才会懂得如何去使用。

现在的环境,免费的UI 教学资源真的非常多,也有许多付费教学资源,校园里也有UI 设计课,而我当时是如何从完全不懂设计到成为一个UI设计师?

ui如何设计,该如何更好的做ui设计图5

设计师Anu经验谈说:实际累积作品,没错!但要如何提升UI能力,累积好作品呢?

我的学习方式是:研读吸收、实地练习、回馈分析,不断循环。我认为要累积好作品,「研读吸收、实作、回馈分析」这三步缺一不可。

如果你选择付费课程学习,通常这三个部分都有在课程规划里,能够系统性的循序渐进学习。若有预算,其实可以投资自己上课。

如果你想自学,以下是我过往的经验,希望写得足够具体,能够鼓励一些不知道怎么进行的人,踏出第一步:

ui如何设计,该如何更好的做ui设计图6

一、 研读吸收:建立专业知识素养

重点在于建立所有跟设计、UI 有关的专业知识素养,因应想要增进的UI 能力,要看的资源都不同。

设计App:google material design/ iOS human interface guidelines

设计网页:RWD (Responsive Web Design)、breaking points 原则与概念

二、 实地练习:从做中学熟悉工具、真正产出

看完下一步,就是卷起袖子实作了。空有好素养与浓厚知识,做不出好UI的话只是纸上谈兵。这里也不谈各种技术软体,UI设计可以从学会sketch开始,再搭配学习使用prototype工具。

职场上直接面对案子就是很好的实作,如果没有机会怎么办?

找市面上你有兴趣的上线产品,尝试redesign 一整套:优点是可以练习设计系统,缺点是门槛比较高(需同时具备UX 研究、规划能力)、要产出完整的一套作品花时较长。

如果以上两个方向,对某些人来说仍然困难(打开sketch 来脑袋就是一片空白),那么就从「模仿」开始!模仿不是为了抄袭,而是在学习过程中观察好的UI 设计案例、拆解它的规则:哪里好、为什么好,吸收成为自己的基本专业素养,先有基本框架,你未来才有可能打破他。

三、 回馈分析:思考如何可以更好?

实作完有产出还没结束,若想成长、突破盲点,就要分析你的产出「哪里好,哪里可以更好」。

怎么分析呢?

从专业设计知识去分析:例如易读性、易辨性、UI 上建议最小的按钮大小等经验法则,就会牵涉到UI 排版上的字体大小、颜色使用等等,当你了解越多,你就有办法分析一个UI 作品的好与不好。

多方具体对照分析:有两种方式,第一是「不同版本对照」:例如daily UI,网路上有很多人一起做同样主题,做完后,可以与其他人的作品对照,看看与自己的作品有什么差异。第二是「不同人回馈」的对照:请教有经验设计师的回馈,或是到设计师社群邀请大家提供建议!

UI 设计,主要是引导使用者完成最重要的任务,去看你的设计,是否能让使用者达成你的预设任务,你就会理解目前UI 设计上,哪里让使用者困惑,哪里使用者很清楚。

ui如何设计,该如何更好的做ui设计图7

总结

最后,目前的设计师也全都不是设计背景,因为我们有不同的成长背景,学习成为设计师的心路历程与学习路径不完全相同(当然有些也有异曲同工之妙),欢迎你多方阅读,最后找到最适合你的方法。

谢谢有耐心看到这里的你,谢谢想要透过设计让世界更美好的你!

未经允许不得转载:百场汇 » ui如何设计,该如何更好的做ui设计