APP排版设计

怀特滴旅行

30天以前 3浏览
APP排版设计

APP排版设计--内容超多时的杀手锏作者:随着移动互联网时代的到来,越来越多的信息内容需要在我们的App上展示,这就对我们的文字排版能力有了很高的要求。
今天就来和大家分享一下,我的几个应对技巧。
目录对齐方式--使整体整洁方便阅读字体--使重点清晰间距--使阅读舒适度误区总结参考链接对齐方式--使整体整洁方便阅读对齐的意识是一个设计师需要具备的基本条件之一。
当别人说,“这里没有对齐“的言下之意其实就是页面很乱,看起来不舒服。
我们都习惯于有序的事物,对齐会让人从视觉上产生安全感。
左对齐因为我们大多数的用户的阅读习惯是从左向右的,就造成了左对齐。
左对齐是排版设计中最常见的方式,也是阅读最舒服的对齐方式之一。
优势:符合阅读习惯劣势:视觉效果普通右对齐右对齐,只有在文本排列合理的情况下才能使用。
右对齐常用于的在一些小的细节中,比如登陆注册界面、底部导航区块等。
劣势:就会增加惹眼的污染信息,影响用户的阅读速度居中许多非专业设计师倾向于居中对齐原则,同时认为是合理的,这样就导致文本段落难以阅读。
居中对齐是进几年随着流行起来,越来越多设计师用居中对齐作为一些区块内容展示的方式。
可以看到,在许多产品介绍页面,文字用得比较多的是这种居中对齐。
优势:集中表达信息,增加页面层次感劣势:不适用于太多文字内容文章的对齐方式也不外乎上面三种,左对齐是最常见的;居中对齐常出现在内容不多h5页面的;右对齐文字出现的频率小一点,不会以大篇幅出现,大部分在登陆注册或是产品详情界面中常见。
字体--使重点清晰字体大小我们可以通过字体的大小区分文章的标题和内容,让文章有初步的重点划分。
文字的大小要根据它的作用灵活设定。
在做排版设计时,首先要确定正文字体大小,保证用户可以无障碍阅读,然后根据它的大小,来调节平衡决定各个标题以及注释文字大小。
比如,标题的字号最大,解说注释的字号最小,内容字号适中。
字体颜色色彩虽然选择具导向型,能帮助我们突破传统思维,但是我们在做内容页设计的时候,更要确定的是阅读的舒适性。
我们要确保突出内容的同时,字体颜色的不超过3种,以保证页面信息的表达准确。
字重字重,是每个字体自带的文字福利。
在内容页,我们可以通过字重,来实现关键字突出的效果。
这里要注意的是,我们在进行内容排版的时,不要使用PS中的文本加粗。
这种增加字重的方式,会改变文字原本的字宽,造成段落内文字的无法对齐。
合理的方式是使用字体本身的字重来控制,比如苹方字体本身提供等两三种甚至更多的字重。
间距--使阅读舒适度字间距平面排版的时候字间距的微调可以使页面更统一,原因是平面设计并不讲究像素,而将就能否最快的给用户留下印象。
但是在App中并不是这样,内容页中字间距调整的主要目的,是确保用户的阅读舒适无障碍。
如图,为了做到页面对齐让字间距过紧密,尤其是在长句子或段落中,会让用户很快产生阅读疲劳,个糟糕的字间距调整可以瞬间毁掉整个设计。
所以我们要记住一点,在做内容页排版的时候,不要轻易改变字体默认的字间距,字体设计师已经充分考虑了这款字体所适合的字间距,如果不满意可以更换字体。
行间距(配图-很近的行)行间距对文章的易读性有很大的影响。
过大的行间距会给用户以分段的错句,也会加长页面的长度,增加划页次数;过小的行间距,会造成视觉误差产生错行或视觉疲劳等不良阅读体验。
正文行高基本应该设定为,正文文字大小的1.5倍-2倍。
段间距(分割线/留白)1.分割线分割线也是很常见的控制段落间距的方式之一。
很早前就流行在设计圈,最近站酷上也有人分享了类似这些框或者方形元素的在设计排版中的作用。
1.留白是独特而且有价值的工具,巧妙利用留白可以产生一些独特的效果。
它有助于用户把更多的注意力放在一个特定部分,留白可以使设计具有呼吸感,让各个设计模块之间更加稳定。
留白虽然没有添加任何新元素,但是留白设计可以表达多种含义。
常见误区1.字体种类太多设计师在进行字体排版设计过程中,尤其是新手设计师,常见的错误是使用太多的字体。
在做内容排版时,一定要限制你的字体在两到三种以内。
尽量不要在文章段落中使用两种非常相近的字体,去突出重点,这会让读者认为是你粗心使用了错误的字体。
2.文本背景加还是不加内容页排版要记得,不论你怎样设计,都要确保人们可以很容易读到你的信息。
比如,在深色背景上,使用颜色相近的深色文字就是不可取的。
你可以做出一个令人惊艳的设计效果,但是如果你的文字难以阅读,所有的努力都将是徒劳的。
字色太多字色太多不但会影响读者对文章阅读体验,也会打乱一些既定设计规范。
很多时候有颜色的字不但代表着重点也代表着可点击链接。
我们在做设计时,不但要关注字色和应用配色方案整体是否协调,更要注意字色的常规设计规范。
总结在接收到长篇文案的需求时,我们可以先给文案分层次、划重点,找到一些主要信息进行突出设计。
让用户一目了然文章的框架,做到粗略阅读也能够明白在说什么;然后进行内容排版设计的细节调整,让用户能有耐心看完并不觉得疲劳。

