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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

??

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 序言 首先,明确一点,这篇文章并不是为所有人准备的,而是有特定的目标读者: 想要在开发产品时设计出好看UI的开发者...
    UI我们是认真的阅读 2,713评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,025评论 25 709
  • 身边有一位姑娘, 她来自遥远的祖国东北, 因为老公工作变动,来到这座南方的小城。 有时我觉得她十分奢侈,买很多护肤...
    鱼落阅读 1,684评论 1 1
  • 必选作业: 一、目录部分:回答目录中所带问号的问题 1、在海量信息即时获取时代,我们拼什么? (1)知识数量构建认...
    氵宁采臣阅读 2,622评论 0 0
  • logo
    柠檬气阅读 1,081评论 0 0

友情链接更多精彩内容