UI知識,新手如何自學(xué)UI設(shè)計(jì)?

2022-12-26 11:12:23 來源/作者: / 己有:14人學(xué)習(xí)過

界面輸出也就是切圖以及標(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)化階段

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

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

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

用簡單的色階,配套灰階來展現(xiàn)信息層次

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

典型例子:

_0313301429-3.jpg

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

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

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

典型例子:天氣通

_0313306029-4.jpg

三.卡片式

使用卡片樣式

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