傳統媒體報紙是網頁設計的鼻祖學習，網站設計是在互聯網上另一種媒介，其中很多傳統的設計依然適用。

許多經典原則，例如字體設計原則，

在線上仍然有效。

pic by Peter Van Lancker

重點介紹幾則印刷設計原則，它們在線上仍然適用。

你將會提升UI與UX設計水平，創造出更好、更易懂的設計。

1. 讓讀者保持專注

印刷設計專注于易讀性，網頁上也是如此：只是把“讀者”換成“用戶”而已。

目標應當是清晰的表達、簡潔的排版，都是能帶來良好體驗的。傳統印刷業有哪些值得我們學習的案例，往下面看看。

排版

就像報紙，并不會逐字逐句的進行閱讀，掃視頁面是用戶的標準行為。

為掃視而設計時，有兩種模式需要考慮。首先是F模式。

F模式排版：Creative Bloq的主頁

F模式反映了用戶最通常的掃視頁面的方式。他們的視線從上面開始橫向移動，然后沿著左邊垂直移動，尋找突出的文字。

一旦找到激起他們興趣的內容，他們又會開始橫向瀏覽頁面。

還有Z模式：

Z模式布局：MailChimp的主頁

Z模式也是一種自然的瀏覽模式，通常用于報紙，網頁上也是如此。用戶在頁面頂部水平瀏覽，然后向左下移動，往下游覽根據用戶的視線習慣會定焦底部

文字

和印刷一樣，網頁文字也應該有清晰的層次。選擇適合的字號，有助于關鍵詞在頁面上突出，游覽過程簡單快捷。

清晰的文字層次：World Baking Day網站

我們來看看文字層次中一些常見的層級：

主要：頁面上最顯著的文字更大更閃耀，吸引用戶的注意力。通常用于標題與裝飾。

次要：介于中間的所有內容。不像標題那么顯著，出了正文顯示外，也要有展示。

再次：主要內容所選的文字。文字層次中的這一級，有助于使用戶沉浸在正文中。

其他：更小的一級，使用斜體、粗體、下劃線、不同顏色等等。

配合運用，建立文字的層次，可以創造出秩序，防止用戶迷失其中。

要測試你頁面的易讀性，可以使用“3秒原則”：簡略地瀏覽頁面，然后看向別處。其中突出的內容有沒有反映出你設計意圖？如果是的，那你方向正確，如果不是，整理不對需要重新設計修改是必須的。

2. 建立平衡感

無論平衡感來自于對稱、非對稱或是放射狀，帶來了愜意穩定的安心的感覺。來訪的客人感覺到舒適，他們會更愿意逗留。

圖片或文字不要過于密集：時刻考慮元素的間隙。在排版上簡約和密集的需要有個限度。眼睛難以接受雜亂，使人更難接受信息的流轉。

考慮使用極簡的設計，顏色的深淺漸變，過度能帶來視覺心理的雙重暗示享受

震撼的極簡設計案例：鞋類品牌ETQ的網站

上面展示的ETQ網站，吸引目光到展示的產品。頁面底部對比鮮明的黑白色塊，讓用戶選擇尺寸或查看商品價格。

網頁上極少干擾信息，使用戶專注于事物本身，也希望有助于促成用戶購買。

3. 創造可靠的設計

讓你的設計對于所有用戶都是可靠的。不要使用兩種以上的字體，確保所有年齡層的用戶都能閱讀。過于雜亂會擾亂信息。

假如游覽時讓用戶沒有頭緒，你的設計可能包含了過多的圖片。

網站的整理色調要結合公司類型，使用冷靜柔和的色彩；如果受眾是青少年，則適合更鮮明的色彩。

UC San Diego Health的網站

選用的配色很吻合它嚴肅的內容

下面是一些書籍設計中常犯的錯誤，同樣適用于網頁：

未經過足夠的測試：始終要盡可能廣泛對設計進行測試。內容可能會跨越多種媒介（網頁、電子書、印刷品），這會使得文字有新面貌。而且，在互聯網上有些傳統的字體并不適用。結合網站整體調性用一種字體表達出來。現在移動智能設備發展迅速，在滿足PC端的情況下，也把移動端加上去。

不恰當的語調：為每個頁面元素選擇正確的語調。與字體一樣，標題應該吸引讀者注意，副標題作為標題的闡明或補充，主題內容正文讓用戶感到親切，讓讀者渴望了解更多信息。

網站題目：從傳統印刷設計里學習網站設計
文章分享：http://www.js-pz168.com/news30/178230.html

成都網站建設公司_創新互聯，為您提供ChatGPT、營銷型網站建設、網站營銷、網站內鏈、移動網站建設、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