本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。

免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com

平面广告
大家都在看
猪八戒网坦白贴:猪八戒网能提供哪些服务?

猪八戒网到底能为客户做什么?

平面广告网站/软件工商财税知识产权营销传播影视动漫
145浏览
包装设计最漂亮的十大香烟是哪些?

包装设计最漂亮的十大香烟是哪些?

平面广告
94浏览
特步的logo设计理念

特步的logo设计理念

平面广告
623浏览
设计商标时,字体应该怎么选?

关注企业服务官,每日推送企业生意经!

平面广告
70浏览
茶百道logo设计理念是什么?新设计,更吸睛!

茶百道logo设计理念是什么?新设计,更吸睛!

平面广告
146浏览
coco奶茶logo设计理念,没想到还有如此丰富的内涵

coco奶茶logo设计理念,没想到还有如此丰富的内涵

平面广告
157浏览
分享几款ERP管理系统UI界面设计,个个高端酷!

分享几款ERP管理系统UI界面设计,个个高端酷!

平面广告
23浏览
DR钻戒logo设计理念

DR钻戒logo设计理念

平面广告
82浏览
超详细!从2年间,看手机外壳材质及设计变迁!

超详细!从2年间,看手机外壳材质及设计变迁!

平面广告
103浏览
重庆大学生为“棒棒军”设计LOGO

重庆大学生为“棒棒军”设计LOGO

平面广告
27浏览
包装设计风格有哪些

包装设计风格有哪些

平面广告
12浏览
十位世界顶级Logo设计师

十位世界顶级Logo设计师

平面广告
46浏览
包装和产品的关系

包装和产品的关系

平面广告
23浏览
花卉系列包装设计

花卉系列包装设计

平面广告
9浏览
书籍装帧设计的步骤

书籍装帧设计的步骤

平面广告
6浏览
书籍封面设计的定位及要求

书籍封面设计的定位及要求

平面广告
15浏览
好客无限设计学院|基础种Logo类型,你会选么?

好客无限设计学院|基础种Logo类型,你会选么?

平面广告
9浏览
包装设计费用大概多少?哪些因素影响设计价格?

包装设计费用大概多少?哪些因素影响设计价格?

平面广告
67浏览
“江小白”的食品包装设计解析

“江小白”的食品包装设计解析

平面广告
9浏览
设计师|青山周平:做让城市生活更美好的产品设计

设计师|青山周平:做让城市生活更美好的产品设计

平面广告
5浏览
点赞
收藏
分享