Web設計師必備的10款最佳排版工具

csdn發表於2013-02-06

  隨著電子裝置的日益更新,網路幾乎佔據了我們日常生活最重要的一部分。在芸芸眾生的各大網站 中,如何才能讓你的網站別具一格呢?

  亮麗的色彩、優美的設計、實用的功能這些都是網站必備的特性。俗話說:“好馬還需要配好鞍”。網頁排版在整個網頁設計中是具備吸引力和挑戰性的一塊,在這篇文章中我們將推薦10款最佳的排版工具以幫助開發者設計出更加完美、專業的網站。

Web設計師必備的10款最佳排版工具

  1.  PxtoEM

Web設計師必備的10款最佳排版工具

  當你設計網站考慮到字型大小問題時,PxtoEM是個最佳選擇。這款強大的工具會根據正文字型大小進行轉換,讓你的工作更加輕鬆。此外,這款特殊的工具計算器通過CSS檔案根據使用者的需求進行設計。

  2.  Font Tester

Web設計師必備的10款最佳排版工具

  在網頁中採用不同的字型進行對比,從而選擇最佳的一款。當然這並不是簡易之事,為了滿足設計師們的需求,字型測試儀孕育而生。它允許使用者根據CSS 樣式表搭配不同的字型,因此,它能幫助你輕易快速的找出最符合你設計的一款字型。

  3.  Type Navigator

Web設計師必備的10款最佳排版工具

  通常Web設計師對選用未知的字型感到困惑,因此,識別未知字型對於設計師來說顯得愈發重要。如果你想要查詢字型以及命名,那麼Type Navigator就是最佳選擇。這是一款互動式視覺搜尋系統。

  4.   Color Contrast Check

Web設計師必備的10款最佳排版工具

  網站通常會包含多種色調,倘若網站色彩搭配不好會導致你丟失使用者,從而影響業務。有了Color contrast check這款工具可以幫助你解決同色系的問題,為網站佈局挑選正確的色彩組合。

  5.  Wordle

Web設計師必備的10款最佳排版工具

  Word cloud以一種新穎的方式來提升網站的知名度。Wordle提供各種word cloud樣式,色彩、字型。此外,任何你想要的方式都能在word cloud中找到。

  6.  Typechart

Web設計師必備的10款最佳排版工具

  如果你是一名CSS 開發者,那麼這款Typechart就是專為你而定製。Typechart允許開發者在CSS編碼中執行搜尋選項。這聽起來是不是很酷!

  7. Fontifier

Web設計師必備的10款最佳排版工具

  此工具可幫助你從系統中匯入各種手寫文字,網頁字型毫不費力。是所有網站必備的一款。

  8.  Baseline/Line-Height-Calculator

Web設計師必備的10款最佳排版工具

  調整行高和效能屬性是完美網站必備的一大特性。這款工具可以幫助你更改行高度,同時還能允許你建立自定義程式碼。此外,可通過該工具生成的預覽檢視選擇更好的一款。

  9.  Fontstruct

Web設計師必備的10款最佳排版工具

  如果你正在尋找同時適用於PC和Mac電腦上的字型系統,那麼這款就是為你而準備的。該工具基於網格系統可線上建立字型。

  10.  Identifont

Web設計師必備的10款最佳排版工具

  還在尋找不同型別的字型嗎?那麼,使用Identifont 輕鬆獲取所需。

  有了這款工具查詢什麼樣的字型以及字型定位變得相當簡單。該工具受到許多網站開發者的青睞。

  希望文章分享的這些排版工具能對你有所幫助。利用這些工具讓你的網站更具吸引力。

  英文出自:Bloggerspath

相關文章