<sub id="hsywa"><sup id="hsywa"><object id="hsywa"></object></sup></sub>
  • <span id="hsywa"><output id="hsywa"></output></span>

    <span id="hsywa"></span>

    <span id="hsywa"></span>

    恭喜你成為UI中國推薦設計師 (詳情)
    //百度統計 20220402 uicn

    您的意見是我們 UI 中國進步的動力!
    點擊立即反饋按鈕,發表您的意見!
    立即反饋
    QQ群反饋
    您也可以加入UI中國官方反饋群進行反饋!
    群號:302892100
    備注:反饋問題后@管理員能讓我們及時了解您的意見

    提交需求

    賽事與廣告咨詢合作,請填寫需求表單,我們會在第一時間與您聯系!

    0/20
    0/200

    設計大賽

    • 設計大賽
    • 發布廣告
    • 發布招聘
    • 其它需求

    提交完成
    感謝您對UI中國的支持和信賴!
    看著簡單,老司機做出來就完全不一樣
    115.5°
    2022-06-13 | 原創文章 / 經驗/觀點 / | 舉報 | 21346 182 355 8

    產品設計做到極致的時候,發揮的空間就會深入到細微之處的功能,看著簡單的功能,也會被設計師腦洞大開。不僅帶給用戶更好的使用體驗,也通過趣味性和差異化的表現方式,帶來不一樣的感官體驗。


    為了提高大家對于細節設計的靈感,今天黑馬哥為大家整理了一些細微之處的優秀設計方案,希望可以帶給大家更多設計思維。





    一、個性化的 UI 設計風格


    隨著用戶群體的年輕化趨勢,產品 UI 視覺層也在嘗試更多年輕化的風格,更獨特的視覺風格才能增加年輕用戶的好感度。最近體驗到皮玩 APP,描邊風的設計手法和青春活潑的配色,整體的界面設計帶來獨特的視覺風格,讓人眼前一亮。


    通過描邊可以中和色彩之間的排斥感,也能強化風格特征,是色彩構成中較為常用的手法。被運用到 UI 設計的表現中,帶來的風格感也是獨特新穎的,將成為一種風格趨勢被延續。





    二、視覺區域的業務動態演繹


    強化主界面視覺感通常會在頂部區域進行,通過品牌色、插畫、IP 形象配圖等形式居多,再配合動效形式效果更佳。在每平每屋 APP 首頁中,頂部區域通過動畫形式演繹業務屬性,不僅增強了該區域的視覺感,達到吸引用戶關注的目的;也將產品的業務屬性表達出來,加深用戶的記憶點。





    三、增強操作體驗的情感氛圍


    通過愛奇藝 APP 在端午節期間觀看視頻時,單擊或者雙擊屏幕則會出現歡快舞動的粽子形象,營造出節日氛圍。情感化的設計增強了操作體驗度,趣味性的設計也營造出更好的感官體驗。





    四、帶給你美食誘惑的下拉刷新


    麥當勞在麥麥商城欄目的下拉刷新設計中,采用漢堡形象結合層級動效進行表達,讓人眼前一亮。動效拉長的漢堡不僅體現出份量感,激發用戶的食欲;漢堡形象就十分麥當勞,展現出品牌關聯性。





    五、刷新狀態下的趣味化 IP 形象


    IP 形象結合到刷新設計中的案例非常多,不僅可以帶來情感化的體驗,也能增加功能操作的趣味性。半次元在下拉刷新時不僅結合 IP 形象,還通過下拉的程度將形象拉長,最后再配合表情和動態營造出趣味性。





    六、滾動的 3D 元素強化視覺感


    隨著三維設計的流行,在 UI 場景中也掀起了流行趨勢,出現在視覺強化、圖標設計、按鈕設計等元素中。吃貨筆記 APP 將 3D 元素的圖標作為登錄界面背景設計,配合滾動的動畫表達,帶來了非常驚艷的視覺效果。強化視覺感和青春潮流的風格,可以將用戶的關注度轉移,降低對于功能操作的排斥感,也提高了產品設計的感官體驗。





    七、積分兌換的可視化表達


    積分兌換是增加用戶粘性的慣用形式,如何提高積分活動的參與度是設計重點。麥當勞 APP 將積分兌換模擬真實用餐場景,不同積分值對應不同套餐,交互形式簡單易懂??梢暬脑O計表達增加用戶的理解度,實物照片增加美食誘惑,吸引用戶參與積分活動,用戶體驗度較好。





    八、個性化的界面布局設計


    隨著產品設計越來越成熟且豐富多樣,在 UI 布局層面也不斷突破常規束縛,呈現出更大膽的設計解決方案。PODO 漫畫啟動頁過度到首頁時,布局做到自然過渡且風格特異,打破常規的界面布局給人眼前一亮的體驗。在瀏覽過程中不僅有視差感的體驗,動效的結合也增加了設計的關注度。





    九、3D 實景增強購物體驗度


    如今的生活方式已經是足不出戶就可以滿足購物需求,眾多產品為了提高購物的真實感和體驗度,利用 3D 實景逛店提高場景代入感。屋顏 APP 利用 3D 實景打造了線上體驗館,虛擬空間體驗過程中點擊家居產品即可進一步了解商品信息。場景感的體驗館讓商品展示更有代入感,也打造了不一樣的購物場景,帶給用戶更好的使用體驗。





    十、情感化的步驟設計


    針對步驟或者流程設計,除了簡單易懂的描述方式以外,通過配圖/圖形等來輔助用戶理解,往往可以使得傳遞效率事半功倍。每平每屋 APP 在展示裝修步驟的設計中,通過 IP 形象結合場景來表達不同步驟的場景感,不僅讓步驟信息更易理解,也使得單調的步驟變得更有趣味性,帶給用戶的感官體驗也是非常不錯的。





    小結


    越是簡單的設計越容易被人忽略,看著簡單做起來卻難以突破,想要做出差異化的設計,就要從細微之處探索不一樣的表現形式。體驗和分析優秀的設計,是為了提高我們的設計感知能力和積累解決設計問題的靈感。


    希望今天為大家分享的設計案例可以帶給大家更多靈感,描述內容僅代表個人觀點,不足之處大家互相彌補。



    作者:黑馬青年(vx: heimaux)

    本文由 @黑馬青年 原創發布。未經許可,禁止轉載。

    Powered by Froala Editor

    微信公眾號:黑馬家族

    創建于:2022-06-13

    收藏

    182人已收藏

    黑馬青年

    設計交流微信:heimaux

    • 106

      作品

    • 2.3w

      粉絲

    • 140

      關注

    • 如何才能在 30 歲之前成就自己
    • 這個效果原來是這樣做出來的
    • 畫圖標,我是認真的
    • 給你五年的時間,你能走到哪一步?

      猜你喜歡

        2022-06-13 | 原創文章 / 經驗/觀點 / | 舉報 | 21346 182 355 8

        看著簡單,老司機做出來就完全不一樣

        115.5°

        你確定要舉報看著簡單,老司機做出來就完全不一樣?

        如果查出惡意舉報,十天內禁止提交任何舉報申請。

        0/200

        上傳證據: 超過10M的附件請使用網盤地址

        點擊上傳附件

        對誰可見:

        全部設計師
        • 全部設計師
        • 推薦設計師和認證設計師

        您確認要推薦?

        該作品發布時間:2022年06月13日

        評分

        完整度

        啟發性

        勤奮性

        排版布局

        推薦心得

        建議20-200字以內

        0/200

        355
        182
        8

        賬號或密碼錯誤,請重新輸入

        賬號或密碼錯誤,請重新輸入

        登錄

        手機號

        發送驗證碼 120s 驗證碼錯誤

        登錄
        第三方賬號登錄
        又黄又粗暴的变态小说
        <sub id="hsywa"><sup id="hsywa"><object id="hsywa"></object></sup></sub>
      • <span id="hsywa"><output id="hsywa"></output></span>

        <span id="hsywa"></span>

        <span id="hsywa"></span>