网页排版设计(这18种文字排版手法,简单易学)

转自公众号:字体设计



Frank Wo

是一家来自爱沙尼亚的设计工作室

他们特别擅长设计独特的图形和标识

在字体排版上深有研究


今天和大家分享其18个文字排版形式

选字以非衬线体为主


特别是对于新手设计师来说

文字排版经常会成为阻碍自己提升的最大瓶颈

希望下面这些作品能给大家带来灵感


两边的“S”重复使用,既对称有增加视觉丰富度


这个使用了旋转90°的“?”来进行文字编排


呈现节奏感和引导性


上面的“.. . ..”是亮点


试试通过线来进行分割


跃动感


文字之间保持适当的距离,是其常用的排版手法


两个“TT”连在一起,共用笔划,也是常用的设计手法


分散与积聚


呈现三角形的构图方式


线与括号()的结合使用


文字朝向不一样也会产生有趣


文字之间保持距离


字间距很小,呈现三角形的紧凑感构图


弧形弧度把握得很好


看到了一张使用衬线体的文字排版

(……)的视觉焦点突出


使用切割与错落的手法



网站版面设计

当你掌握了以上技巧技法之后

可以将其慢慢应用到实际工作当中















更多作品可访问 frankwo.com


文字排版设计的重要性相信也不用多说了

一个版面的文字编排

可以从中看出一个人的设计功底

从行业上看

网页、画册、电商还是UI等都离不开版式

一手好版真的可以说特别重要


以上的文字排版案例

是最简单也是最实用的

明确主次、重点突出、使用恰当字体

理想的文字排布位置…


希望大家能在学习方法之余

应用到自己的设计当中


本文转自微信公众号:字体设计,图片来源:Frank Wo,版权归原所有者所有,本文仅供分享交流,如有侵权,请联系我删除,谢谢!

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友