UI設(shè)計(jì)師進(jìn)階完全指南下
讀完這本書(shū)收貨了很多知識(shí)惰聂,真的是干貨滿滿
在做界面組三期作業(yè)的時(shí)候城侧,我一直很迷茫易遣,很多基礎(chǔ)的知識(shí)都不知道,同事看完我的界面之后建議我去臨摹嫌佑,有一種心好累的感覺(jué)豆茫,看完這本書(shū)之后,我想按照書(shū)中的規(guī)范屋摇,把界面在重新調(diào)整一下揩魂,然后再看接下來(lái)該怎么辦。
在iPhone6/7/8的尺寸下炮温,狀態(tài)欄的高度為20pt火脉,導(dǎo)航欄高度為44pt,Tab欄高度為49pt柒啤,導(dǎo)航標(biāo)題字號(hào)建議為17pt忘分,導(dǎo)航欄圖標(biāo)建議22pt,Tab欄圖標(biāo)建議為30pt,Tab欄圖標(biāo)注釋文字為11pt白修,左右安全距離建議為12pt妒峦。字號(hào)從10pt-34pt均可,不過(guò)要視情況而定兵睛。
一套移動(dòng)端應(yīng)用的視覺(jué)規(guī)范應(yīng)該包括以下幾點(diǎn):主色/輔助色/色彩規(guī)范肯骇,文字顏色/大小規(guī)范,ICON規(guī)范祖很,應(yīng)用圖標(biāo)規(guī)范笛丙,按鈕和交互規(guī)范,間距規(guī)范假颇。
安卓規(guī)范的內(nèi)容比較多胚鸯,給人感覺(jué)很復(fù)雜,但跟著老師的思路笨鸡,發(fā)現(xiàn)并沒(méi)有想象中的那么難姜钳,只要記住一些關(guān)鍵的內(nèi)容就可以了。
安卓最大的標(biāo)志就是有一個(gè)懸浮球形耗,在一個(gè)頁(yè)面中只有一個(gè)FAB哥桥,這樣的話就會(huì)更顯眼,默然尺寸是56dp激涤,Mini尺寸是40dp拟糕,F(xiàn)AB有兩種形式,一種是可交互的,還有一種是擴(kuò)展形的送滞。
底部應(yīng)用欄由容器侠草,導(dǎo)航抽屜控制,浮動(dòng)操作按鈕犁嗅,動(dòng)作圖標(biāo)梦抢,更多菜單控件幾部分組成。
頂部應(yīng)用欄組成包括頂部欄容器愧哟,抽屜式導(dǎo)航圖標(biāo)(可選)奥吩,標(biāo)題(可選),系統(tǒng)圖標(biāo)(可選)蕊梧,更多按鈕(可選)
卡片式設(shè)計(jì)包含以下幾部分:1.容器卡容器霞赫,容納所以卡元素,容器的尺寸由元素占據(jù)的空間決定肥矢,2.縮略圖(可選)端衰,縮略圖可以放置圖像,圖標(biāo)甘改,和logo旅东,3.標(biāo)題文字(可選),小標(biāo)題可以放置文章署名或標(biāo)記位置等信息十艾,5.多媒體(可選)抵代,卡片可以報(bào)考各種媒體,包括照片和視頻等忘嫉,6.輔助文字(可選)荤牍,通常是對(duì)于多媒體的描述信息,7.圖標(biāo)(可選)8.按鈕(可選)
網(wǎng)站的種類(lèi)有TO C端和TO B端庆冕,TO C 端面向用戶和消費(fèi)者的產(chǎn)品康吵,如:門(mén)戶網(wǎng)站,企業(yè)網(wǎng)站访递,產(chǎn)品網(wǎng)站晦嵌,電商網(wǎng)站,游戲網(wǎng)站拷姿,專(zhuān)題頁(yè)面惭载,視頻網(wǎng)站,移動(dòng)端H5跌前。TO B端作為一個(gè)需求量很大的類(lèi)別卻往往被我們忽視棕兼,例如:電商網(wǎng)站供貨商的后臺(tái)陡舅,Dashboard,企業(yè)級(jí)OA,網(wǎng)站統(tǒng)計(jì)后臺(tái)等面向商家和專(zhuān)業(yè)人士的網(wǎng)站抵乓。
網(wǎng)站主要有,首頁(yè),二級(jí)頁(yè)面灾炭,底層頁(yè)茎芋,廣告,F(xiàn)ooter,組成蜈出。
關(guān)于時(shí)間管理老師給了四種辦法田弥,待辦事項(xiàng)列表,帕累托原則四象限铡原,番茄鐘工作法偷厦,GTD
總結(jié):很值得一看,書(shū)中的內(nèi)容通俗易懂燕刻,對(duì)自己的幫助很大~