Warning: SQLite3::exec() [sqlite3.exec]: database disk image is malformed in /home/content/90/9609190/html/HOSEPVC.COM/cms.client.php on line 1229

Warning: SQLite3::exec() [sqlite3.exec]: database disk image is malformed in /home/content/90/9609190/html/HOSEPVC.COM/cms.client.php on line 1240
網頁設計師要向印刷設計學習的3件事-悠悠HOT資源站

網頁設計師要向印刷設計學習的3件事

作者:Amber 發表日期:2018-05-30 15:24:30

設計就是特定功能的構成——無論構成物是位元組還是原子。這就意味着網頁設計從它的祖先——紙墨中受益良多。

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

掌握後,你就能提升UI與UX設計水準,創造出更好、更易懂的設計。

讓讀者保持專注

目標應當是清晰的表達,並且讓人能夠輕鬆縱覽整個設計。我們來看幾個從印刷設計沿用過來的概念。

排版

就像報紙,用戶不會閱讀網站上的每個字——至少一開始不會。正如免費電子書《為人眼進行網頁UI設計》裏面描述的,掃視頁面是用戶的標準行為。

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

F模式排版:Creative Bloq的主頁

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

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

Z模式佈局:MailChimp的主頁

Z模式也是一種自然的流覽模式,通常用於報紙,網頁上也是如此。用戶在頁面頂部水準流覽,然後向左下移動,在頁面的下一行再次進行水準移動搜尋。

文字

和印刷一樣,網頁文字也應該有清晰的層次。選擇適合的字型大小,有助於關鍵字在頁面上突出,讓用戶更輕鬆的流覽頁面。

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

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

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

次要:介於中間的所有內容。不像標題那麼顯著,但要在頁面的常規文字中突出顯示。

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

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

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

要測試你頁面的易讀性,可以使用「3秒原則」:簡略地流覽頁面,然後看向別處。其中突出的內容有沒有反映出你設計意圖?如果是的,那你方向正確,繼續保持;如果不是,則需要打回重新設計——可能確實如此。  


Tag:網頁設計印刷設計
本文鏈接:http://www.hosepvc.com/138875.html