<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 2020 年值得關注的 10 個UI 設計趨勢

    2019-7-31    濤濤

    如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

    創(chuàng)意動畫

    1. 品牌加載

    公眾喜歡有趣,可塑的動畫。Airbnb 和 Netfilx 將品牌 logo 動畫應用到了啟動頁和加載頁面。結合品牌特點、風格和符號,融合到產品設計中,從而提升視覺的一致性,創(chuàng)造富有特有性格的產品界面。

    △ Netflix & Airbnb

    2. 圖標動畫

    微交互是建立在移動端上微妙視覺效果的小動畫,而圖標動畫是微交互其中的一種。它的目的是吸引用戶,讓用戶感覺順暢、愉悅。

    最近,讓我印象深刻的一個圖標動畫是 Facebook 的新消息提醒界面,這些由產品所包含的一個個小細節(jié),創(chuàng)造出了新穎而有趣的設計。

    △ Facebook Website

    留白分隔

    在 UI 界面中,最常見的分隔方式是用細線對模塊進行劃分,但隨著設計重心趨向簡約,注重內容本身,傳統(tǒng)的分隔線方式就略顯多余。

    根據格式塔親密原則,通過留白控制間距大小,可以清晰地劃分模塊層級,同時界面看起來也更加透氣、富有張力。可以看到 QQ、飛聊、Gmail、Messenger 等應用都采用了留白分隔。

    △ Gmail & Messenger

    融入插圖

    1. 品牌形象插畫

    一個好的插畫作品可以為產品帶來極佳的辨識度。Snapchat 的頁面用了很多情感化設計和品牌形象,包括開啟通知引導動畫、查找好友 landing page、下拉刷新頁、照片回憶等等。

    從品牌的個性化設計,尋找一種基于插畫的設計語言,把產品塑造成一個高辨識度的 ID。

    △ Snapchat

    2. 3D插畫

    隨著軟件技術的提升,3D 插畫在這幾年中大受歡迎,很多應用都使用 3D 渲染產品,如:星巴克、Keep、毒App 等等,因為它真實立體,有著更高的轉化率。

    △ Starbucks by Wojciech

    △ Keep & 毒

    圓角卡片

    圓角代表友好、親和力,而卡片模塊化的布局更為清晰、有效、整潔。

    在上周的微信改版《微信 7.0.5 發(fā)布:9個細節(jié)提升體驗》的文章中,我講到了訂閱號的推送文章去掉了標題欄的背景,卡片變得更加簡潔。另外,公眾號詳情頁由原先的列表式,改成了圓角卡片式,彈窗也由直角改成圓角。

    △ Broadcasting & 微信

    視頻背景

    長期以來,圖像在視覺設計中起著至關重要的作用,而視頻能夠更直觀的吸引用戶,傳達主要的思想。

    在移動端中,視頻主要用于登錄頁背景,一般可以是幾秒鐘的循環(huán)剪輯視頻,它可以帶來一種身臨其境的體驗感受。

    △ Lyft & Nike

    輕提示

    Toast 是一種輕量級的提示,作為用戶操作后的反饋。UI 形態(tài)上從居中浮層,慢慢趨向于底部通欄樣式。這樣設計的好處是不會擋住當前界面的內容。

    舉一個反例,iOS 的調整音量提示,大范圍的遮住了界面,特別是對正在玩游戲的用戶非常不友好,直到 iOS 13 這個設計才被修改。

    △ Google Earth & Spotify

    色彩平鋪

    隨著扁平化設計和 Material Design 進一步占據主流趨勢,簡約的界面,明亮,大膽的色彩一直都處于增長趨勢。色彩平鋪已經成為清新、酷炫、數字時代的代名詞。

    △ Snapchat & Spotify

    注重內容

    重內容、輕 UI,把注意力引導在重要內容和功能上。像 Facebook、Instagram 這種以圖片社交為主的 App 都有一個特點,就是文字都是黑白灰,將彩色交給圖片去傳達,讓用戶關注內容即可。

    △ Facebook for Android

    AR

    增強現實的技術,已經出現在很多 Web、App 等領域中。許多平臺開發(fā)者也將增強現實技術納入其開發(fā)工具里面,可預期到這種類型的 App 將會越來越多。

    1. 地圖導視界面

    地圖+AR,讓你不再盯著二維平面上那個藍色的點,而是現實世界中的箭頭告訴你在哪個路口轉向。

    △ Google Map

    2. 表情貼紙

    Instagram、Snapchat、Messenger 等平臺可用 AR 濾鏡來創(chuàng)作,表情貼紙可以幫助用戶更直白有效地自我表達、獲取注意力。

    △ Spark AR

    車載系統(tǒng)界面

    隨著 5G、車聯網、人工智能、自動駕駛的發(fā)展,車載界面也越來越受重視了。

    在今年的 Google I/O 開發(fā)者大會上,針對車載系統(tǒng) Android Auto,推出了新的設計語言,它有著更好的可拓展性。在 UI 上,完全重新設計了導航欄,能夠更輕松地訪問應用、通知,和你的 Google 智能助理,最大限度的幫助駕駛者減少分心,將注意力集中在道路上。

    △ Android Auto UI

    此外,還開發(fā)了新的系統(tǒng)小部件,在使用地圖進行導航時,仍然可以一鍵控制音樂應用,或者正在進行的電話,同時在屏幕上保持地圖的完整視圖。

    總結

    UI 設計的趨勢除了側重內容和情感之外,還會根據不同設備載體、新的技術(3D、AR)而變化。但歸根結底還是以人為本,借用 Adobe 設計副總裁 Jamie Myrold 的一句話:如今設計師要思考的,絕不僅僅是設計一款 App、網站或設計工具。我們要思考的是人類的需求,用戶的需求,打造真正人性化,多元化與包容性的設計。

    藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務


    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 国产欧美国产精品第一区| 亚洲欧洲成人精品香蕉网| 亚洲欧美日韩另类精品一区二区三区| 成人无码精品1区2区3区免费看| 亚洲精品国产高清不卡在线| 国产高清精品一区| 97久久久久人妻精品专区| 亚洲高清国产AV拍精品青青草原| 国产一在线精品一区在线观看| 精品一区二区三区在线视频| 国产精品无码成人午夜电影 | 国产原创精品视频| 久久精品一本到99热免费| 无码精品人妻一区二区三区影院| 国产欧美日韩综合精品二区| 2024国产精品极品色在线| 国产成人精品日本亚洲网址| 国精无码欧精品亚洲一区| 日韩国产精品无码一区二区三区| 日韩精品一区二区三区影院| 久久乐国产精品亚洲综合| 国产精品亚洲欧美大片在线观看| 在线精品国产一区二区| 四虎影视884a精品国产四虎| 亚洲成人精品久久| 欧美高清在线精品一区| 久久精品草草草| 亚洲国产精品第一区二区| 青青青青久久精品国产| 国产精品视频网站| 久久精品这里热有精品| 国产精品久久久久天天影视| 国产精品亚洲欧美一区麻豆| 国产福利在线观看精品| 国产精品亚洲精品观看不卡| 久久久久免费精品国产| 91精品国产品国语在线不卡| 国产国拍亚洲精品福利| 精品露脸国产偷人在视频| 日韩视频中文字幕精品偷拍| 亚洲综合av永久无码精品一区二区|