有些漂亮的網頁或者移動應用程式中漂亮的頁面都會讓人過目不忘,究其原因就是良好的視覺效果,其中又少不了漂亮的排版。排版是否精美並不全靠華麗的字型效果,有辨識度、較高可讀性的排版才是讓人難忘的根本原因,到底網站排版有沒有規則可循?答案是肯定的,本文就說說如何用良好的排版規則打造優秀的多使用者體驗?

  1 、行間距適中

  隨著移動多使用者越來越多,大量多使用者喜歡在手機或者 ipad 上瀏覽網頁,這時寬泛一些的行間距會緩解人眼在小螢幕中的疲勞。在瀏覽網頁時,如果行間距太窄,就會有擁擠感,不利於多使用者瀏覽。控制好行間距需要注意這幾個問題:字型樣式、字型尺寸、段落長度。大部分網站中,最佳行間距應該是字型高度的 125% 、移動端裝置中,最佳行間距是字型高度的 150% 。寬鬆的行間距能讓內容更易於被識別和掃描。

  2 、稍大點的字型
.

  這一點雖然存在一些爭議,有些設計師並不認為大的字型好看,但無疑,在網頁中大字型比小字型更舒服。當然具體問題具體對待,在有大量文字內容時要適當調整字型大小。一般來講每行的字元數量應當控制在 45~60 個之間較為完美。在移動裝置上這個數量要減半才可以讓瀏覽者更舒適。

  3 、仔細研究比例

  上面提到的行間距是設定就是要考慮的比例之一。網頁中的標題、副標題和正文的字型大小尺寸的比例研究是排版中最重要的一項。

  4 、剋制地使用字型

  我們知道一個網頁中不能使用太多字型,否則會給人一種雜亂的感覺。可以選擇兩種不同字型。研究清楚每一個字型用在什麼地方,以及字型的大小、位置等等。

  5 、提升對比度

  網頁內容是一個網站的核心內容,在 WooCommerce 獨立站網頁設計中一定要牢記提高內容的識別度。可以用背景和文字之間形成對比,讓每一個字都能清晰的辨別出來,才可以讓觀者快速的讀取資訊。

  如果一個網站中的文字量很大,這需要 WooCommerce 獨立站網頁設計師有很好的排版設計能力,否則將會是一個失敗的排版。以上排版原則希望對您有幫助,如果您有排版印刷或者 WordPress 外貿獨立站網站建設等需求可以點選諮詢跨飛獨立站 QQ