解析ui設(shè)計(jì)過程

　　UI 設(shè)計(jì)需要負(fù)責(zé)美觀、品牌風(fēng)格、瀏覽體驗(yàn)、閱讀體驗(yàn)等內(nèi)容。這些基本以 UI 設(shè)計(jì)稿的形式來呈現(xiàn)。UI 設(shè)計(jì)的本質(zhì)，是美學(xué)、科學(xué)和需求的完美融合，雖然大部分人沒有受過很好的美學(xué)教育，但基本審美還是有的。我們都會對好看的人多幾分好感，也會去買自認(rèn)為好看的衣服和物品。好看的人和物總給人一種賞心悅目的體驗(yàn)。我們的最終呈現(xiàn)都是經(jīng)過不斷地修改和設(shè)計(jì)師自身的能力來決定的。

　　從臨摹到超越
 

　　對于設(shè)計(jì)新人，臨摹優(yōu)秀的設(shè)計(jì)作品是一種非?？焖俚奶嵘緩?。臨摹的過程中，我們往往會更加主動且細(xì)致的觀察作品，揣摩作者的設(shè)計(jì)思路，提升自己的設(shè)計(jì)感覺。而且在臨摹的同時(shí)，也可以了解主流分辨率，圖標(biāo)、字體尺寸等與實(shí)際設(shè)計(jì)息息相關(guān)的問題?？梢哉业揭晃荒阆矚g的設(shè)計(jì)師，將其作品收集后，選擇其中的某些點(diǎn)進(jìn)行研究分析，然后不斷練習(xí)。在練習(xí)過程中尋找原設(shè)計(jì)師的設(shè)計(jì)思路。設(shè)計(jì)完成后，再次與原作進(jìn)行對比，仔細(xì)對比與原作的區(qū)別，無論是配色，還是構(gòu)圖、細(xì)節(jié)。反思的過程都是下一套優(yōu)秀作品的基石。
 

　　從生活中感悟設(shè)計(jì)
 

　　藝術(shù)來源于生活，設(shè)計(jì)同樣如此。一個(gè)宅在家里的人，一定不是一個(gè)優(yōu)秀的設(shè)計(jì)師。每天沉浸于電腦前，你的作品中只會不斷地出現(xiàn)別人的影子。其實(shí)更多的時(shí)間應(yīng)該留給自己去感受生活：可以出去旅行，路過的風(fēng)景或者發(fā)生的事情都能成為你最新作品的靈感之源;出去看場電影，說不好某個(gè)場景或者畫面的色彩指引你新的設(shè)計(jì)思路;和家人朋友一起聚會，哪怕他們不懂你的專業(yè)，談話間不經(jīng)意的一些想法和觀點(diǎn)有可能也是你意想不到的收獲。
 

　　興趣是堅(jiān)持的動力
 

　　除了收入因素的考慮，很多人入行UI是因?yàn)楹每吹脑O(shè)計(jì)作品使其產(chǎn)生愉悅的情緒。如果你恰好是這種人，那么恭喜，你已經(jīng)具有了成為UI設(shè)計(jì)師最基礎(chǔ)的條件。我們都知道天才的1萬小時(shí)理論。那么問題來了，一個(gè)人為什么會在一件事上花1萬小時(shí)呢?有些人是不得已，而有些是深入其中，得到了滿足，找到了愉悅感。當(dāng)你對設(shè)計(jì)感到愉悅，學(xué)習(xí)設(shè)計(jì)的過程能夠給你持續(xù)的滿足感，你可以一直花時(shí)間在這里，不厭其煩。時(shí)間久了，你就會成為一名優(yōu)秀的UI設(shè)計(jì)師。
 

　　基礎(chǔ)知識決定價(jià)值
 

　　如果你是設(shè)計(jì)相關(guān)專業(yè)的，你會比其他人更容易入行。如果你是非科班出身的小伙伴，就需要在學(xué)習(xí)和工作中不斷學(xué)習(xí)設(shè)計(jì)基礎(chǔ)知識。例如理解了平面、色彩和立體會使你的設(shè)計(jì)作品具有更精湛的配色、質(zhì)感和透視細(xì)節(jié)。扎實(shí)的排版基礎(chǔ)也會讓你的界面布局更加合理有秩序。
 

　　技能是設(shè)計(jì)師的利刃
 

　　“光說不練假把式。”即使你有非常過人的天賦和靈感創(chuàng)意，沒有熟練的軟件技能也無法將其實(shí)現(xiàn)。要學(xué)習(xí)什么軟件，成為了新手最糾結(jié)的一點(diǎn)。目前行業(yè)中可選的軟件實(shí)在太多，且各有優(yōu)劣勢。還是從主流的Adobe系列工具學(xué)起，Photoshop當(dāng)然是設(shè)計(jì)師首選的必備技能。
 

