成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

十個產品細節剖析,讓你看看大廠是如何做設計的!

移動開發 移動應用
本期內容涉及優惠券設計、輪播圖設計、微動效技巧、刷新的情感化設計、春節主題和冬奧主題等等。

感謝大家對黑馬家族感官體驗日記欄目的關注和支持,本欄目皆在為大家帶來優秀的設計解決方案和不一樣的設計思維。希望每一期的分享都能開啟你對于設計的全新認知,提高設計思維和變通能力。

下面就和黑馬哥一起來看看本期的感官體驗總結吧!本期內容涉及優惠券設計、輪播圖設計、微動效技巧、刷新的情感化設計、春節主題和冬奧主題等等。

不一樣的優惠券疊加設計

優惠券在電商購物場景中運用普遍,如何提高優惠券的關注度和使用率是至關重要的探索。特別是在多個優惠券疊加的場景中,如何在交互層面和視覺引導層面進行突破,作為設計師來說都在不斷嘗試新的解決方案。

最近發現得物(毒)將多個優惠券設計成左右滑動的動效形式,方便用戶關注到更多不一樣的優惠券。將有效期設計成失效的倒計時,營造時間緊迫感,提高用戶的關注度和優惠券的使用率。

突出品牌感的輪播 Banner 設計

輪播圖在產品設計中較為普遍,以推廣營銷活動為主。除了在 Banner 設計本身進行創意發揮以外,在 UI 布局層面也是設計師探索的方向。

得物(毒)在最近的一次新年活動中,利用品牌展示和輪播 Banner 相結合進行布局呈現,不僅突出活動主題,也強化了活動品牌的曝光度。除了自動輪播之外,也可以點擊品牌卡片切換,操作也是非常便利。Banner 底部卡片的展示也能讓用戶在當前視野中瀏覽到其他品牌,提高了更多品牌的曝光度。

多種分類下的輪播設計

單輪播設計較為普遍,當我們遇到按照不同類別輪播類別的內容時,如何處理好類別的樣式和輪播的呈現方式呢?相信這個設計解決方案是一個不錯的思路。

網易云音樂 APP 播客欄目中,隨心聽 FM 除了卡片輪播以外,下方設計了音樂類別的選擇,模擬調頻場景設計,操作不僅非常便利,感官體驗也是非常不錯的。背景顏色也會隨著類別切換進行微變化,帶給用戶非常自然的視覺過渡。

通過手勢拖拽隱藏紅點提示

紅點效應從強迫癥已經開始過渡到治愈期,不過針對信息列表較多的部分,紅點提示太多也是非常干擾用戶體驗的。

在 MOMO 陌陌 APP 消息欄目中,如果你覺得紅點提示消息過多時,可以通過拖拽紅點隱藏顯示,無需挨個刪除或者閱讀。配合微動效的設計表現,帶給用戶非常流暢自然的操作體驗,借助手勢交互的設計提升用戶體驗。

這個功能最早是手機QQ設計團隊創造的,設計過程見:

右滑手勢探索新的世界

手勢交互設計在產品中逐漸得到應用,可以在有限的空間里面探索更多的互動體驗,帶給用戶更加便利的操作體驗。

最近研究手勢交互的時候,發現 MOMO 陌陌 APP 首頁右滑即可開啟新功能,探索新的世界,吸引用戶前往這個小宇宙去探索。

刷新設計的情感化表達

把簡單的功能做到極致,把重復的動作做到更有情感化。想要抓住用戶的情感共鳴,就要在細微之處帶給用戶更有情感化的體驗。

喜馬拉雅 APP 在下拉刷新時,不是固定的文案提示,針對這個動作設置了不一樣的文案提示。每一次刷新都會展示不一樣的文案,讓用戶感受到這是一個有溫度的產品,情感化設計的表達提高了用戶的情感共鳴。

融入春節元素的金剛區設計

春節元素融入到 UI 設計中近期出現了很多案例,在金剛區圖標設計中的表現尤為突出,帶給用戶情感化的場景代入感。

自如 APP 就將春節中的元素融入到金剛區的圖標設計中,帶來的感官體驗也是非常不錯的。運用到的元素涉及鞭炮、福字、元寶、紅包、糖葫蘆等等,結合中國紅營造出濃厚的春節氛圍。

