如果你想進階高級、專家或者帶團隊，這兩件事你必須要透徹的理解，并加以實踐。

今天，菜心希望用自己的設(shè)計經(jīng)驗幫大家敲開一扇進階的大門！

敲開大門的步驟如下：

1.提取設(shè)計理念

2.推動設(shè)計落地

1.提取設(shè)計理念

1.1 設(shè)計理念是什么？

簡單來說就是給你的設(shè)計提煉一個核心詞語，比較高逼格的，讓人一聽起來就“哇，好屌”這樣的感覺，當(dāng)然也不能只是聽起來屌，還必須真實的依托于你的設(shè)計方向，如果只是浮于表面，后期是很難落地的。

舉個例子，是我自己帶隊經(jīng)歷過的手機系統(tǒng)優(yōu)化的項目（經(jīng)過后期調(diào)整簡化的），設(shè)計理念叫做——破界！

后面我們講圍繞“破界”這個設(shè)計理念來展開討論。

1.2 設(shè)計理念如何提取？

你的理念需要綜合很多維度的深入研究與挖掘，例如品牌探索、用戶調(diào)研、產(chǎn)品賣點、目標(biāo)人群甚至是競品和流行趨勢。

回到剛才那個“破界”的設(shè)計理念，怎么來的？

它有三個維度的支撐點，產(chǎn)品賣點、目標(biāo)用戶、競品與趨勢：

我來依次解釋一下：

產(chǎn)品賣點：

當(dāng)時全面屏的概念還沒有現(xiàn)在這么爛大街，所以算是我們的一個主要賣點，而全面屏的無邊界、大視野就是“破界“理念最大的支撐。

目標(biāo)用戶：

我們的定位人群為個性、獨立的年輕人，而年輕人敢于突破界限的精神便是“破界”理念的第二個支撐點。

競品與趨勢：

我們做了很多的競品與流行趨勢的分析，發(fā)現(xiàn)整個市場和行業(yè)都在一次又一次的完成技術(shù)突破與設(shè)計創(chuàng)新，而對于我們這樣一個具有創(chuàng)新精神的公司，突破原有瓶頸，大膽創(chuàng)新當(dāng)然也是我們應(yīng)該做的，也就是“破界”的第三個支撐。

我們在前期所做的一切搜集和研究其實都是為了提取以及支撐這個核心理念，這樣后期才會有明確的設(shè)計方向！

2.推動設(shè)計落地

有了理念，如何推動設(shè)計落地就是最關(guān)鍵的事情了。

其實說實話，在你提出這個理念前，尤其是項目把控者，應(yīng)該已經(jīng)有了大概的延展方向，甚至已經(jīng)想好了一個明確的設(shè)計語言（風(fēng)格）。

接下來，我從造型、色彩、布局、三個層面，來解密一下“破界”是如何推動設(shè)計落地的。

2.1 造型

在造型層，破界是指打破原有邊界束縛，比如：

這樣的做法首先是符合我們“破界”的設(shè)計理念，其次是讓結(jié)構(gòu)更加簡潔清晰，也符合目前的流行趨勢——簡約扁平。

具體場景怎么應(yīng)用呢？

例如1.0的時候，我們的部分桌面圖標(biāo)如下：

在剛剛分析的“破界”理念之下，我們將原有的復(fù)雜造型做減法，破開邊界，優(yōu)化結(jié)果如下：

這就是“破界”在造型層面給予的設(shè)計指導(dǎo)。

2.2 色彩

在色彩層，破界是指打破顏色生硬的拼接，使用透明度漸變和疊加的設(shè)計技法來創(chuàng)造新穎的設(shè)計語言：

如何應(yīng)用？

例如功能圖標(biāo)的設(shè)計：

再例如聯(lián)系人界面的字母形象：

都采用了這一套設(shè)計語言。

2.3 布局

在布局層，破界是指突破原有邊界使屏幕更加飽滿通透，這里舉兩個例子：

一個是通過視覺引導(dǎo)的方法讓界面的邊界看起來更窄，如何做到呢？

例如在做設(shè)置頁面的時候，我們將1.0的頁面與競品進行對比：

可以發(fā)現(xiàn)，競品的視覺重心在圖標(biāo)上，因為圖標(biāo)比文字要重一些，而我們的視覺重心在文字上，因為文字比圖標(biāo)重，這樣的話我們的邊框就會看起來很寬，而競品的就很窄：

在這樣的背景下，我們需要做的就是加重圖標(biāo)視覺重量，我的方法就是讓圖標(biāo)由線性變成面性，并且使用“破界”的設(shè)計語言：

這樣的話，由于視覺重心更加靠邊，界面邊界就會看起來細(xì)很多，整個頁面也就飽滿了：

以上是“破界”在布局層的第一處個應(yīng)用。

第二處是將1.0分割式布局變成通屏式設(shè)計，破開分割界限，使整個屏幕渾然一起，飽滿通透：

例如在我們的天氣界面：

除了這些，“破界”還可以指導(dǎo)一些細(xì)節(jié)上的設(shè)計，例如去除列表之間的分割線，在當(dāng)時也比較流行，總之可以找到很多既符合自己理念又符合流行趨勢的設(shè)計切入點，也只有這樣，我們所產(chǎn)出的設(shè)計才是有理有據(jù)，經(jīng)得住考驗的！

總結(jié)

好了，這兩件事情就差不多講完了，在做項目的時候我們一定要時刻保持清晰的思路，知道自己在做什么，以及做到了哪里，實在做不下去就多問問別人建議和想法，阻力遲早會過去，而過去之后等待的就是你的進階與成長。

我希望大家可以通過我講的內(nèi)容結(jié)合實際項目運用起來，取其精華去其糟粕，千萬不要“看了就過了”！

藍藍設(shè)計( www.wtxcl.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。