　　排版美化很重要
 

　　UI界面設(shè)計(jì)中，排版設(shè)計(jì)同樣重要，如何將至關(guān)重要的信息，有效地傳遞給用戶，這是界面本身的職責(zé)，而在絕大多數(shù)時(shí)候，這通常是靠文本來完成。有效的排版對于改善 UI 整體的用戶體驗(yàn)是極為重要的。而優(yōu)化排版，本質(zhì)上也是在優(yōu)化UI和UX。
 

　　出色的排版設(shè)計(jì)能夠讓用戶注意到內(nèi)容，而不是排版本身上。優(yōu)化排版是在提升排版布局的可讀性，提升課訪問性，但最低的標(biāo)準(zhǔn)和最核心的要素，依然是要保證排版本身的「可用性」。降低用戶使用時(shí)的障礙和摩擦，減少認(rèn)知負(fù)荷。排版本身不是選擇字體，也不是制作字體和布局，它是塑造文本的呈現(xiàn)形式，達(dá)到最佳體驗(yàn)的過程。交互設(shè)計(jì)，會包括信息架構(gòu)、信息的分類與展示、人機(jī)交互等，這些多以原型的形式來表現(xiàn)。
 

　　我們在買衣服和物品時(shí)，常常會給所有衣服和物品貼上“好看”與“不好看”的標(biāo)簽，“不好看”肯定不會選擇。對待一款不好看的 App 也是如此：有時(shí)會不得已而用之，但在內(nèi)心已經(jīng)給這款 App 打上了“不好看”、“不專業(yè)”的標(biāo)簽。面對用戶，UI 設(shè)計(jì)和大部分設(shè)計(jì)一樣，首當(dāng)其沖的問題，就是好不好看。
 

　　這在一定程度上說明，這些資深影迷的審美好，欣賞水平高。但是，如果讓這些資深影迷自己去拍一部電影，可能就非常難為他們了。類似的道理，讓大眾去從事 UI 設(shè)計(jì)，就像讓影迷去拍電影一樣難。欣賞美和制造美，中間隔著一道鴻溝。這道鴻溝，最核心的部分就是各類專業(yè)知識，一言以蔽之，就是科學(xué)。
 

　　部分入行不久的 UI 設(shè)計(jì)師可能會做一些虛擬項(xiàng)目來練習(xí)。但在求職面試環(huán)節(jié)，面試官一般對這些虛擬項(xiàng)目不感興趣，最多把它們當(dāng)成視覺稿來一掃而過。原因之一，這些虛擬項(xiàng)目是沒有經(jīng)過市場檢驗(yàn)的虛擬需求，有可能是立不住腳的需求，所以面試官不愿花時(shí)間去了解。如果展示出來的作品是針對現(xiàn)有產(chǎn)品做 Redesign，忠于原有真實(shí)需求的 Redesign，那么面試官的興趣就會增加很多。UI 設(shè)計(jì)和大部分設(shè)計(jì)一樣，是要解決問題的。這個(gè)問題，就是需求。
 

　　UI 設(shè)計(jì)，就是用科學(xué)方法，來滿足需求，并帶來美學(xué)享受。所以，美學(xué)、科學(xué)、需求這三樣，本身也是 UI 設(shè)計(jì)的價(jià)值所在。UI 設(shè)計(jì)可能會有很多未來，但其核心價(jià)值在于我們的終極命題——用戶體驗(yàn)，這個(gè)核心價(jià)值，一定是從用戶角度出發(fā)。
 

　　這個(gè) UI 界面好不好看，有沒有美感，是最直觀的感受看似不關(guān)心，一旦不好看，用戶可能就會有一些負(fù)面情緒，如果很好看很有美感，用戶就會有一種美的享受，而且會下意識產(chǎn)生這款軟件做得比較專業(yè)和用心的想法。從用戶角度出發(fā)，UI 設(shè)計(jì)的價(jià)值是需求和美學(xué)。另外，需求更多是靠產(chǎn)品、產(chǎn)品功能來承載，所以需求無法成為 UI 設(shè)計(jì)的核心價(jià)值。
 

　　美學(xué)、科學(xué)和需求的完美融合，是 UI 設(shè)計(jì)的本質(zhì)。相應(yīng)的，美學(xué)、科學(xué)和需求本身，也是 UI 設(shè)計(jì)的價(jià)值所在。其中的核心價(jià)值，則是美學(xué)。對 UI 設(shè)計(jì)而言，需求是本分，科學(xué)是方法，美學(xué)是精神追求。所以相應(yīng)的，美學(xué)也是更大、更受人尊重的舞臺。
 

