英才app的極簡UI設(shè)計(jì)是怎么做出來的

簡單的形式往往能夠帶給人們更多的空間感與愉悅感，也是內(nèi)容大過于形式的一種設(shè)計(jì)方式。但在一些實(shí)際的設(shè)計(jì)當(dāng)中，極簡卻變成了簡陋。那什么才是設(shè)計(jì)中的極簡呢？

 

極簡的設(shè)計(jì)原則

針對極簡進(jìn)行一番分析，大致可以關(guān)注以下幾點(diǎn)原則：

• 保留必要元素，簡化冗余元素，有良好的視覺焦點(diǎn)。
• 簡化用戶操作流程，在使用上更加的高效與明確的操作指向。
• 留出的是空間感，以及給人舒適的界面呼吸感，產(chǎn)品視覺基因。

這與我們本次中華英才APP商家端（以下簡稱B端）改版所要達(dá)成的設(shè)計(jì)目標(biāo)是一致的，設(shè)計(jì)之前我們先去分析本次改版的減法要如何去做。

 

現(xiàn)有問題分析

在改版的初期，我們針對B端用戶進(jìn)行了調(diào)研、訪談，同時對一些關(guān)鍵流程的數(shù)據(jù)進(jìn)行提取分析，并結(jié)合季度用戶體驗(yàn)滿意度報(bào)告得到了一些關(guān)鍵信息，這些信息是直接影響到用戶實(shí)際操作中的感受，對產(chǎn)品的認(rèn)知、好感度。主要問題點(diǎn)如下：

• 注冊流程較長。
• 用戶更關(guān)注簡歷的查看與后續(xù)處理效率。
• 界面設(shè)計(jì)不夠美觀，比較呆板。
• 缺乏自己的產(chǎn)品特色。

影響到的因素

我們與產(chǎn)品同學(xué)對反饋的問題進(jìn)行了一些深度的挖掘細(xì)化，實(shí)際拆解到產(chǎn)品、設(shè)計(jì)中，可明確改進(jìn)的問題優(yōu)化點(diǎn)如下:

• 整體產(chǎn)品中品牌沒有核心元素。
• 閱讀時信息互相干擾。
• 界面中關(guān)鍵節(jié)點(diǎn)引導(dǎo)性不強(qiáng)。
• 視覺語言不統(tǒng)一。
• 顏色使用不規(guī)范。

提取明確重點(diǎn)信息及設(shè)計(jì)目標(biāo)

• 簡化明確信息層級關(guān)系。
• 優(yōu)化注冊及發(fā)布流程。
• 建立顏色使用規(guī)范。
• 融入設(shè)計(jì)語言。

為設(shè)計(jì)目標(biāo)打造極簡的設(shè)計(jì)

1. 設(shè)計(jì)語言

項(xiàng)目初始，分析了相關(guān)的問題，顏色使用不規(guī)范，色彩庫單一。

沒有自己的設(shè)計(jì)語言，這個也讓原有英才自己的調(diào)性表現(xiàn)的不是很明確。在本次改版當(dāng)中，在原有英才色的基礎(chǔ)之上進(jìn)行了顏色的拓展，豐富現(xiàn)有顏色庫。這樣做不但能夠在后續(xù)的設(shè)計(jì)當(dāng)中顏色的使用更加靈活，同時也能更具有自己的產(chǎn)品視覺基因，并將新的顏色與設(shè)計(jì)語言融入在主界面與流程當(dāng)中。下面看看整體TAB主界面的效果。

2. 空間感-負(fù)空間

空間感-負(fù)空間，亦稱留白，是極簡主義設(shè)計(jì)最重要、有亮點(diǎn)的一個特征。我們希望通過這個方式來吸引用戶在界面關(guān)鍵元素的關(guān)注度，從而設(shè)定不同的留白方式以及字號字重的使用對區(qū)域內(nèi)容進(jìn)行相應(yīng)的區(qū)割，減少使用多余的設(shè)計(jì)元素。在發(fā)布流程中得到了相應(yīng)的應(yīng)用。舉例：

3. 視覺對比

因?yàn)橐曈X元素的減少，單純的文字內(nèi)容會使整體界面顯得比較單薄無力，黑白灰的整體界面中增加強(qiáng)對比的按鈕與陰影效果對界面進(jìn)行層次的區(qū)分，以及功能引導(dǎo)。用戶在頂部內(nèi)容聚焦填寫過后，很快能夠聚焦在功能引導(dǎo)按鈕上，引導(dǎo)用戶進(jìn)行下一步的操作。舉例：

4. 呼吸感

現(xiàn)在的設(shè)計(jì)中大家能看到更多使用動效的場景，加入動效，能夠讓你的界面變得更加的靈動，不再呆板，起到一個添花、補(bǔ)足的作用。但在使用中，盡可能規(guī)避大量無用動效的使用，只做必要的保留即可。在登錄角色選擇中，我們進(jìn)行思考，求職者，公司都是一個個體，我們希望表現(xiàn)出概念性的個體與之間的關(guān)系，在歡迎內(nèi)容區(qū)制作了圓形元素，與呼吸動效，使原本單調(diào)的選擇頁變得更加有場景帶入感。舉例：

最后附上整體改版后的部分效果圖：

總結(jié)

本次改版中去掉了很多冗余元素，在整體設(shè)計(jì)中兼顧美觀與簡潔性，減少用戶閱讀使用成本。關(guān)鍵顏色的使用在傳達(dá)必要信息基礎(chǔ)之上也帶入品牌設(shè)計(jì)基因。

通過本文希望能分享設(shè)計(jì)當(dāng)中的一些思考與經(jīng)驗(yàn)，在以后的設(shè)計(jì)當(dāng)中對這種設(shè)計(jì)風(fēng)格把握的更加清晰、熟練。最后想說的一點(diǎn)是，極簡非簡陋，做簡單容易，做好極簡并不易，設(shè)計(jì)中也需靈活應(yīng)用。