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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

??

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,529评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,015评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,409评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,385评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,387评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,466评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,880评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,528评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,727评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,528评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,602评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,302评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,873评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,890评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,132评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,777评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,310评论 2 342

推荐阅读更多精彩内容