? ? ? ? ? ? ? 從橫向視角看UI
? ? ? 在上一節(jié)中，我們已經(jīng)了解了UI設計在設計行業(yè)中的大體定位，也給出了一個大概的定義。在這一節(jié)中，我們就詳細的說一說UI設計的具體工作。
? ? ? 既然是從橫向視角看，那么不妨先來聊一聊一款app產(chǎn)品從0到1的誕生流程。
? ? ? 首先我們要引入第一個身份，產(chǎn)品經(jīng)理。產(chǎn)品經(jīng)理是什么呢？我的理解是：能夠敏銳地捕捉當前市場下用戶的痛點，并對痛點進行分析梳理，提出一套解決方案的同時給出分析報告和原型的職業(yè)。簡單說就是：發(fā)現(xiàn)問題-分析問題-提出解決方案。這一過程對產(chǎn)品經(jīng)理的能力要求是全面的，強大的邏輯思維、精準的痛點分析、完善的競品分析能力等等，在這里就不細說了，想要了解更多的同學，可以去看《人人都是產(chǎn)品經(jīng)理》一書，我個人認為，作為UI設計師是需要去深入了解產(chǎn)品經(jīng)理并主動去鍛煉學習這一崗位提出的各種能力要求的。而在這里，我們只要知道，產(chǎn)品經(jīng)理是UI設計師的上游，UI設計師進行的各種設計，追其根源（基本）是由產(chǎn)品經(jīng)理提出的。
? ? ? 接下來引入第二個身份，交互設計師。這個職業(yè)上承產(chǎn)品經(jīng)理，下接UI設計師，但是目前來看，其職能范圍尚不像UI設計師這樣如此的明確。所以我們目前也只有在一些大公司能見到這個職業(yè)。我個人對這個崗位的理解也可能有些不準：交互設計師從產(chǎn)品經(jīng)理手中拿過分析報告和原型之后，再次進行信息梳理，細化原型圖，令app的每一個頁面都初具雛形并使各頁面的交互友好、最簡、最清晰。注意，這些工作如果是在一個沒有交互崗的公司，都是交給產(chǎn)品經(jīng)理或者UI設計師去做的，這也正是交互設計師這個職業(yè)的尷尬之處，對于它的發(fā)展我暫持保守態(tài)度。
? ? ? 這之后才輪到UI設計師正式出場。在接到由交互設計師細化之后的原型之后，UI設計師需要對每一個頁面進行美化，美化到什么程度呢？到我們能在應用商店看到的上線的產(chǎn)品那樣，即高保真原型圖的水平。在這個過程中，我們需要配色，設計圖標，確定頁面設計規(guī)范。這個設計規(guī)范是單獨針對這款產(chǎn)品的，包括頁面內(nèi)元素的邊距、排版方式，字號大小，間隔元素，圖片比例等等，還有各類控件的風格、尺寸，這些都是需要提前考慮的。
? ? ? 這里就要細說一下為什么要最先確定頁面的設計規(guī)范了。我不知道各大牛如何思考這個問題，但它是我在設計自己的第一款虛擬app時遇到的。那時我在進行過前期簡單的頭腦風暴和產(chǎn)品定位之后，大體定出了產(chǎn)品的線框圖和低保真模型圖。不過在做這個工作時，我還沒有意識到要去考慮頁面的設計規(guī)范。這直接導致了我在后期制作每一個頁面時，各頁面的內(nèi)容區(qū)邊距都不盡相同，字號大小、圖片比例隨性而定。結(jié)果就是：盡管單獨拉出一個頁面觀賞是不錯的，但所有頁面放在一起，不會讓人覺得這是同一款app下的各個界面。這里先引入一個概念，那就是一致性，這就要求我們起碼要讓一款app內(nèi)各頁面風格統(tǒng)一。如果自己都是雜亂無序的，那又怎樣讓用戶去喜歡上自己呢？所以在做所有工作之前先制定一個規(guī)范，就像設計一款桌游要制定規(guī)則一樣。接下來的所有設計，可以放飛思緒，但必須是符合這個規(guī)范的！其實你也可以不這樣做，那后果就是在后期不斷去改稿，這個工作量就會很大了。
? ? ? 有時候我們會設計出新穎的交互動效，為了和我們的下游，也就是開發(fā)工程師們更好的對接工作，我們也需要通過After Effects（簡稱AE）做出該交互的動態(tài)圖來。說到這里，UI設計師的工作內(nèi)容就已經(jīng)很明確了，一句話概括就是：使人機交互界面更友好。確實很簡單吧，但細細品味，這個“友好”二字，包含了太多太多內(nèi)容，這些我將在后面的章節(jié)講解。
? ? ? UI設計師在完成界面設計后，還需要對必要的元素進行切圖，對頁面進行標注，然后將所有材料打包交給開發(fā)工程師。他們會把我們的設計，通過代碼真正實現(xiàn)。這時，一款app已經(jīng)大體完成了（之后還有產(chǎn)品檢測員、運營推廣等的介入，這里就略去不說了，當然不是說他們不重要！），我們接下來要和產(chǎn)品經(jīng)理、交互設計師們進行走查，看看這個設計出來的app是否達到了所有的要求：產(chǎn)品經(jīng)理要看它到底能否解決用戶痛點，定位是否清晰明確；交互設計師要看它的各級交互是否正確、簡單，符合邏輯；UI設計師要看自己當初的設計是否已經(jīng)正確的通過代碼實現(xiàn)，界面表現(xiàn)是否真的友好等等。產(chǎn)品在經(jīng)過反復的改良后便可以上線了，之后大家會視情況進行產(chǎn)品的迭代，那便又是重復上述流程了。
? ? ? 以上是還未工作的我對于產(chǎn)品誕生的理解，我相信在實際工作之后肯定會有更多不同的感受，那些就以后再進行記錄了。
? ? ? 其實通過這樣的角度去介紹UI設計，我希望大家能理解的是，UI設計師并不是一個隨性發(fā)揮的職業(yè)，設計本身并不等同與藝術(shù)創(chuàng)造，更何況我們是在一個團隊中。所以我們更要理性的去設計，同時要能和上下游完美的進行工作的交接，將一切信息的不對等降到最低，這就是是我認為的比較高級的UI設計師的境界了。
? ? ? 以上。下一節(jié)談談UI現(xiàn)狀和發(fā)展，以及我自己的學習方法。
