輕量化為移動UI設計創造沉浸式體驗

中文摘要

近十年后的今天，移動互聯網改變了我們生活,以前信息的傳遞主要從報刊雜志獲取，慢慢開始依賴于鼠標和鍵盤點擊信息的電腦，最后到現在我們可以將界面掌控于手中的智能手機。人與信息直接互動的體驗模式成為主導，但信息量的暴增會導致用戶注意力的渙散。將信息傳遞和人融和到設計師營造的情境中，以最小的干擾來幫助用戶集中注意力。這是輕量化設計，對抗產品界面劣化趨向的有效手段，也是用戶體驗提升的關鍵。讓設計聚焦于更重要的內容。

      本文旨在通過深入研究“輕量化”在UI界面中視覺呈現所創造的沉浸體驗，分析輕量化設計的相關理論和應用方法，論證輕量化設計在用戶體驗的優勢。指引用戶聚焦屏幕上的關鍵內容，提供簡單、明晰的導航，更向用戶傳遞了流暢、現代感極強的品牌體驗。并通過相關案例，結合個人畢業設計過程充分論證。

關鍵詞： 輕量化設計 沉浸 用戶體驗 應用規則

目錄

緒論  …………………………………………………………………………………1

一、移動UI的輕量化設計   ………………………………………………………2

（一）輕量化設計的定義   ……………………………………………………2

（二）輕量化在移動UI中的設計思考  ………………………………………2

1．本能層既表現層  ………………………………………………………3

2．行為層即機制層  ………………………………………………………3

3．反思層即情感層  ………………………………………………………3

二、輕量化設計的應用規則  ………………………………………………………3

（一）精簡配色  …………………………………………………………………4

1．單色配色  ………………………………………………………………4

2．相鄰色的配色  …………………………………………………………5

3．深色主題配色沉浸模式的典型色  ……………………………………6

（二）扁平化設計   ……………………………………………………………7

（三）留白分隔   ………………………………………………………………8

（四）只用一種字體    ………………………………………………………10

（五）數據焦點  ………………………………………………………………12

（六）微交互  …………………………………………………………………13

三、輕量化設計創造沉浸式氛圍   ………………………………………………14

四、輕量化設計在畢業設計中的實踐 ……………………………………………14

（一）畢業設計概況    ………………………………………………………14

（二）品牌標識及應用  ………………………………………………………15

(三）界面設計輕量化  ………………………………………………………15

1．一致性   ………………………………………………………………15

2．清晰性和易用性   ……………………………………………………16

結論………………………………………………………………………………… 18

參考文獻…………………………………………………………………………… 19