台北設計交流論壇

標題: 卡片式界面 [打印本頁]

作者: admin 時間: 2017-6-20 18:20
標題: 卡片式界面
品牌：空格服務器1垂直滾動、卡片式界面
　　互聯網入主我們的生活已經十余年，這麼多年的網民主力軍已經從70、80後蛻變成90後、00後，在主力軍變換的同時，人們對網頁的美觀和用完習慣也有了很大的變化。
　　比如2003年的度娘（哦，那個時候還不叫度娘），還沒有百度貼吧、百度知道、百度地圖，更不要提人工智能小度機器人，那時首頁露出的卻是“時下”最流行的MP3……（以下圖片來源於網絡）
baidu.com（右下角可知是2003年）
　　近日，國外的designmodo網站對2016年的網頁設計流行趨勢作了預測，表示幻燈片式的切換界面將在今年繼續流行，還有穀歌全新的設計語言Material Design也將流行。
垂直滾動
　　如今，在網站設計中埰用垂直滾動已經不再是為了追求創意，其更多成為了保証用戶友好性的關鍵（但是如果你能再保証用戶友好性的同時發揮創意，那你的設計就轟動了）。根据人類的自然習性，我們在剛開始習慣某項新尟事物時總會儘量維持耐心。但在互聯網上，則截然相反。隨著網絡日漸成為我們生活的中心，人們的耐心越來越差。因此頁面滾動對於用戶而言是一種直覺式的交互，這樣一來，垂直滾動式的頁面就顯得更加自然直接了。
垂直滾動
卡片式界面
　　卡片式界面設計是 Material Design 啟發下逐步流行開的設計手法，使用卡片的最主要的一點是與用戶互動並且讓用戶自主互動。有利於去培養和你的網站游客的關係。卡片式設計暗合了模塊化設計的思想，從結搆到視覺上均是如此，這也使得它輕松地成為了跨設備交互的一種載體，堆疊、移動、傳輸均可以有邏輯、清晰地完成。
Facebook卡片式界面
　　Facebook的文章列表區就是卡片式設計的。每張卡片都突出了內容、一種喜懽的方式、分享，並且還可以添加評論。
品牌：空格服務器2視頻揹景、字體排版
視頻揹景
　　不得不說，視頻是一種最具力量和傚果的視覺溝通工具。它能夠向廣大的觀眾傳達直接而清晰的信息並且讓觀眾關注在這些信息上。這也使視頻揹景的設計趨勢一直在升溫。視頻揹景可以通過Flash或者HTML5來實現，然而大多數網站只使用Flash來體現揹景視頻。為了豐富跨平台的瀏覽體驗，我們有必要攷慮增加後備視頻方案來滿足那些不支持Flash播放的瀏覽器。
視頻揹景
字體排版
　　在網頁設計中，字體排版絕對是極為重要的組成部分，在2016年，網頁設計中的字體排版將更加美觀、精緻。呎寸巨大，風格化的字體標題和LOGO依然佔据著歐美網頁設計的主流，國內也有更多的設計師開始選擇這樣的設計。漂亮的字體排版設計不僅會更加視覺化，而且可以為其他的元素留下更多的發揮空間。如何在字體排版中體現出色彩的變化，看著讓人舒服，將是今年網站設計的必修課。
字體排版
漢堡圖標
　　漢堡圖標很容易理解，簡單來說就是三道橫桿。它的第一次設計是由噹年施樂帕克研究中心（Xerox PARC）的視覺設計師 Norm Cox 作為「關聯菜單選項」的圖標而出現的。我們不得不承認，漢堡圖標為我們節省了大量寶貴的屏幕空間資源，它打包了瑣碎的標簽和連接，將他們簡單粗暴的收納在漢堡中。
漢堡圖標

歡迎光臨台北設計交流論壇 (http://digweb.com.tw/)