最美UI

蘑菇街APP活动页排版样式风格研究

排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单。

然而,制作优秀的排版并不容易,雷区遍布,过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象。所以,今天我们总结了排版设计中常见的8个误区,帮大家逐个梳理日常设计中容易碰到的排版问题。

排版能帮助我们沟通信息,优秀的排版能有助于沟通的过程明晰、高效。

1.排版设计中常见的8个误区

1.拥挤的文字

这是很容易忽略的一种错误,字间距过于拥挤会降低文字可读性。有的字体本身会比较稀疏,或过于紧密,适当调整至易于阅读状态即可。

2.密集的段落

行间距也是影响可读性的重要因素,过于紧凑会难于识别,但是一味地拉开间距在视觉上的效果并不合理。一般行间距是根据文案字体大小等比排列。

3.文本的可读性和舒适度

页面内容的文案介绍部分是需要用户长时间阅读的,要保持阅读的舒适度和可读性。字体的尺寸、字间距、行间距都需要细心处理。

4.多一点与少一点

这里的多一点与少一点,指的是文案排版中常犯的错误,比如说需求方希望你先空出一段文案的排版,之后他们来填写,那么首先你要了解清楚是文案根据设计的导向来排版,还是需求方有固定文案字数的限制,了解之后根据具体情况进行排版设计,那么就要避免这个文字在最后一行是否多了1-2个字或者在开头空了两个字。标点符号忌讳在段落的第一个文字位置出现。在文字排版占主体的页面中,这些行或者列非常的扎眼,如果不想让大片的留白打断排版的连续性,最好的解决方案是微调段落宽度、间距。

5.使用太多不匹配的字体

使用多种字体原本是出于装饰性的目的,但是可控性很差且容易造成视觉干扰,通常将字体类型数量控制在2~3种是比较合理的。不同风格的字体太多会让页面整体风格难以统一。除了不要使用过多的字体之外,还要注意使用协调的字体。不同风格的字体用在一起自然会给人“画风诡异”的感觉,分散用户注意力,降低了信息传递的有效性,搭配很重要。多看网站和杂志排版案例。

6.过度强调

有时候需要强化某个部分,会在视觉上进行强调,让它从整个设计中脱颖而出。文字部分常见的手法很多,斜体、粗体、下划线、大写、增大字体大小,等等。但是不要将所有的强调方式都用在同一篇文案同一个段落里,会看起来凌乱不堪。

7.忽视层次结构

在排版中,层次这个词是区分文案和不同元素的重要性区别的学术性说法。以标题阐述核心,字号最大,文字大写,粗体强调,其次是副标题,字号小点,文字不再大写,再其次是正文,字号最小。如果打破了这种层次结构,用户会迷惑。哪个重要哪个其次,傻傻分不清楚。

8.不对齐

设计原则中,对齐是最重要的元素之一。对齐会让文字排列有序而合理,视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距,难看且阅读困难。

总之,设计需要严格把关,设计完之后,最好通读全文,做拼写检查,确保没有语法错误、排版错误,这也是设计的一部分。

2、模板型活动页排版样式设计案例

以下在站内和站外均着了一些优秀的排版案例,作为设计参考方向

站内优秀设计案例

2.站外优秀案例

3、自由排版活动样式设计案例

4、蘑菇街APP活动页按钮样式设计参考

非常感谢大家在百忙之中抽空看到了这里,以上内容由 菲闷&艾露 提供。

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
快速提升APP档次!提升APP品牌感做好这几点就够了
下一篇
UI基础篇!网易设计师教你如何做系统的优化APP