首先,让我们来看一看,想让UI视觉设计能够更上一层楼所需要具备的一些基本原则吧。
基本原则其一:让字体回到基本
通过字体和排版,你就能知道设计师的各种想法和想要达到的目的。字体,可以说是设计的基础。
?也可以设计全体都由字体构成,选择合适的字体进行定制。为了改进设计排版,首先可以从基础进行学习。
追踪和字距等这些专业用语,将有助于你的排版。与下面的插图相结合,让我们一起来总结归纳各个用语的意思吧。
?然后,让我们来学习如何将字体组合。作为更方便实践的样本案例,推荐FontWolf
和FontPair。如果有一个良好的字体组合,设计将会发生很大的改变。
基本原则其二:让留白变得均衡
留白空间,将有助于体现设计运动的垂直和水平方向。特别是在创造视觉层次时,有着作为各个设计要素之间的关联提示的重要作用。
?Behance或Dribbble这样的网站可以为你的设计提供很好的灵感。但更重要的,制作良好的平衡空间,你还需要不断磨练自身的直觉。
深入学习了字体,你会发现留白的间隔是非常重要的。调整字间距和行距,为眼睛留下合适的空白空见。你可以尝试着使用KernType,他能让你在游戏中学会使用字距。【操作方法,鼠标点击想要移动的字母,左右键移动,觉得每个字母距离差不多了就点Compare,他就会给你评分。
?还有另一种练习方法,一边仔细观察完成的设计,分析他们是怎样达到平衡的,一边不断的对配置进行调整。同时尝试确认负空间对平衡的影响效果也是非常不错的。
基本原则其三:利用大小来表现层次感
在制作具有视觉层次感的作品时别忘了尺寸。利用尺寸来传达各个设计要素之间的关系,将流动性表现出来。
?尺寸也是使用网格效果的理由之一。使用网格,你可以通过改变尺寸来表现出不同的重要程度。
确定了设计要素的大小,就可以将相同尺寸的要素组合在一起。这就是说,保持一致性(英: Consistency)是非常重要的。
?让选择尺寸变得更加熟练需要通过以下的练习。这之中关键便是“反馈”。
首先让我们绘制一个着陆页的草图,然后做成“线条框架[注1]”。接下来,拜托朋友看看你的设计,将显眼的部分用笔给圈出来。最后让他们按照显眼的顺序,给圈住的部分标上数字。最终,你便可以得到你所期望的结果。
在练习时,记得多问问自己下面几个问题。
制作这个着陆页的目的是什么?怎样做才能更加合适?
不同要素之间的关系是什么?哪个要素需要强调?
完成的这个布局,能通过页面来诱导用户的视线吗?
基本原则其四:用颜色传递信息
颜色扮演着传达信息或概念、表现特定情感、表现设计的统一感等各种各样的角色。
?有关配色方案的详细内容,我们可以参考以下条目。我们总结了其中一些特别重要的要点。
在决定配色之前,让我们先明确设计的目的。良好的设计,配色是由符合他的设计目的决定的。
确定目标受众。色彩抓住人心有着各种各样的理由,一个人的喜好、文化程度、经验等等,都对其有着不同程度的影响。
选择配色版时,首先简约是非常重要的。其次让我们决定主要与次要的重点色彩。最后,让我们来决定代表错误与成功的UI颜色。
?如果你很好的理解了颜色的基本原则,接下来只要进行反复不断的实验。积极的尝试各种各样新鲜的配色是非常不错的办法。
作为提高配色水平的一种方法,你可以提取你喜欢的照片或杂志的配色,在现有的设计中加入新的配色方案。
确认设计的氛围和色调是怎样变化的吧。传递出的信息同样也随之变化。
注1:线性框架,就是网页的“布局”。在线性框架上用不同的色块进行填充,来解决什么设计元素放在什么位置的问题。具体可以看这张图,看完之后今天的需要了解的4条UI设计基本原则就结束了。
??
首发地址: 需要了解的4条UI设计基本原则_丝路教程网
资源地址: http://blog.silucg.com/UI/6274.html(分享请保留)