亚洲人成影院午夜网站_无码人妻精一区二区三区_人人妻人人爽人人澡人人_美女内射无套日韩免费播放

前言

UI设计(ji)(ji)(ji)的核心是‘美(mei)学(xue)’，以前两篇向(xiang)(xiang)大家(jia)介绍了(le)如何提升审美(mei)能力(li)和界面排版，本文将结合自己的工作经验，向(xiang)(xiang)大家(jia)分享(xiang)一些(xie)UI界面排版设计(ji)(ji)(ji)的技巧，希望能给想(xiang)要提升排版能力(li)的设计(ji)(ji)(ji)师带来一些(xie)帮助(zhu)与启发(fa)。

为(wei)什么需要学(xue)习排版？

排(pai)(pai)版是(shi)(shi)每一个设(she)计师都必(bi)须具备的(de)能(neng)力，也是(shi)(shi)UI界(jie)面设(she)计中最难的(de)一部分。它以各种形(xing)式存在(zai)界(jie)面中，如(ru)：纯文本排(pai)(pai)版、图文排(pai)(pai)版等等。是(shi)(shi)设(she)计师在(zai)做设(she)计时接(jie)触多(duo)的(de)地(di)方，却也是(shi)(shi)初中级设(she)计师忽视细节最多(duo)的(de)地(di)方。好的(de)排(pai)(pai)版，能(neng)快速有(you)效的(de)将(jiang)界(jie)面中的(de)重(zhong)要信(xin)息传(chuan)递给用户。因此希望能(neng)通(tong)过(guo)本文，能(neng)让(rang)大家对排(pai)(pai)版有(you)一个新的(de)认(ren)识。

目(mu)前运动端主要布局(ju)样式有哪(na)些？

关于(yu)排版设(she)计(ji)，我(wo)总结归纳了6个设(she)计(ji)技(ji)巧(qiao)（还有许多(duo)技(ji)巧(qiao)），当然这些方法(fa)不(bu)是绝对，但(dan)是如果能融(rong)合贯通的将这些技(ji)巧(qiao)运用到排版设(she)计(ji)中，对界面设(she)计(ji)感将有很大的提升。

分别是：

选择合适的(de)字(zi)体

对齐(qi)原则

亲(qin)密性(xing)原则

具备(bei)呼吸感的力量

合理运(yun)用留白(bai)

对(dui)比的力(li)量

选(xuan)择合(he)适的字(zi)体

同的字体有不同的性格属性，字体选择对界面排版设计具有非常重要的作用。所以我们在做设计时间时，首先需要考虑产品的的属性，目标用户，不同的产品与人群适用于不同的字体。如黑体粗体字醒目突出，适用于画面感强烈，突出强调信息的用途、细体字精致简洁，适用于女性行业、时尚、科技、餐饮等类型内容；宋体、粗体字醒目突出，适用于画面感强烈，突出强调信息的用途等。如下图不同的产品属性使用不同的字体。

最后提醒一下大家，在同一款(kuan)APP中，最好不要超过(guo)两种(zhong)字(zi)体。

对(dui)齐原则

在做界面设计时，需要保持界面上的所有元素都存在一种视觉联系，而不是将元素随意摆放在界面上。对齐会让界面排版井然有序，阅读起来会非常流畅。常用的对齐方式有：左对齐、居中对齐、右对齐。

我们做界面设计时，需要根据实际业务场景去选择合适的对齐方式，形成统一的视觉流。

亲密性原则

亲(qin)密性(xing)就是在设计时将相关的(de)项(xiang)组(zu)(zu)织(zhi)在一起，这(zhei)些相关的(de)项(xiang)可(ke)被看作成一体(ti)的(de)，一组(zu)(zu)的(de)。从而吸引读者的(de)目光，能(neng)够(gou)顺畅的(de)理(li)解我们(men)所表达的(de)意(yi)思。这(zhei)样的(de)设计可(ke)使使页面变得(de)有条理(li)、阅(yue)读逻辑清晰、页面留白变得(de)有组(zu)(zu)织(zhi)感。

