需要了解的4条UI设计基本原则

首先，让我们来看一看，想让UI视觉设计能够更上一层楼所需要具备的一些基本原则吧。

基本原则其一：让字体回到基本

通过字体和排版，你就能知道设计师的各种想法和想要达到的目的。字体，可以说是设计的基础。

?也可以设计全体都由字体构成，选择合适的字体进行定制。为了改进设计排版，首先可以从基础进行学习。

追踪和字距等这些专业用语，将有助于你的排版。与下面的插图相结合，让我们一起来总结归纳各个用语的意思吧。

?然后，让我们来学习如何将字体组合。作为更方便实践的样本案例，推荐FontWolf

和FontPair。如果有一个良好的字体组合，设计将会发生很大的改变。

基本原则其二：让留白变得均衡

留白空间，将有助于体现设计运动的垂直和水平方向。特别是在创造视觉层次时，有着作为各个设计要素之间的关联提示的重要作用。

?Behance或Dribbble这样的网站可以为你的设计提供很好的灵感。但更重要的，制作良好的平衡空间，你还需要不断磨练自身的直觉。

深入学习了字体，你会发现留白的间隔是非常重要的。调整字间距和行距，为眼睛留下合适的空白空见。你可以尝试着使用KernType，他能让你在游戏中学会使用字距。【操作方法，鼠标点击想要移动的字母，左右键移动，觉得每个字母距离差不多了就点Compare，他就会给你评分。

?还有另一种练习方法，一边仔细观察完成的设计，分析他们是怎样达到平衡的，一边不断的对配置进行调整。同时尝试确认负空间对平衡的影响效果也是非常不错的。

基本原则其三：利用大小来表现层次感

在制作具有视觉层次感的作品时别忘了尺寸。利用尺寸来传达各个设计要素之间的关系，将流动性表现出来。

?尺寸也是使用网格效果的理由之一。使用网格，你可以通过改变尺寸来表现出不同的重要程度。

确定了设计要素的大小，就可以将相同尺寸的要素组合在一起。这就是说，保持一致性(英: Consistency)是非常重要的。

?让选择尺寸变得更加熟练需要通过以下的练习。这之中关键便是“反馈”。

首先让我们绘制一个着陆页的草图，然后做成“线条框架[注1]”。接下来，拜托朋友看看你的设计，将显眼的部分用笔给圈出来。最后让他们按照显眼的顺序，给圈住的部分标上数字。最终，你便可以得到你所期望的结果。

在练习时，记得多问问自己下面几个问题。

制作这个着陆页的目的是什么?怎样做才能更加合适?

不同要素之间的关系是什么?哪个要素需要强调?

完成的这个布局，能通过页面来诱导用户的视线吗?

基本原则其四：用颜色传递信息

颜色扮演着传达信息或概念、表现特定情感、表现设计的统一感等各种各样的角色。

?有关配色方案的详细内容，我们可以参考以下条目。我们总结了其中一些特别重要的要点。

在决定配色之前，让我们先明确设计的目的。良好的设计，配色是由符合他的设计目的决定的。

确定目标受众。色彩抓住人心有着各种各样的理由，一个人的喜好、文化程度、经验等等，都对其有着不同程度的影响。

选择配色版时，首先简约是非常重要的。其次让我们决定主要与次要的重点色彩。最后，让我们来决定代表错误与成功的UI颜色。

?如果你很好的理解了颜色的基本原则，接下来只要进行反复不断的实验。积极的尝试各种各样新鲜的配色是非常不错的办法。

作为提高配色水平的一种方法，你可以提取你喜欢的照片或杂志的配色，在现有的设计中加入新的配色方案。

确认设计的氛围和色调是怎样变化的吧。传递出的信息同样也随之变化。

注1：线性框架，就是网页的“布局”。在线性框架上用不同的色块进行填充，来解决什么设计元素放在什么位置的问题。具体可以看这张图，看完之后今天的需要了解的4条UI设计基本原则就结束了。

??

首发地址: 需要了解的4条UI设计基本原则_丝路教程网

资源地址: http://blog.silucg.com/UI/6274.html(分享请保留)