解析ui設(shè)計過程

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

　　從臨摹到超越
 

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

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

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

　　興趣是堅持的動力
 

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

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

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

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

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

　　排版美化很重要
 

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

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

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

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

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

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

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

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

　　視覺一致性
 

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

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

　　界面設(shè)計元素
 

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

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

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

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

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