人物说明书排版设计：方块堆叠技巧，吸引客户注意力
倘若你曾用心留意当下那些设计出色的网站, 你会发觉堆叠式排版已然出现得极为频繁, 其中特别显著的是方块堆叠式排版。毫无疑义, 这种悄然盛行的设计方式是一种值得予以关注的设计趋向。
细细去进行观察, 你便会发觉这种方块堆叠样式的排版有着让人根本无法去拒绝的美感, 且其是以一种整齐的样式把文字内容排列到一块儿之处, 营造出一种整饬的设计之感 , 将用户的注意力给抓住。在今天的文章里面 , 我们一块儿来借助各个网站的设计案例去探索这种设计趋势 , 并总结技巧。
在图片和视频中使用
堆叠式方块排版, 最常被运用的场合, 是图片部分, 和视频部分。于网站之内, 于APP当中, 你能够发觉, 图片里, 视频里, 常常会出现这般的排版。当然, 在平面设计范畴, 这种排版, 也并非稀有少见的状态。
要充分发挥这种排版的优势, 你就得格外留意文本的排布位置, 文本应作辅助, 不能盖住图片或视频的关键部位, 且要传递明确的信息。
文本运用之色彩同样是极其关键之所在, 前景呈现之文本与背景存在之图片抑或视频应当存有充足之对比度, 清晰得以辨别, 这亦是诸多设计师会使前景中之文字采用黑色或者白色的缘由, 它们在不同背景里更易于确保具备可读性。
作为主导的艺术元素
当然, 方块堆叠式排版并非始终处在整体视觉予以辅助的那种地位, 有时其还会变成视觉设计的主体。
把方块堆叠式排版当成主要的视觉元素之际, 得满足两个条件, 其一为有大量的留白, 其二是字体之中涵盖别的视觉元素, 且这里面或许有的是色彩, 又或许是图案、动画。然而不管是哪一种, 都会尽可能地使字体从周边的留白里突显出来。
别进行过度设计, 方块堆叠式布局存在主要的两种使用方式, 一种是黑白字体搭配彩色背景, 另一种是彩色字体搭配黑白背景。依据这项规则去做设计, 能使你少走弯路, 达成效果会更容易。
强调特定的词汇
众多项目采用了好比堆叠样式的文本布局, 然而于可读性方面做得并不怎么好。在恰当的用法里头, 最为关键的词应当是以最粗的字体、最大的字号予以显示的。
诚然, 讲起来简便, 做起来并非那般轻易。你得审慎琢磨文本的字词与言语前后, 句子长短以及文字搭配需保持均衡, 且要与布局相互关联, 最终呈现效果应恰到好处。故而, 当你完成布局后应周密审视一番, 首要信息有无以最显眼方式展现? 全部信息的可读性又是否良好? 形式与内容之间有无割裂之感?
若存在问题, 那你得再度审慎琢磨一番。并非所有的文案以及文本皆可这般设计, 有的换种形式予以呈现或许会更恰当。故而, 倘若这种排版布局不适用于你的内容, 亦别觉得诧异。
为社交媒体服务
我们对方块层叠样式布局这般熟悉, 很大程度上是仗着各大社交平台的传播, 由于它能很好地跟微博、Twitter、Instagram乃至手机的卡片样式页面完美地联结到一块儿, 无间隙地融合成一体。
你会发觉, 图片之上, 配合着堆叠式的文本, 乃是一种在传播方面, 具备极强能力的媒介形式。认真瞧瞧你的社交媒体帐号, 你会发现, 这种形式相较视频而言, 给人显得更加直接, 相较于长微博以及文章, 更为直观, 并不需要复杂之操作。
其使得用户借助一种更为视觉化的形态去获取信息, 所呈现的重点更为显著, 促使用户运用足够美观且足够迅速的途径来获取信息。
强化设计感
现在看来, 绝大多数设计彼此间差异并不显著, 因此, 为凸显设计感, 你能够增添好些简易且有趣的设计元素, 用以强化方块堆叠式布局下的用户浏览体验咯。
·在行间增加细线，让用户可以更加清晰地看清楚布局和内容
·于空隙当中增添简便形状, 或者添加图标用以填充, 使得整体看上去更为饱满, 且更为一致。
·进行适度地调整, 去改变整体呈现出来的形状, 你并非一定得要使得整个布局始终维持那种完美的方形状态（钻石型的外观也是可以被接受的）。
·可以通过适当地调整色调来强化整个布局的视觉效果
拿出人意料的、有意思的非衬线体去进行搭配, 有意思的字体能够让用户愈发难忘！
选择方块堆叠式排版的5个理由
方块堆叠式排版流行起来, 在很大程度上是源于其具备的简单特性以及视觉化呈现。而能够真正促使方块堆叠式排版成为一种流行趋势的 , 大概便是以下的 5 个理由了:
·具备视觉方面的吸引力, 堆叠排列样式的布局, 一般会被特定的空间紧密环绕着, 它能够成为视觉的核心要点, 顺理成章地吸引用户的注意力。
·文字周围大量的留白会增强内容的可读性。
文字的简单, 因字体强调发生改变, 设计也有所调整, 从而变得极富戏剧性, 更具表现力。
·堆叠式的布局让文字给人一种形似LOGO的感受，更加醒目。
·堆叠式布局让你内容更加易读也更有趣
搞定方块堆叠式排版的5个设计技巧
要是你已然进行了深入的思考, 而且对这种设计趋势予以了认可, 那么自下面的 5 个技巧开始着手, 是可行的。
1、运用栅格, 栅格系统有助于你对布局进行更优控制, 使得从字体大小直至行间距都更为齐整有致。
2、控制比例。正确的大小对比才能起到强调的作用。
3、整理词句, 做好断句, 斟酌其中用词, 强调部分需精准且精炼, 断句换行要恰当地传达信息。
4、两个部分的字体和字重要控制好比例和风格。
5、不要纠结于排版的高度对称和对齐。
结语
大多时候, 设计趋势并非太过极为复杂之物, 一些简便能用的趋势同样具备持久的生命力。方块堆叠式排版颇为耗费精力的部分仍是文案的挑选, 给予适当装饰后, 凭借社交媒体能够获取极强的传播性。
【技多不压身的设计师才有高薪资！】
平面设计, 有《超赞！设计师完全自学指南》, 交互设计, 有《交互设计师修炼指南！教你从零开始成为优秀交互设计师》, UI设计, 有《超实用新手指南！零基础如何自学UI设计? 》, 前端开发, 有《天猫高手来教你！零基础如何系统地学习前端开发? 》, 抠图技巧, 有《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》, 配色方案, 有《色彩搭配速成！3个实用方法帮你全面搞定配色》, DPI指南, 有《基础知识学起来！》。为设计师专门定制产出精心打造的《DPI指南》、交互设计自学路径图, 《零基础入门！关乎非科班生的自学路径图其中交互设计篇章》。
请小编喝杯咖啡吧！