UI知識(shí)，新手如何自學(xué)UI設(shè)計(jì)？(2)

界面輸出也就是切圖以及標(biāo)注，并輸出整體界面的視覺規(guī)范。

四.前端以及開發(fā)階段

配合好開發(fā)人員完成相關(guān)的界面結(jié)合，驗(yàn)收視覺以及前端、開發(fā)成果。根據(jù)他們的反饋，改進(jìn)交互設(shè)計(jì)，并與產(chǎn)品經(jīng)理協(xié)調(diào)。

五. 優(yōu)化階段

觀測(cè)核心數(shù)據(jù)變化，進(jìn)行可用性測(cè)試和用戶調(diào)研，以便優(yōu)化下個(gè)版本

當(dāng)下的UI界面設(shè)計(jì)趨勢(shì)

一.單一主色調(diào)

用簡(jiǎn)單的色階，配套灰階來(lái)展現(xiàn)信息層次

優(yōu)點(diǎn)：起到了很好的信息傳達(dá)效果，減少多余信息的干擾，使用戶專注于主要信息獲取。

典型例子：

二.數(shù)據(jù)可視化

用直觀的餅圖，扇形圖，折線型，柱狀圖等豐富的表現(xiàn)方式

優(yōu)點(diǎn)：可以在更小的屏幕空間內(nèi)更立體的展示內(nèi)容

典型例子：天氣通

三.卡片式

使用卡片樣式

優(yōu)點(diǎn)：保證了卡片和卡片之間的獨(dú)立性，又保證了服務(wù)和服務(wù)的統(tǒng)一化設(shè)計(jì)。