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

作家的WordPress

by
Length:LongLanguages:

Chinese (Traditional) (中文(繁體)) 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 + 上了解有關排版的更多信息


Envato qr branded
关注我们的公众号
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.