在做设计时，我们只要充分理解界面中各元素之间的关系，就会合理性的去运用它，掌握它。

具备(bei)呼吸感

字(zi)体行间(jian)距、行间(jian)距、行长是我们(men)进行排(pai)版设(she)计时(shi)，调节最频繁(fan)的(de)属性。间(jian)距过(guo)短，会(hui)让用户难以阅(yue)，间(jian)距过(guo)长、会(hui)让用户阅(yue)读起来比较(jiao)稀疏，只有创造具备呼吸感的(de)文字(zi)排(pai)版、才会(hui)用户阅(yue)读起来保持愉悦的(de)心情。

行间(jian)距：行间距本身没有一个标准的数值，在设计时我们通常会根据字体的属性与运用场景去设置（一般而言，很多时候我们在设计时，通常将行间距设置为字体的1.5倍），增加文字的呼吸感。

字间距(ju)：字间距指的是文本在横向上的间距。虽然很少有设计师在字间距花费较多的时间，但在文本的阅读上起到非常大的作用。如字间距过于拥挤时，将会降低文本的可读性。

行长：行长是指文本每行的长度，在不同的平台，需要保持不同的文本长度。单行文字如果包含的字数太多，将会导致用户阅读起来感到疲惫。合理的行长会使用户在阅读时很顺畅，反之则会使阅读成为一种负担。

合理运用(yong)留白

留白是设计师老生常(chang)谈的(de)事情，存在页(ye)(ye)面(mian)(mian)布局(ju)中的(de)各个元素(su)之间。留白能够突(tu)出(chu)页(ye)(ye)面(mian)(mian)中的(de)主要元素(su)，制造(zao)页(ye)(ye)面(mian)(mian)的(de)视觉焦点(dian)，吸引用户的(de)注意，提升页(ye)(ye)面(mian)(mian)的(de)体验感。

留白能够使得元素之间的关系更为清晰，更容易被感知，增加页面的呼吸感，显得更为和谐。

对比的(de)力量

对比的(de)目的(de)是营造(zao)视觉感官上的(de)变化(hua)，避免页面排版单调，增强视觉效果。合理运(yun)用对比原则，能(neng)在很大程(cheng)度上提(ti)升页面中文字(zi)排版的(de)层(ceng)次(ci)感与(yu)设计感，还可(ke)以组(zu)织(zhi)信息、清(qing)晰(xi)层(ceng)级、在页面上指引读者，并且制造(zao)视觉焦点(dian)。

大小对比：视觉元素体量之间的差异，能够制作视觉冲突的效果，使页面的视觉层次更为清晰，体量越大则层级越大，也就越突出。

颜色对比(bi)：颜色在排版设计中起着很大的作用，能起到点睛之笔。合理运用色彩对比可以有效地突出重点、区分信息，还可以起到装饰画面的作用。

此外常见的对比有：材质对比、形态对比、空间对比等等。

结语

排版是(shi)数字(zi)时代每个设(she)计(ji)(ji)师都需(xu)要(yao)学习和掌握的(de)重(zhong)要(yao)技(ji)能，无论(lun)你(ni)的(de)设(she)计(ji)(ji)项(xiang)目是(shi)什么样的(de)，这(zhei)些基(ji)本的(de)规则总能给你(ni)的(de)设(she)计(ji)(ji)带来更好的(de)效果(guo)。不过(guo)这(zhei)些排版技(ji)巧都还只是(shi)非常(chang)基(ji)础(chu)的(de)部(bu)分，在实际的(de)设(she)计(ji)(ji)当(dang)中，还会涉及到(dao)很多更加复(fu)杂的(de)排版布局——但是(shi)这(zhei)些基(ji)础(chu)，始终是(shi)最重(zhong)要(yao)的(de)事情。