- UI設計(項目式全彩微課版)
- 陳秀雙 龐錦維主編
- 510字
- 2024-02-23 18:29:18
任務1.1 理解UI設計的基本概念
1.1.1 任務引入
本任務要求讀者首先了解UI設計的基本概念,然后到花瓣網調研UI設計的實際應用并進行賞析,提高UI設計鑒賞水平。
1.1.2 任務知識
UI是User Interface(用戶界面)的縮寫,UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。優秀的UI設計不僅要保證界面的美觀,更要保證交互設計(Interaction Design,IxD)的可用性及用戶體驗(User Experience,UE/UX)的友好度。UI設計范例如圖1-2所示。

圖1-2
1.1.3 任務實施
(1)啟動瀏覽器,打開花瓣網官網,單擊右上角的“登錄/注冊”按鈕,如圖1-3所示,在彈出的對話框中選擇登錄方式并登錄,如圖1-4所示。

圖1-3

圖1-4
(2)在搜索框中輸入關鍵詞“UI設計”,如圖1-5所示,按Enter鍵進入搜索結果頁面。

圖1-5
(3)單擊頁面上方的“畫板”選項,如圖1-6所示,會顯示出與UI設計相關的圖標設計、App界面設計以及網頁設計等畫板。選擇其中的“APP界面”畫板,單擊“關注”按鈕,如圖1-7所示,關注該畫板。也可以根據調研需要關注其他與UI設計相關的畫板。

圖1-6

圖1-7
(4)單擊關注的“APP界面”畫板,進入該畫板,如圖1-8所示。通過調研并賞析該畫板中UI設計的實際應用案例,更好地理解UI設計的基本概念。使用上述方法,調研并賞析其他與UI設計相關的畫板,進一步熟悉UI設計的應用。

圖1-8