醒目的引導提示設計

針對新業務或者新功能的新手引導設計,有助于提高用戶對于內容的熟悉度,也能降低摸索學習的成本。

記賬城市 APP 在打開應用時,會在底部彈出新增的一些功能或者交互玩法。通過俏皮可愛的卡通形象以對話式的形式傳遞內容,降低了用戶的學習成本,一目了然且不會形成對主功能區域的干擾。

用設計為北京冬奧會加油

最近比較熱門的話題就是北京冬奧會了,各大品牌都在不同的渠道通過各種形式進行曝光,借助營銷策劃或者單純的加油祝賀,為北京冬奧會的舉辦增添色彩。

高德地圖 APP 在地圖主頁添加火炬元素突出冬奧主題,點擊會展開“點燃昂揚斗志,中國隊加油”。保持當前結構的基礎上,通過元素的添加達到主題的突出,既不干擾用戶操作,也能通過情感化的設計與用戶產生共鳴。

游戲化的簽到積分設計

簽到掙積分獲取相應的獎勵,在產品中較為常見,特別是電商類產品。隨著這種形式的普及,起初的新鮮感逐漸減少,有差異和創意的表達方式才能吸引用戶的關注度。

得物(毒)結合游戲化的形式表達簽到和領取積分的設計,通過積分換取優惠券和禮品等。積分采用極光的形式表達,不足的情況下可以通過“找極光”獲取,激發用戶的參與度。

小結

從感官體驗的角度體驗產品,總結了在 UI 設計視覺層面的解決方案,有助于提高 UI 設計師的視覺表現能力。對比相同功能的不同視覺表達,總結優秀的設計呈現方案,希望這個欄目可以帶給你更多幫助!

責任編輯:未麗燕 來源: 優設
相關推薦

2022-03-08 08:09:39

UI設計師體驗

2022-04-27 11:46:56

設計師設計目標設計方案

2020-09-22 15:21:08

微信設計騰訊

2021-08-24 14:46:24

設計阿里巧思

2013-07-24 10:01:24

產品設計產品經理新手做產品

2020-05-15 09:55:09

設計技術棧程序員

2023-05-24 10:24:56

代碼Python

2019-07-15 15:59:32

高維數據降維數據分析

2021-07-19 10:33:17

B端設計移動端交互設計

2024-06-28 11:29:20

數據學習模型機器學習

2023-05-16 06:50:50

prompt郵件語法

2025-06-25 10:02:55

2024-07-16 10:13:01

2022-10-08 07:54:24

JavaScriptAPI代碼

2009-06-25 10:15:41

糟糕的程序員

2025-03-18 14:27:35

2025-03-17 10:42:12

2024-12-31 12:20:00

Redis復制延遲數據庫

2025-01-10 08:00:00

JavaScript開發編程語言

2023-11-06 07:33:01

推薦策略數據分析
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产日韩欧美 | 在线播放国产一区二区三区 | 午夜丰满少妇一级毛片 | 黄色片大全在线观看 | 99精品视频在线 | 亚洲三区在线观看 | 中文字幕一区二区三区在线乱码 | 国产精品美女久久久久aⅴ国产馆 | 久久影音先锋 | 国产日韩一区二区三免费高清 | 国产精品美女www | av在线电影网 | 欧美h| 中文精品视频 | 午夜精品一区二区三区三上悠亚 | 国产精品1| 亚洲视频一区二区三区 | 国产成人精品一区二区三区在线 | 综合激情av | 日韩欧美中文字幕在线观看 | 在线观看成年人视频 | 亚洲精品视频在线看 | 超碰精品在线 | 久久高清| 91久久国产综合久久 | 日韩在线免费视频 | 日韩av在线中文字幕 | 成人精品免费视频 | 综合网中文字幕 | 日韩www| 亚洲在线一区 | 一区二区精品视频 | 黄色在线观看网站 | caoporn免费| 日韩午夜场 | 久久久久久国产 | 日韩一区二区黄色片 | 久久精品国产亚洲 | 一级大片网站 | 中国三级黄色录像 | 久在线|