UI平面设计如何排版,页面排版一般将文字设置为左对齐

作者:王秋霜

UI平面设计的排版方式有左对齐、使用一种字体、跳过一个字重、指数级增长设定字号、对齐到一个轴线。

左对齐:将文字设置成左对齐,这样便于用户更快速地找到边缘和阅读。

使用一种字体:避免使用2种以上的粗衬体、手写体等,使用一种字体能够更好地运用、掌握。

跳过一个字重:改变字体权重时,从light到bold,或从medium体到heavy。

UI平面设计如何排版,页面排版一般将文字设置为左对齐

一、UI平面设计如何排版

1、左对齐

在页面排版的时候,将你的文字设置为左对齐。人们的阅读动线呈F形,从上到下,从左到右。通过左对齐文字,眼睛可以更容易地找到边缘,更易于阅读,防止由于这个原因缩进段落的第一行。

2、使用一种字体

避免使用两种相同类型的字体。例如,不要使用两种以上的非衬线体、粗衬体或者手写体。使用一种字体,指导你可以非常好的运用它和掌握它,比如:方正兰亭体、苹方字体。

UI平面设计如何排版,页面排版一般将文字设置为左对齐

3、跳过一个字重

在改变字体权重的时候,从light到bold,或者从medium体到heavy。设计的关键就是对比,把标题和内容当做两个元素,粗体和细体对比的标题字体组合,获得最大的视觉效果。

4、指数级增长设定字号

在移动端阅读类文字通常为14px,那么标题最少为16px,所有的字号增长按照指数级增长,例如可以使用2px的2、3、4、5次方设计字号。

5、对齐到一个轴线

沿着一个主坐标构建你的字体排版,并将字体元素对齐到网格线。无论左对齐、居中对齐、右对齐、必须有一个对齐的轴线,统一对齐方向。

UI平面设计如何排版,页面排版一般将文字设置为左对齐

二、UI设计的流行风格有哪些

1、图与线叠加

(1)图与线的叠加设计是非常常见的一种风格,这种风格设计最大特点:形式感、聚焦、简约而不简单。

(2)这种风格还可以是将线圈与文字叠加图片的方法呈现,有一种层叠纵深布局感受。

2、纯文字版式

(1)纯文字版式也是非常多设计师会选用的设计风格,有很多优秀的案例都是运用了大字排版的设计方式。

(2)从另一个角度来看,将文字放大处理也是一种图形化的方法。

3、图文混合

(1)图文混合设计风格大胆有趣,可以起到吸引人视觉注意力的作用。

(2)这种设计风格更多的是追求形式感与观赏性。

(3)图文混合设计,不光只是图片与文字混合排版,还可以是图标与文字、粗字体与细字体之间的混合穿插。

UI平面设计如何排版,页面排版一般将文字设置为左对齐

4、圆形版式

(1)圆形本身自带超强亲和力、聚焦力,用圆形作为设计元素可以解决枯燥的版式,使画面变得丰富有趣。

(2)还可以将文字处理成圆形,与圆形形状相呼应。

5、文字轮廓化

(1)将文字轮廓化设计处理,减轻了文字的视觉重量感,更像是将文字进行线条化设计处理。

(2)文字轮廓化设计还可以用在背景中,作为设计装饰效果。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。