图文排版于网页设计之中起着至关重要的作用,不同的图文排版决定着网站整体的风格,因而文字编排是提升网站魅力的关键点之一。好的文字编排能于富有趣味性、设计感、吸引眼球、准确的传达信息的基础之上突出文案的风格、信息与层次。
文字排版作为设计的基础知识,很多人会忽略其重要性。于这里,小编整理了一些于排版之中值得注意的地方及排版的小技巧分享发给大家,希望能对于大家有所帮助。
九、点缀元素的使用
有时如果我们感觉到画面空旷时,便会习惯性的添加漂浮物或是相关元素来填充画面空白。这是非常常见的方法,但是这个方法容易导致画面杂乱、失去视觉的焦点。漂浮物的使用,有两点需要遵循,一是尽可能的克制,要谨记添加的漂浮物仅是作为画面服务,你们这么多的喧宾夺主;二是选用的漂浮物要和画面有所关联,一切的设计均要有合理的来源。
十、画面层次感的体现
假如想让网站版面设计得有层次感,页面变化丰富,要会合理的利用对比。对比,是将具有明显差异、矛盾与对立的双方安排于一起,进行对照比较的表现手法,目的是借以使设计越来越有层次、增加视觉冲击力。设计之中常见的对比有大小对比、字体对比、色彩对比、空间对比、方向对比、长短对比、粗细对比、曲直对比、轮廓对比、虚实对比等等。(视觉层级关系的创建,应用颜色深浅、字体粗细、绝不应单纯用大小来体现)
我们非常少看到网站页面的大标题会独立存在,越来越常见的是它会和副标题、引标、广告语或是核心卖点排于一起,这么排的好处除能让信息越来越集中、视觉越来越聚焦之外,也能丰富标题的层次,使文字的排版越来越精致。
十一、让画面即简单亦丰富
现阶段网站版面简约、极简风格的设计亦受欢迎,不过有时做出来的所谓极简设计常常会遭人说甚单调、不够丰富;因而那些自我感觉非常丰富的设计亦会遭说成是杂乱。这是为什么呢?我们说的简单并且绝不是指做设计要用最为少的元素、绝不做任何修饰,或者指设计主旨要简单、视觉流程要清晰、视觉要聚焦、主次要分明;因而丰富亦绝不是指画面之中某种要有非常多元素或是叠加一堆的效果,或者指要有细节、有层次、有品质感。如果我们排版时,画面出现了一块较突兀的空白,于我们无限期没有办法透过变换版式的方法解决问题时,可以考虑选用简单的装饰元素(如:和主体相关的文字、英文单词、点缀、色块、线条、符号、图形或是漂浮物等等)和主体形成互补,去填充影响版面平衡的空白,于保持画面简洁的同时亦能丰富画面。处理的时候需要注意颜色要淡,需要和背景有比较好的融合所以要和文案错开,否则会影响文字识别性。
十二、页面空间感
于网站版面之上营造空间感,利用近大远小和景深模糊的方法,来突显网站主体,制造视觉重点,吸引用户的注意力。
十三、注重页面细节
细节方面添加一些小的效果,可以让你的网站设计更为出彩,显得更为精致。下列几个方法可以让你的网站更为出彩:
作为平淡的边框加点颜色:有时候我们会发现页面之中的元素平淡无奇,因而一个简单的技巧,便可以作为页面版块添加几分生色,那便是予边框加一点颜色,看起来会生动许多。
图标样式要统一,看起来会越来越精致:图标样式某种要统一,假如使用线性,便均用线性,使用面性,便均用面性。假如你准备设计一些大图标,可以尝试着予图标加一个底色,接着缩小图标的尺寸,利用底色的用以让轮廓让图标看起来大一点(注意:这种做法经常使用一般是功能性较大的图标时候使用,由于有颜色的图标可能会影响用户的判断。)
绝不需要给每一个按钮均加上颜色:当用户于页面执行多个操作的时候,需要添加一些引导性的设计于网站之中,把希望用户操作的按钮高亮起来,绝不希望用户操作的弱化下去,这样可以激发用户的点击欲。例如:最为希望用户按的:高亮,应该和背景形成强烈的对比度;次重要的:应该设计清楚,但是绝不需要突出,使用轮廓样式比较低对于比度的背景色色越来越好的选择。
加阴影:如果我们做卡片需要下面内容更为明显的时候,要做一个阴影模糊来使卡片越来越明显,让淡淡的投影垂直偏西移,颜色最为好和背景色调相同。
你们将灰色的字体放在彩色背景下面:灰色的字体放在白色的背景背景下面的时候,效果是非常棒的,会使文字的对于比度降低,进而看起来画面越来越简洁,越来越干净。
于标题字形之上做一些变化:字库里面的字体相当来说会较常规,因而于设计标题的时候,我们可以于保证其识别性的前提之下大胆尝试,增加一些辅助元素来参与标题的排版和设计。