大家好，我是帥氣小伙，今日我先給大家講一個(gè)有趣的故事
三個(gè)工人在建筑工地砌墻懂讯。
有人問(wèn)其中一個(gè)：“你在做什么？”這個(gè)工人沒(méi)好氣地說(shuō)：“沒(méi)看見(jiàn)我正在砌墻嗎实蔽！”（十年后劳殖，該工人依然在建筑工地砌墻哆姻。）
他問(wèn)第二個(gè)：“你在做什么爹脾？”得到的回答是：“我在建一棟大樓∶诨簦”（十年后，該工人成了一位建筑承包商。）
最后，他問(wèn)了第三個(gè)工人同樣的問(wèn)題，那個(gè)人哼著小調(diào)，歡快地說(shuō)：“哈哈，你看刽脖，我在建造一座美麗的城市！”（十年后，這人成長(zhǎng)為一位規(guī)劃城市的大設(shè)計(jì)師。）
程序員就像軟件工程里面的工人橙喘，如果你還是著眼于寫代碼饰潜，無(wú)異于上面所說(shuō)的第一位工人碟刺，成為一名碼農(nóng);如果你不僅著眼于寫代碼半沽，而且你懂設(shè)計(jì)，你和第二名工人是一樣的占哟，你將會(huì)成為一名合格的項(xiàng)目負(fù)責(zé)人;如果你做到了著眼于整個(gè)項(xiàng)目的規(guī)劃，那么你和第三名工人一樣铐姚，你將會(huì)成為一名出色的架構(gòu)師谦屑。
我現(xiàn)在是一名大學(xué)生氢橙，我現(xiàn)在要向第二步出發(fā)，做一名懂設(shè)計(jì)的程序員坦康。
無(wú)任何設(shè)計(jì)基礎(chǔ)
無(wú)任何繪圖經(jīng)驗(yàn)
不懂PS
這些方面的欠缺，也許很多程序員和我一樣，成為了程序員學(xué)習(xí)設(shè)計(jì)的天然障礙夭谤。不過(guò)能成為程序員的你参淹，有很多優(yōu)勢(shì)恳不。
強(qiáng)大的抽象思維
模仿能力
總結(jié)能力
一妆够、利用抽象思維學(xué)習(xí)做線框圖
我是一名android程序員颓哮，我就以：“如何做一副讓android程序員看得爽鸵荠，做得爽的設(shè)計(jì)圖”為例子，向大家介紹這個(gè)思路姨伤。
選擇一款你喜歡的App（最好的千萬(wàn)級(jí)以上的庸疾，因?yàn)檫@里有非常多優(yōu)秀的UI設(shè)計(jì)知識(shí)）
網(wǎng)易云音樂(lè)
選擇某個(gè)頁(yè)面作為你抽象的目標(biāo)（最好是內(nèi)容較多的頁(yè)面）
畫出與頁(yè)面相對(duì)應(yīng)的線框圖
工具：Wireframing
一看界面届慈，果斷想起了eclipse金顿，這款工具做出了的線框圖是很變態(tài)的，他居然可以有Android端的控件（同時(shí)具有3個(gè)平臺(tái)的渠概，android播揪，ios顷牌，windows）窟蓝。
這款工具它還可以像演示PPT一樣饱普，展示你的交互設(shè)計(jì)，真的棒谁帕！
作為程序員冯袍，有時(shí)候真的是一圖難求（自己不會(huì)P圖），不過(guò)沒(méi)關(guān)系儡循，這款工具本身自帶有圖標(biāo)择膝。
你沒(méi)看錯(cuò)，是Material Design風(fēng)格腹侣，我再也不用忍受ios的設(shè)計(jì)稿對(duì)我的摧殘了齿穗。
于是我就用它作為了我畫圖的工具
畫好線框圖是學(xué)好設(shè)計(jì)的第一步窃页，也是讓人家相信你懂設(shè)計(jì)的第一步，這個(gè)過(guò)程要多練習(xí)帖鸦，多去感悟胚嘲。
領(lǐng)悟配色（鍛煉你的審美）
領(lǐng)悟布局（鍛煉你的空間想象）
領(lǐng)悟交互（鍛煉你的交互設(shè)計(jì)思維）
二馋劈、總結(jié)同一類型產(chǎn)品同一頁(yè)面的線框圖
網(wǎng)頁(yè)云音樂(lè)
QQ音樂(lè)
你沒(méi)有看錯(cuò)妓雾，網(wǎng)易云音樂(lè)跟QQ音樂(lè)就是這么相似，抽象了之后妒蛇。
我們看這兩幅圖楷拳，能看懂什么問(wèn)題嗎？
1.首頁(yè)都是有廣告的
2.采用了的分類方式是偽折疊式（它都是打開的陶耍，不允許用戶折疊而已）
3.采用標(biāo)準(zhǔn)的滑動(dòng)式切換二級(jí)主分類（個(gè)性推薦她混，歌單，主播電臺(tái)毯欣，排行榜）
4.具有搜索功能的應(yīng)用，搜索按鈕永遠(yuǎn)都放在右上角（用戶習(xí)慣）
5.都不采用底部導(dǎo)航單沉桌，選用左滑抽屜式菜單（原來(lái)的網(wǎng)易云音樂(lè)是底部導(dǎo)航菜單的留凭，現(xiàn)在果斷抄了QQ音樂(lè)）
6.都采用了循環(huán)式滑動(dòng)切換一級(jí)主分類（QQ音樂(lè)偎巢，在音樂(lè)館這個(gè)一級(jí)分類下，二級(jí)分類為精選求冷，向左滑窍霞，就跳到了“我的”這個(gè)一級(jí)主分類）但金，簡(jiǎn)書也是這種設(shè)計(jì)±淅＃可以說(shuō)這是一種設(shè)計(jì)的趨勢(shì)吧似枕。
以上是設(shè)計(jì)上的總結(jié)
作為一名程序員，在看了別人的產(chǎn)品之后凿歼，一定會(huì)想它是怎么實(shí)現(xiàn)的毅往。
1.廣告輪播（com.bigkoo:convenientbanner:2.0.5）
2.碎片化頁(yè)面（viewpager+viewpagerindicator+fragement）
3.偽折疊式分類（多個(gè)recyclerview+頭部+豎直或水平布局管理器）
4.側(cè)滑菜單框架（有很多）
三、理解設(shè)計(jì)意圖
為什么網(wǎng)易云音樂(lè)和QQ音樂(lè)的推薦頁(yè)都不允許下拉刷新？
下拉刷新不是隨便用的侯嘀，使用下拉刷新的條件如下
后臺(tái)數(shù)據(jù)時(shí)刻發(fā)生改變（例如消息列表）。
后臺(tái)數(shù)據(jù)歲時(shí)間增加（用戶可以增加內(nèi)容的情況下）內(nèi)容頁(yè)面數(shù)據(jù)有限吠谢，通過(guò)下拉刷新增加頁(yè)面內(nèi)容诗茎。
而推薦頁(yè)面是受應(yīng)用方管理的，它不會(huì)時(shí)刻變化王污，因此避免下拉刷新而造成重復(fù)數(shù)據(jù)的請(qǐng)求楚午，節(jié)省用戶流量昭齐。
為什么如今大多數(shù)產(chǎn)品都會(huì)采用廣告輪播式的方式向用戶展示？
以前我記得某新聞很喜歡用推送的方式去搞廣告矾柜，這讓很多用戶反感阱驾，而廣告輪播式，不僅增加了頁(yè)面的多樣式怪蔑，而且提高了應(yīng)用的質(zhì)量里覆。我認(rèn)為一個(gè)好的應(yīng)用：“應(yīng)該是讓用戶自己去學(xué)著怎么玩，而不是用一大堆強(qiáng)制的方法去教用戶如何使用”缆瓣，廣告輪播的方式相對(duì)后臺(tái)的暴力推送租谈，還給了用戶更多的自由，使界面看起來(lái)更多元化割去。
為什么要向用戶展示歌曲的收聽數(shù)？
別笑昼丑，沒(méi)做過(guò)互聯(lián)網(wǎng)的往往會(huì)忽略這一點(diǎn)呻逆。這個(gè)收聽數(shù)，是一種運(yùn)營(yíng)策略菩帝，利用的是從眾心理咖城，例如淘寶，你買的東西的時(shí)候呼奢，都會(huì)看銷量宜雀，看多少人買，然后你就跟著買了握础。
四辐董、理解產(chǎn)品定位與設(shè)計(jì)的關(guān)系
界面設(shè)計(jì)是建立在產(chǎn)品定位的的基礎(chǔ)上的。
QQ音樂(lè)作為騰訊的附屬產(chǎn)品禀综，更偏向于工具简烘，它一開始為用戶展示的就是QQ音樂(lè)的功能苔严，而QQ音樂(lè)不用擔(dān)心它是否能夠黏住用戶，而他更專注于功能孤澎。
網(wǎng)易云音樂(lè)則通過(guò)強(qiáng)大的算法届氢，為用戶提供個(gè)性化歌曲推薦，以此作為提高用戶粘度的產(chǎn)品運(yùn)營(yíng)策略覆旭，建立音樂(lè)社區(qū)退子，提高應(yīng)用的活躍度。
首頁(yè)真的太重要了型将，它能夠看出一個(gè)產(chǎn)品的定位和產(chǎn)品的成敗寂祥，所有首頁(yè)應(yīng)該慎重考慮
五、總結(jié)
如果你是一名美工茶敏，你多思考一下就能做一名UI設(shè)計(jì)師壤靶；
如果你是一名UI設(shè)計(jì)師，你多比較一下就能做一名合格產(chǎn)品經(jīng)理惊搏；
如果你是一名程序員贮乳，你多理解一下就能成為一個(gè)項(xiàng)目負(fù)責(zé)人。
高度決定視野恬惯，視野決定未來(lái)
我是帥氣小伙向拆，喜歡我就點(diǎn)我吧，歡迎大家提出更好的建議酪耳。歡迎設(shè)計(jì)師來(lái)打我臉Ｅ摇！碗暗！
