首頁 部落格 2016卡片風格網頁設計
Ryan
Oct 04, 2016
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

2016卡片風格網頁設計

若您設計的是一般中小企業的官方網站,可以跳過本篇文章,因為今天要分享的卡片風格網頁設計,主要是針對大量資訊的電商、信息提供商為主。

 

如果你是重度的社群使用者,尤其是熱愛接收歐美相關的信息的人,應該可以感受到社群服務商的風格越來越接近,尤其是卡片式的網頁設計風格,是今日的資訊型網站主流。例如Twitter、Google Now與Pinterest都向卡片風格靠攏。

 

 

電商也是卡片風格網頁設計的大宗使用戶,例如ThinkGeek.com與Firebox.com也是大量的使用了卡片風格架設了購物網站。另外工具用途的網站如keep.google.com與Evernote也是卡片風格網頁設計的愛用者。

 

卡片風格的優勢就是貼近人們生活的使用習慣,我們從小到大拿過了成千上萬的卡片,知道卡片的種類、不同的卡片有什麼差別、卡片的資訊重要性...。較早之前的「瀑布流」也跟卡片風格網頁設計很近似,差異在於網頁的展開方式。 卡片可以記載很多資訊,例如產品圖片、產品簡介、聯絡方式等、但不太適合把整個說明書都記載在卡片內。

 

卡片風格網頁設計具有天生的行動優勢,因為手機尺寸本來就很適合顯示卡片大小的資訊,可以讓客戶快速翻閱卡片,而桌上型網站使用卡片型網頁設計,則可以一次攤開所有的卡片。

 

 

至一般的中小企業形象網站,就不太適合使用卡片型網頁設計,因為卡片型很適合呈現大量的內容,但一般形象網站的資訊都少於資訊型網站,卡片風格的呈現方式雖可以與一般的網站結合,但一定有比卡片風格更好的呈現法,故在此不建議。

圖片來源: Firebox.com 網站截圖

文章標籤
版型設計
手機端網頁設計與PC電腦端的差別與設計要點
手機端網頁設計與PC電腦端的差別與設計要點
Jericho
Jericho
Mar 23, 2021
手機網站設計應該注意什麽問題
手機網站設計應該注意什麽問題
Jericho
Jericho
Mar 15, 2021
【街頭攝影】如何拍出有故事性的「劇照」?
【街頭攝影】如何拍出有故事性的「劇照」?
Ringo
Ringo
Nov 02, 2017