不知道大家是否有所察覺,在現實生活在,視覺資訊總是很吸引人的眼球,WordPress 網站建設在以往的設計效果中,覺得卡片設計的應用不僅僅只是一種趨勢。有資料顯示 2022 年 移動端使用率遠遠高於 PC 端,網頁設計都能很好的適應小螢幕。而如何更好的全是小螢幕設計,WordPress 網站設計建議在設計網頁的時候多常用一些這樣的風格:比如:扁平化設計,極簡設計,尤其是卡片設計比往年都要流行。
好的卡片設計不會使用太多的載入時間,同時它也能在不同的螢幕上切換自如。小的模組對於多用户來説更能吸引注意力(尤其在移動端),它在 Pinterest 上培養大家的習慣,然後在 Facebook 和 Twitter 上面推廣,卡片設計能應用於各個領域的網站設計。
在這篇文章中,我們將會探討卡片設計的崛起:為什麼它們有用,它們如何適應於響應設計和 material design,在未來又會發生什麼?
什麼是抽屜式設計?
為了瞭解抽屜式設計,您先得先了解卡片是什麼。
每一個卡片擁有屬於自己的資訊。一張卡片能包含所有資訊 — 視覺、文字、連結等等— 但是所有這些內容都是一張卡片裏面的內容。這種獨立填滿整個螢幕抽屜式展現資訊的方式 被 Guardian 叫做 “抽屜模式” 。它讓多用户更加直接清晰的看到整個介面,也有利於多用户快速的尋找他們需要的資訊。(重要的是,這種方式能夠有利於我們自己控制,下面的文章我會解釋為什麼。)
讓人覺得很有吸引力的是:它們使用的卡片介面是相互疊加的。
照片來源於:Trello,Trello 能讓多用户建立他們自己想要的任何卡片列表。所有人都能建立 “to-do” 卡片 ,同時能夠按照自己的需求進行分類。 Trello 不僅讓卡片具有靈活性,而且還能被多用户隨意擺放。 Trello 的成功是因為相較於傳統列表式佈局,它讓多用户感覺很簡單。
UI 卡片在移動端和響應式設計中的應用正如上文提到的,卡片為響應式框架提供了出色的相容性,因為一些像 Des Traynor 把他叫做 “網頁的未來這種設計能夠在移動端隨意很好的轉換。”
它能夠自己擴充套件或者收縮去適應任何螢幕的尺寸。設計師可以很靈活的控制卡片的比例(幾組卡片能夠更好的適應彼此)。例如, 您可以設計固定的寬度和一致的間距來適應可變動的高度。比較上面的網頁截圖和下面的移動端截圖。注意他們兩個的文字資訊、影象和顏色的風格都是一致的。卡片設計讓多用户在不同的裝置上有一致性的體驗。