下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 安卓UI設計系列知識

          安卓UI設計系列知識

          時間:2024-03-07 06:46作者:下載吧人氣:24

          距離上一篇關于andoridUI的帖子已經有239天了,直到今天還有朋友點贊或是私信,或是沿著留下的QQ號和群號詢問我有關andoridUI設計的知識,在此很感謝大家的支持。

          搜集了很多朋友的問題,有一個比較明顯的問題是現在網絡上沒有相關的教程or經驗說明,書店里賣的相關書籍不是大篇大段的講photoshop的使用技巧,就是講一些宏觀的問題,所以看到上次的帖子,很是有效。

          打算寫這次的教程是一周之前的想法,但是由于最近工作上忙碌,下班回家還要做私單(PS:求成都地區的web 或者 andorid或者ios的UI設計私單啦),真的沒有時間整理頭腦里的思路。

          偶爾還是會回過頭去看自己上次的帖子,還是會發現很多表達方面不夠準確的地方,理工科的知識,力求一個嚴謹,準確的描述。在上次的帖子里,講解的是andoridUI的設計入手方法和標注、切圖方法,略顯匆忙。今天開始,把與andoridUI設計相關的,andoridUI設計本身的,標準,切圖等后續工作的,甚至是一些細小的工作經驗方面的問題給大家分篇講解下,具體多少篇,暫時沒有預算,先寫著走吧。

          經常會在群里看到新人問:我如何轉UI,每天堅持畫icon嗎?

          就我個人工作經驗來說,我大概總結一下“如何轉UI,如何學好UI設計”幾點建議,如果臨時想起,我會在后面的章節里添加。

          1. 一定要玩機器,玩APP。

          你作為移動互聯網行業中的一員,你不經常玩機器,玩APP,你是做不好UI的,

          無論什么檔次的手機,借周圍朋友的手機看看玩玩。了解最近市場上火熱的手機,看看它們的參數;同時,你要多玩app,各個行業的app都下載下來玩玩,覺得漂亮的界面別忘了截圖下來,保存在手機里。在這里,推薦大家幾個獲得好app的途徑,安卓市場里有:“ifanr”,“最美應用”,或是搜索微信訂閱號“nice-app”,“appsolution”。

          當然,dribbble,behance,pinterest,站酷,花瓣這些設計網站,也應該是你每天必看的。

          2.無論是你iOSUI還是andoridUI,甚至是WPUI,一定要有一臺測試機

          不是說只有程序員才要測試機,咱們UI設計師也要有一臺測試機,個人建議UI設計師一定一定要向公司申請,安卓方面,最好是超高清分辨率(720*1280)的,市面上這樣的機器太多太多了,小米3,紅米,三星note2等等,至于為什么,我們將在后面的篇幅里給大家解釋。

          很多時候,我們在電腦上畫圖,總覺得“尺寸夠大了”“距離夠寬了”“顏色夠亮了”,但是一旦把設計資源交付給程序員,做出來的效果往往大跌眼鏡。所以,作為UI設計師,在設計過程中一定要把效果圖放在機器上查看,有時候,你真的會發現,原本“感覺”不錯的稿子,在機器上查看,就走了樣。在這里,推薦大家一個軟件:PS play,下載地址:http://isux.tencent.com/app/psplay,具體使用方法見網站,這里就不做闡述了

          3.培養一個靠譜的程序小伙伴。

          很多時候,UI設計師在設計效果圖中,或是切圖中,把握不了所用的切圖方式在程序里會不會出現預期的效果,是多磨希望能有一個即時的設備能看到運行的效果。我現在所了解的類似這樣的軟件有AppInventor,但是負責的操作,讓設計師們還是有點搞不懂,如果網友有更好的推薦,請回復。于是我培養了一個靠譜的小伙伴,偶爾我把握不到的效果,我就把資源傳給他,然后麻煩小伙伴按照所標注和解釋的方法作出效果來看是不是自己所想要的。

          4. 熟悉各個平臺的UI設計規范。

          每天堅持畫icon是學習UI的一個小部分,畫icon是鍛煉一個UI設計師的耐心,造型能力,色彩搭配能力,質感表現能力等。除此之外,你還必須去了解,掌握,熟悉各個平臺的設計規范,但是始終要記住,設計是視覺的游戲,不要沉溺于規范里,不要被條條款款約束了自己的靈感發揮。

          5.將review做為UI工作的一個階段。

          老實說,在這個方面,我自己都做得不盡責,可能是因為工作時間久了,就懶惰了。或者說對于程序員的期望太高,很多時候,就懶得去看程序那邊把UI實現出來的效果。

          但是,在嚴格的公司,一定會有一個UIreview的步驟,看看程序最后實現的效果是不是和自己預期的一樣。它產生在UI編程工作(這里談到的UI編程就相當于網頁的前端開發,寫html,css等)結束后,如果沒有配置專門的UI編程人員,那么就產生在開發結束后,作為UI設計師,對于程序實現效果的驗收除了是對產品負責之外,也是提高自己UI設計能力的過程,因為很多時候,由于我們在設計過程中用到的單位和程序開發過程中用到的單位不同,或者說安卓設備各種分辨率不同,會帶來預期之外的效果。所以,在工作中,把UI review做好,也能提高自己的UI設計能力,獲得很多細小的設計經驗。

          有了以上幾點準備,接下來我分享下一些安卓設計的知識。

          北京時間2013年9月4日凌晨對外公布了該Android新版本的名稱,為Android 4.4,代號 KitKat,接下來的文章里,我們都在此基礎上進行討論。

          谷歌公司對于安卓4.4的規范官網地址是:http://www.apkbus.com/design/index.html(中文版)http://developer.android.com/design/index.html(英文版)個人建議在熟悉中文版的基礎上,去看看英文版,畢竟老外的東西,翻譯后的中文版比起英文原版有些地方表達和描述會不一樣,甚至少了一些些細節的東西。

          首先,我們談“設備”,設備作為UI設計的大環境,也是一個andoridUI設計師最為痛疼的問題,主要涉及到各種設備之間的適配問題,在今后的篇章中,我會講解各種設備的適配方法。

          在最新的規范網址中,官方為我們描述了以下幾種分辨率的設備:

          安卓UI設計系列知識

          我們從圖中看到,有mdpi,hdpi,xhdpi xxdhpi,xxxdhpi幾種分辨率的機器,如果我沒有記錯的話,官網在近期更新過這個網頁,在4.4沒有發布之前,還加入了最小的一個分辨率 ldpi的設備。

          我們看到圖中有一些說明“1x,1.5x,2x,3x,4x”。我們可以理解為相對單位或是倍數關系。在圖中對于mdpi分辨率一欄有說明“basceline”,也就是說將mdpi作為一個基礎,一個參考物,它為1倍的話,那么hdpi就為1.5倍,xhdpi為2倍,其他以此類推。

          作為設計師的我們,要側重關心的是橫向分辨率,各種分辨率的設備其分辨率的數值為:

          橫向上來看:

          mdpi: 360左右

          Hhdpi:480左右(1.5倍)

          xhdpi:720左右(2倍)

          xxdhpi:1080左右(3倍)

          xxxdhpi:1440左右(4倍)

          這里需要說明一點的是:設備的尺寸和分辨率沒有絕對的關系,不是說屏幕大的手機就一定更清晰。如果你的老板叫你“為某一個設備做設計并只適配它的分辨率,那你一定要去看的是它的分辨率,而不是它的尺寸。”

          之前,我們說過,作為一名UI設計師,你一定要多玩手機,我們如何看一款手機,它到底屬于哪一個分辨率呢?我舉幾個例子說明:

          安卓UI設計系列知識

          小米1,從網絡上查到的相關參數,我們發現。它的分辨率為854*480(通常在描述分辨率的時候時候描述為Y軸分辨率*X軸分辨率),那也就是說,它的橫向分辨率為480,屬于hdpi分辨率的設備。

          安卓UI設計系列知識

          紅米,從圖中看到它分分辨率為;1280*720,也就是說它的橫向上的分辨率為720.屬于xhdpi分辨率的設備。

          安卓UI設計系列知識

          三星note3,1920*1280,橫向上分辨率為1080,屬于xxdhpi分辨率的設備。

          我們再來看一組數據:

          安卓UI設計系列知識

          從數據中,我們可以發現。低分辨率的設備正在逐漸淘汰,Xhdpi或者xxhdpi等高分辨率的設備已經幾乎成為統一的標準

          只有了解“設備”這個大環境。你才能做好接下來的UI設計工作。

          下期預告:安卓設計中的主題和風格問題,holo風格到底是什么?如何做holo風格。

          我們下期見。

          安卓UI設計系列知識

          標簽GUI,GUI教程,原創,自譯教程,原創,自譯教程教程,ch

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: 精品少妇人妻AV一区二区| 亚洲一区二区三区播放在线| 中文字幕一区二区人妻| 伊人久久大香线蕉AV一区二区| 天码av无码一区二区三区四区 | 国产aⅴ一区二区| 日本成人一区二区| 日本精品一区二区三区在线视频一 | 国产精品被窝福利一区 | 无码国产精品一区二区免费式直播| 国产成人无码aa精品一区| 亚洲一区二区三区免费在线观看| 插我一区二区在线观看| 波多野结衣一区二区免费视频 | 日本精品3d动漫一区二区 | 久久se精品一区二区影院| 无码人妻aⅴ一区二区三区有奶水| 亚洲AV无码一区二区乱子伦| 99久久精品国产高清一区二区| 精品免费AV一区二区三区| 日韩精品一区在线| 日本韩国一区二区三区| 日韩在线视频一区二区三区| 亲子乱av一区区三区40岁| 无码人妻一区二区三区免费手机| 一区二区三区午夜视频| 日韩精品无码一区二区三区| 无码国产伦一区二区三区视频| 国产一区二区三区不卡AV| 国产suv精品一区二区33| 国产亚洲一区二区精品| 久久久精品一区二区三区| 日韩免费视频一区二区| 无码人妻精品一区二区| 亚洲国产精品自在线一区二区 | 久久一本一区二区三区| 色妞色视频一区二区三区四区| 麻豆文化传媒精品一区二区| 日本无码一区二区三区白峰美| 午夜性色一区二区三区不卡视频 | 国产精品538一区二区在线|