專業的陪襯角色:幽靈按鈕
蘋果發表 iOS 7 之後,純以線條構成的圖標(line iconography)、以及幽靈按鈕(ghost button)迅速崛起,這些設計技巧建立了更簡約的美學,圖標與按鈕更顯輕盈,浮在色彩斑斕的影像或插畫之上,扮演實用的支持角色。在近年的扁平化風潮中,它們也是不可或缺的推進元素。
健康食品與生活風格公司 Luvo 的官網就恰如其分的使用線條圖標、幽靈按鈕,豐富整個網站。Google 平板 Nexus 宣傳網站也是運用幽靈按鈕,俐落的設計讓人專注在產品而非文字上。
背景大圖趨少
過去幾年,許多品牌頁面傾向在網頁中放上巨型背景圖片,佔據整個宣傳頁面,彷彿雜誌一般。這類以印刷品為靈感的元素,依然是網頁設計的趨勢之一,但是我們預測,流行度將會下降。突出特殊的文字設計,移除任何讓視覺分心的物件,完全導向內容優先。Dress Responsively 的網頁就是一個典範,缺乏圖片,但你可以盡情欣賞饒富巧思的字型設計。
物質設計
扁平設計趨向成熟,我們將會看到更多介面設計師帶來更加乾淨、簡約的色彩、形狀與字型表現。Google 推出的「物質設計(material design)」結合扁平原則與輕微的動畫與漸層效果,呈現 3D 元素。Google 描述「物質」乃「根基於真實的觸感,由紙張與墨水的研究啟發,但受到科技的催化,引領想像與魔法的新境界」。這種簡潔的使用者體驗與桌面或行動的結合愈來愈天衣無縫。
Google 旗下 YouTube 的 Android 版,充分駕馭物質設計,風格雖然統一卻也不失樂趣。
微互動
另外,Google 也深諳以「微互動」的方式與使用者產生連結,並讓內容顯得更有趣。而且動態的表現不僅趣味性十足,而且也能賦予意義與資訊,運用在狀態的轉換間,拉回使用者的注意力。
觀察一下 LinkedIn 網頁版,帶入在手機經常可見的體驗。當游標滑過聯絡人卡片,即會出現「skip」按鈕,提供使用者除了「say congrats」以外的選項。Amazon 在消費者結帳時,也會適時出現按鈕,引誘使用者訂閱「Prime」帳戶,為現在的訂單省一筆。
互動圖表
資訊圖表在 2014 年發展迅猛,不過多為靜態呈現,現在他們更加躍進,有了網頁互動與資料的加入,整體而言變得更有趣了,數位敘事型態變得更豐富。比方說 Future of Car Sharing,一路水平的旅程,網頁動畫元素跳躍出來,充滿驚喜感。
全螢幕影片
MIT 科學家發現,人腦處理圖像的時間只需 13 毫秒,因此在第一眼旋即「吸睛」的重要性不在話下。蘋果手錶的頁面堪稱經典,HTML5 技術的進步,也讓許多以前做不到的影片呈現現在都早已讓人習以為常。隨著這股潮流逐漸成熟,駕輕就熟的設計師們會怎麼「影響」它們,產生化學變化,過去流行的元素會持續融入未來的美學與原則。
點入 Geckoboard 這個頁面,你會發現全幅背景正播放著動態影片,Airbnb 首頁亦使用相同手法。既勾起人們好奇心,又令他們流連駐足,期待彷彿電影一般一幕幕動態場景,往後也許這種方式會愈來愈普遍。
精選專案.網頁設計.RWD響應式網站.活動網站 / 金融保險業
網站技術:PHP
響應式(RWD)網頁設計,設計UI/UX使用者體驗,可於各種裝置進行網頁瀏覽(PC、平板、手機)。
精選專案.網頁設計.RWD響應式網站.企業形象網站 / 電子科技類
網站技術:PHP . Javascript/MySql
網頁設計,網頁切版,後台程式管理
精選專案.網頁設計.RWD響應式網站.行動版網站.企業形象網站 / 電子工業類
網站技術:PHP . Javascript/MySql
全台唯一自有工廠及正式品牌授權 (Samsung、Walsin、PDC、Kamaya)的被動元件代理製造商與經銷商,在半導體供應鏈站有一席之地。
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策