發表文章

2017年網頁設計15個流行趨勢

圖片
聖僑資訊-2017年網頁設計15個流行趨勢 聖僑資訊-網頁部 翻轉行銷( 2016 . 12 . 07 )
UI可以說是企業數位形象的門面,也是能留住和吸引顧客的關鍵,隨著移動裝置和網頁技術的發展,UI設計每年都在推陳出新,繼扁平化、微互動及卡片式設計之後,2017年又會有什麼樣新穎的設計手法呢? 聖僑根據目前所知的設計風格加上網路資訊的彙整,整理出15項2017年可能流行的設計趨勢以供參考: 一、全幅或是影片背景 全篇幅的主視覺設計較傳統主題橫幅更容易聚焦,且能帶給用戶驚豔視覺和沉浸式體驗。近年來在HTML5的影片支援下,也愈來愈多網頁使用影片做為背景,相較於靜態圖,全幅影片擁有更強烈的敘事感。

二、一頁長條狀或微頁式設計 第一頁只呈現重要資訊,並如同居家收納一般將細節內容層層堆疊,結合滾動式操作的長條狀網頁能夠創造更流暢的線性瀏覽,同時能更秩序性地呈現內容,打造良好的故事性與閱讀體驗。
三、卡片化設計將會變得更常見 符合桌上型及移動裝置的通用設計,能有效分類內容和處理大量資訊,同時也能讓使用者快速閱覽想看的訊息;另一方面,它能有秩序的呈現文字、圖片或影象,並結合翻轉等特效讓頁面產生多元變化。
四、娛樂與個性化 大膽配色、趣味性設計的信息欄或框架, 插圖和創意字體的搭配較受使用者青睞。

五、扁平式設計 利用滑動選單欄隠藏非必要功能以簡化使用介面,或運用漸變色系營造合理的階層感,也可配合適當的層次分割、色塊及留白達成簡易的排版。
六、Cinemagraph圖(cinemagraph)的運用 局部動態攝影照片近年來開始盛行,Cinemagraph 一QU03詞是由 cinema(電影)和 photograph(靜態相片)所組成,它使圖像介於影片、照片之間,意即在同一張照片中,可以看見部分動態影像,也能看見部分靜態影像。 可至 Instagram 上搜尋 #cinemagraph 觀看更多有趣的應用案例。