Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Web Typography
Webdesign

作家的 WordPress 

by
Length:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by Fuhuan (you can also view the original English article)

纵观上下,我们可以看到了文字可以产生多大的影响。 无论是宣传自由,传播重要新闻还是创造属于自己的世界,文字对我们所有人都很重要。

在网络时代,单词往往不被重视 - 特别是在线网站。 随着令人眼花缭乱的网络广告的出现和宽带的普及,网站经常被巨大的滑块广告所遮盖。 即使是文字较多的网站也很难保持精心阅读。

考虑到这一点,让我们看一些提示,以帮助您的文字成为您网站的焦点。

1. 保持您的布局整洁

保持您的布局整洁是最有效的方式,以确保焦点保持在您的文字。 这并不一定意味着你不能使用滑块或图像 - 但你应该明智地选择。  太多的滑块广告或图像会使人难以专注于内容。 集成太多大胆的图像可能会引起人们对核心消息的分心。

前言是针对作家的主题。 虽然它确实包含主页的滑块并使用博客的特色图像,但它以微妙的方式实现。  排版合理。 总的来说,它易于浏览和阅读。

Preface
前言:作家的 WordPress 主题

2. 使用大标题

使用大标题,有足够的留白,可以真正对读者产生影响。 虽然理想情况下使用短标题和头条标题会带来最好的视觉冲击, 但对于所有类型的内容而言,这并不总是一个靠谱的选择。 无论你是发布突发新闻还是展示短篇小说,每个帖子都有突出的主标题和副标题。

Forte 很好地利用了这一理念。 主页网格布局上的每个标题都是大而粗的,并通过柔和的背景图像给出了留白。  这是一种极好的混合,使用排版和图像在一起,导致简单的排版。 它表明,即使使用图像,你仍然可以使文字脱颖而出。

Forte - A Stylish WordPress Theme for Writers
Forte  - 作家的 WordPress 主题

3. 考虑经典布局

尽管采用更复杂的现代布局很棒,但仍有内容优先的传统设置。  标准的一个或两个列布局很容易遵循,并在记住文字时创建。 虽然它们可能不那么富有魅力,但博客尤其仍然受益于经典布局。

Textual 是一个以文字为中心的主题,为经典的博客布局增添了一些经典的设计。 主标题巨大,链接突出,正文易于阅读。 这里没什么好看的 - 只是有着真正重要的东西。

Textual - A Text-Centric WordPress Blog Theme
Textual  - 以文字为核心的 WordPress 博客主题

4. 使用对比色

按理说,如果文本更容易阅读,它将有助于将注意力集中在您的书面内容上。 确保您网站的文本与其背景形成鲜明对比,这是保持可读性和可访问性的关键步骤。  顺便说一句,我高中毕业的第一份工作是当地一家报纸。 他们的座右铭是在明亮的背景上大胆,黑色的文字总是容易阅读。 现在还是如此。

默认情况下,WordMag 在白色和浅灰色背景上使用黑色文本。 它将这种对比色配色方案与 CSS3 动画,视差滚动效果和基于网格的布局等一些现代功能相结合。  排版是主题的核心焦点之一,支持 Google 字体和 Adobe Typekit。

WordMag - Typography Focused WordPress Magzine Theme
WordMag  -  WordPress 杂志主题

5. 用户自定义

当然,您可以选择多种方式来设计网站的排版。也可以放手,让用户去选择。为他们提供可以用来更好地阅读的工具。  如果有人觉得更舒服,他们可能会多停留一段时间!

ReadWrite 是一个 WordPress 主题,提供工具来帮助用户定制他们的阅读体验。  用户可以在站点标题中更改字体大小和颜色对比度。 通过 CSS,您可以进一步调整这些功能,为访问者提供最佳的用户体验。

ReadWrite - Beautifully Minimal Writing Blogging WordPress Theme
ReadWrite  - 精美极简写作博客 WordPress 主题

优秀设计的基础

当你考虑它时,文本确实为网页设计奠定了基础。 在万维网诞生之初,它甚至开始作为所有网站的基础。  随着我们不断添加最新的花里胡哨的东西,我们有时倾向于将文本放在一边。  值得庆幸的是,像上面突出显示的主题有助于将文本和排版带回到视觉重心 - 就在它们所属的位置。

在 Tuts + 上了解有关排版的更多信息


关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.