网页设计是一项通过对产品、服务、理念、文化等元素对网站功能进行整体的策划、对网站页面进行美化的工作。

文字排版部分通常会从页面的一个区域,延伸到另外一个模组所在的区域,比如某个图片上的文字内容延伸到另外一个图片或者彩色区块当中,共享了其他元件的空间。

这种设计所牵涉到的页面图层的实现方式会很有意思,因为它可以承载很多富有创造力的设计。

1. 空间共享式文字排版 这种空间共享式排版是一种相当容易识别的设计手法。

实际上,在一些海报和明信片设计中,也可以采用这样的设计。

它的最典型的特征是,文字或者相似的元素横跨多个图层、模组或者区块。

从广泛意义上来讲,这个设计手法的核心概念是某个元素和其他的元素共享空间,横跨不同区域,元素相互叠加。

这种设计常常被视作为分屏设计的一种延伸。

2. 图片和文字的混排 漂亮的排版和精美的图片总能相辅相成。

许多设计师都喜欢在使用共享空间式排版的时候,采用垂直定向的图片(不过由于各种屏幕的高宽比不同,这种技术使用的比例并不高。

)。

这样的设计有一个好处,由于文字需要跨越不同的区域,配色不用保持完全的统一,根据文字周围的背景色进行调整,这样的设计简单而容易上手。

难的地方在于文字内容的分拆和合并的状态下,表达的含义是否都合适。

3. 减少不同型别字型的使用 使用超过 3 种不同的字型让网站看起来没有结构且不专业。

记住,太多的尺寸型别和风格也可能破坏任何布局。

一般来说,将字型数量限制在最小限度(两个很充足,通常一个就足够了),并贴上相同的字型到整个网站。

如果使用多个字型,请确保字型系基于字元宽度互相补充。

4. 行间距的重要性 在排版中,我们有一个特殊术语,用于两行文字之间的间距(或行高)。

通过增加行高,可以增加文字行之间的垂直空白空间,通常提高可读性以换取屏幕空间。

作为一个规则,行高应该是字元高度的 30%,以提高可读性。

5. 沿著视觉流向排布 沿著视觉流向来排布信息是一项重要的技巧。

文字与图片发生逻辑关系,两者相辅相承,所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物,或者产品本身。

信息按照视觉流向排布的时候,图片中的主体会引导您去观看文字信息。

6. 放大 当您不知道要怎么处理素材的时候,试著放大吧。

这不仅仅针对图片,它还适用于文字的处理,放大的元素更容易抓住使用者的眼球。

跨飞(kuafei.com)电商是一家专业的 WordPress 外贸网站设计公司,欢迎有这方面需求的企业联系,如果是想要了解更多的网站建设知识或者是想要更进一步了解跨飞,可以进入官网,每周都会定期更新网站建设知识。