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

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

          2018-7-6    鶴鶴



          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

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


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


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

          敲開大門的步驟如下:


          1.提取設計理念

          2.推動設計落地



          1.提取設計理念


          1.1 設計理念是什么?


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


          舉個例子,是我自己帶隊經歷過的手機系統優化的項目(經過后期調整簡化的),設計理念叫做——破界!



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



          1.2 設計理念如何提取?


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


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


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



          我來依次解釋一下:


          產品賣點:

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


          目標用戶:

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


          競品與趨勢:

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


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



          2.推動設計落地


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


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


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


          2.1 造型

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



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


          具體場景怎么應用呢?


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



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



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


          2.2 色彩

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



          如何應用?


          例如功能圖標的設計:


          undefined


          再例如聯系人界面的字母形象:



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


          2.3 布局

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


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


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



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



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


          undefined


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



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


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



          例如在我們的天氣界面:




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



          總結


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


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



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




          日歷

          鏈接

          個人資料

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

          存檔

          久久精品国产亚洲AV电影| 综合久久给合久久狠狠狠97色| 色综合合久久天天给综看| 久久99热这里只有精品66| 久久精品国产亚洲av麻豆色欲 | 久久精品久久久久观看99水蜜桃| 久久久久久久久久久久中文字幕| 国产精品久久成人影院| 久久精品国产亚洲αv忘忧草| 久久AV高清无码| 18岁日韩内射颜射午夜久久成人| 久久精品成人| 国产精品日韩深夜福利久久| 2021久久精品国产99国产精品| 亚洲国产精品久久久久久| 亚洲AV成人无码久久精品老人| 欧美久久久久久午夜精品| 亚洲AV无码久久精品成人| 99久久国产综合精品五月天喷水| 欧美大战日韩91综合一区婷婷久久青草 | 国产精品一区二区久久精品无码| 久久青青国产| 免费观看久久精彩视频| 国产91久久精品一区二区| 久久噜噜久久久精品66| 青青青伊人色综合久久| 亚洲精品无码久久久影院相关影片 | 久久精品夜夜夜夜夜久久| 亚洲人成网站999久久久综合| 久久99精品国产99久久| 国产精品久久久久久搜索| 奇米影视7777久久精品| 精品国际久久久久999波多野| 久久久久久国产精品免费免费| 日本三级久久网| 久久99毛片免费观看不卡 | 中文字幕久久亚洲一区| 久久国产三级无码一区二区| 国产精品热久久毛片| 久久婷婷五月综合色99啪ak| 久久精品一区二区三区中文字幕|