<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 設計理念如何指導設計落地

          2018-7-6    ui設計分享達人



          如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

          在做項目改版升級時,我們需要做兩件大事,一是提煉核心設計理念,二是由理念推動設計執(zhí)行。


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


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

          敲開大門的步驟如下:


          1.提取設計理念

          2.推動設計落地



          1.提取設計理念


          1.1 設計理念是什么?


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


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



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



          1.2 設計理念如何提取?


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


          回到剛才那個“破界”的設計理念,怎么來的?


          它有三個維度的支撐點,產(chǎn)品賣點、目標用戶、競品與趨勢:



          我來依次解釋一下:


          產(chǎn)品賣點:

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


          目標用戶:

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


          競品與趨勢:

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


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



          2.推動設計落地


          有了理念,如何推動設計落地就是最關鍵的事情了。


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


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


          2.1 造型

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



          這樣的做法首先是符合我們“破界”的設計理念,其次是讓結構更加簡潔清晰,也符合目前的流行趨勢——簡約扁平。


          具體場景怎么應用呢?


          例如1.0的時候,我們的部分桌面圖標如下:



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



          這就是“破界”在造型層面給予的設計指導。


          2.2 色彩

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



          如何應用?


          例如功能圖標的設計:


          undefined


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



          都采用了這一套設計語言。


          2.3 布局

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


          一個是通過視覺引導的方法讓界面的邊界看起來更窄,如何做到呢?


          例如在做設置頁面的時候,我們將1.0的頁面與競品進行對比:



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



          在這樣的背景下,我們需要做的就是加重圖標視覺重量,我的方法就是讓圖標由線性變成面性,并且使用“破界”的設計語言:


          undefined


          這樣的話,由于視覺重心更加靠邊,界面邊界就會看起來細很多,整個頁面也就飽滿了:



          以上是“破界”在布局層的第一處個應用。


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



          例如在我們的天氣界面:




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



          總結


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


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



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




          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          久久综合给合久久国产免费| 国产高清美女一级a毛片久久w| 亚洲精品美女久久久久99小说| 亚洲人成无码www久久久| 亚洲综合伊人久久综合| 久久久精品免费国产四虎| 久久久久国产精品嫩草影院| 亚洲人成无码网站久久99热国产| 久久久久久久久久久久中文字幕 | 久久久久久久91精品免费观看 | 久久亚洲精品无码aⅴ大香| 久久久久亚洲精品无码蜜桃| 久久久久黑人强伦姧人妻| 亚洲精品乱码久久久久久蜜桃不卡 | 国产精品欧美亚洲韩国日本久久| 欧美日韩中文字幕久久久不卡| 青青草原精品99久久精品66| 一级做a爰片久久毛片16| 久久久久久久久久久久久久| 久久精品国产精品亚洲精品| 久久精品国产亚洲αv忘忧草| 99久久www免费人成精品| 亚洲成色WWW久久网站| 看全色黄大色大片免费久久久| 狠色狠色狠狠色综合久久| 久久久久久精品免费免费自慰| 久久国产免费直播| 亚洲国产精品久久66| 久久国产亚洲精品无码| 99久久精品免费看国产一区二区三区| 99久久国产亚洲高清观看2024 | 热久久这里只有精品| 午夜精品久久久久久久| 99久久无色码中文字幕人妻| 久久精品国产免费观看| 99精品国产综合久久久久五月天 | 亚洲精品99久久久久中文字幕| 国产精品欧美久久久久无广告| 国产高潮国产高潮久久久91| 久久精品无码一区二区日韩AV| 久久se这里只有精品|