2019-07-14

UI設(shè)計師進階完全指南下

讀完這本書收貨了很多知識,真的是干貨滿滿

在做界面組三期作業(yè)的時候,我一直很迷茫,很多基礎(chǔ)的知識都不知道,同事看完我的界面之后建議我去臨摹,有一種心好累的感覺,看完這本書之后,我想按照書中的規(guī)范,把界面在重新調(diào)整一下,然后再看接下來該怎么辦。

在iPhone6/7/8的尺寸下,狀態(tài)欄的高度為20pt,導航欄高度為44pt,Tab欄高度為49pt,導航標題字號建議為17pt,導航欄圖標建議22pt,Tab欄圖標建議為30pt,Tab欄圖標注釋文字為11pt,左右安全距離建議為12pt。字號從10pt-34pt均可,不過要視情況而定。

一套移動端應(yīng)用的視覺規(guī)范應(yīng)該包括以下幾點:主色/輔助色/色彩規(guī)范,文字顏色/大小規(guī)范,ICON規(guī)范,應(yīng)用圖標規(guī)范,按鈕和交互規(guī)范,間距規(guī)范。

安卓規(guī)范的內(nèi)容比較多,給人感覺很復雜,但跟著老師的思路,發(fā)現(xiàn)并沒有想象中的那么難,只要記住一些關(guān)鍵的內(nèi)容就可以了。

安卓最大的標志就是有一個懸浮球,在一個頁面中只有一個FAB,這樣的話就會更顯眼,默然尺寸是56dp,Mini尺寸是40dp,F(xiàn)AB有兩種形式,一種是可交互的,還有一種是擴展形的。

底部應(yīng)用欄由容器,導航抽屜控制,浮動操作按鈕,動作圖標,更多菜單控件幾部分組成。

頂部應(yīng)用欄組成包括頂部欄容器,抽屜式導航圖標(可選),標題(可選),系統(tǒng)圖標(可選),更多按鈕(可選)

卡片式設(shè)計包含以下幾部分:1.容器卡容器,容納所以卡元素,容器的尺寸由元素占據(jù)的空間決定,2.縮略圖(可選),縮略圖可以放置圖像,圖標,和logo,3.標題文字(可選),小標題可以放置文章署名或標記位置等信息,5.多媒體(可選),卡片可以報考各種媒體,包括照片和視頻等,6.輔助文字(可選),通常是對于多媒體的描述信息,7.圖標(可選)8.按鈕(可選)

網(wǎng)站的種類有TO C端和TO B端,TO C 端面向用戶和消費者的產(chǎn)品,如:門戶網(wǎng)站,企業(yè)網(wǎng)站,產(chǎn)品網(wǎng)站,電商網(wǎng)站,游戲網(wǎng)站,專題頁面,視頻網(wǎng)站,移動端H5。TO B端作為一個需求量很大的類別卻往往被我們忽視,例如:電商網(wǎng)站供貨商的后臺,Dashboard,企業(yè)級OA,網(wǎng)站統(tǒng)計后臺等面向商家和專業(yè)人士的網(wǎng)站。

網(wǎng)站主要有,首頁,二級頁面,底層頁,廣告,F(xiàn)ooter,組成。

關(guān)于時間管理老師給了四種辦法,待辦事項列表,帕累托原則四象限,番茄鐘工作法,GTD

總結(jié):很值得一看,書中的內(nèi)容通俗易懂,對自己的幫助很大~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • # **容器類型:列表和元組(list and tuple)** ## **數(shù)據(jù)收納盒:** - 用來收納數(shù)據(jù)對象...
    行走的電燈泡閱讀 292評論 0 0
  • 2019.2.9 星期六 晴 假期第二十二天。大年初五。 正月初五,俗稱"破五",是中國民間"迎...
    賈梓航媽媽閱讀 380評論 0 2
  • 轉(zhuǎn)發(fā) https://www.cnblogs.com/shynshyn/p/8179980.html larave...
    qsddai閱讀 1,942評論 0 0
  • 原文地址:https://dev.mysql.com/doc/refman/5.7/en/innodb-archi...
    翼徳閱讀 432評論 0 0
  • 我是一個喜新不厭舊的人,喜歡新鮮事物,但卻容易被上司打上貪玩的標簽,如果恰好上司還是個小心眼,那我完蛋的不要不要的...
    小花Ivan閱讀 258評論 0 0

友情鏈接更多精彩內(nèi)容