　　視覺一致性
 

　　UI視覺設(shè)計(jì)中最重要的原則就是一致性原則，具體的表示是為用戶提供一個(gè)風(fēng)格統(tǒng)一的界面，這意味著用戶可以花更少的時(shí)間在操作學(xué)習(xí)上，因?yàn)樗麄兛梢詫⒆约簭牟僮饕粋€(gè)界面中的經(jīng)驗(yàn)直接移植到另外一個(gè)界面上，使得整個(gè)UI體驗(yàn)更加流暢。
 

　　在為應(yīng)用程序設(shè)計(jì)界面之前， 設(shè)計(jì)師首先會對界面的風(fēng)格進(jìn)行定義，而定義會以應(yīng)用程序的市場定位、 功能特點(diǎn)等因素來決定， 完成風(fēng)格的定位之后，就會開始著手設(shè)計(jì)一些單個(gè)的界面元素，而這些界面元素也就是組成完整界面的個(gè)體。
 

　　界面設(shè)計(jì)元素
 

　　人們審美需求日益增加，界面的總體設(shè)計(jì)和規(guī)劃就尤為重要。面對無數(shù)的顯示屏設(shè)計(jì)，色彩的選擇和搭配是非常重要的。使用色調(diào)、明度和純度進(jìn)行調(diào)試，可以增加人的記憶，使個(gè)性和吸引力和瀏覽方便，以便產(chǎn)生商譽(yù)。使用顏色呼應(yīng)，設(shè)計(jì)中要注意重顏色的使用，界面才能完美呈現(xiàn)，它有非常大的影響的平衡，可以提供一個(gè)更好的用戶體驗(yàn)。一套完整的UI設(shè)計(jì)其實(shí)是比較復(fù)雜的，從需求分析到市場定位，從草稿到擬方案，從創(chuàng)意元素的組合到想法沉淀，從設(shè)計(jì)規(guī)范到突破傳統(tǒng)，從紙上到電腦上，從個(gè)人到團(tuán)隊(duì)，或者從團(tuán)隊(duì)到個(gè)人。
 

　　優(yōu)秀的UI界面是隱形的，華麗的裝飾和不必要的元素都已經(jīng)被剔除，簡單直接的頁面邏輯和直觀必要的元素構(gòu)成了這樣的UI界面。設(shè)計(jì)UI的時(shí)候，你在添加任何元素的時(shí)候，最好先將你的UI內(nèi)的元素限定為必須的，專注于核心的用戶體驗(yàn)。
 

　　其實(shí)做任何事情都有規(guī)律可循，做設(shè)計(jì)也是，先搞清楚：給誰用?在什么時(shí)候用?首先，你必須要分析做的這個(gè)設(shè)計(jì)解決的是什么人在什么場景下的問題?一個(gè)直播社交APP設(shè)計(jì)首頁，第一次使用的新用戶對界面是完全陌生的，所以他的首次體驗(yàn)非常重要，界面應(yīng)該為用戶提供方向和指導(dǎo)。比如推薦喜歡的直播、熱門的主播、簡單清晰的使用提示等，以此來幫助用戶快速適應(yīng)設(shè)計(jì)而留存用戶。使用過的老用戶，他已經(jīng)對界面熟悉，而且也有操作記錄，當(dāng)他進(jìn)入首頁的時(shí)候，他以前的操作數(shù)據(jù)是不是能匹配顯示等。即使是同一個(gè)界面，在不同用戶的不同場景下設(shè)計(jì)也要細(xì)分，有所區(qū)分的進(jìn)行設(shè)計(jì)。
 

　　重點(diǎn)優(yōu)先級：功能+交互操作+視覺，做設(shè)計(jì)要讓頁面的元素具有清晰的層次，一個(gè)頁面的重點(diǎn)是什么?次之是什么?最弱化的是什么?而這個(gè)層次從三個(gè)方面都要有設(shè)計(jì)體現(xiàn)：功能+交互操作+視覺。一般情況下，這三個(gè)的優(yōu)先級基本是一致的， 功能的優(yōu)先級決定了交互操作和視覺的優(yōu)先級，視覺優(yōu)先級引導(dǎo)用戶的操作路徑的優(yōu)先級，他們互相制約互相影響。
 

　　無論是設(shè)計(jì)前的思考，還是完稿后的審查，都可以這樣做，保證設(shè)計(jì)的完整性、合格性。UI設(shè)計(jì)過程對專業(yè)的人來說肯定是不難的，但是對于剛接觸的人來說可能達(dá)不到效果，這就需要一步一步慢慢的積累了。