<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          光影和空氣,是完美排版的最后一塊拼圖

          2022-9-22    純純

          咱一起來聊聊排版的問題:


          NO.1


          如果你看過我過往的文章,也許會對我的排版多少有點印象,夸張的大字,極強的對比,還有一些微妙的層級關系;坦誠的講,我的風格揉雜了 2 種設計體系 —— 瑞士風格 / 擬物風格


          1.瑞士風格

          整潔、嚴謹、工整、理性化、實用的特征是瑞士平面設計的精神所在;這種一絲不茍,傳達準確的風格,即所謂瑞士國際主義風格。簡單的說,由于 Swiss Design 這種風格簡單明確,傳達功能準確,因而很快得到世界范圍內的普遍認可,成為戰后影響最大的一種平面設計風格,也是國際最流行的風格,因此,又被稱為國際主義平面設計風格;

          簡單的說,瑞士的這種設計風格典型的代表就是我們看到的雜志,其中有 3 個特點:講究網格 / 非常理智的克制顏色的使用 / 層級關系;有趣的是,審美和潮流是循環的,隨著時代的發展,越來越多的app開始重新挖掘出來瑞士風格并加以使用,比如我們iOS系統自帶的應用們,Spotify:

          年少的時候,我經常看著這些個app會不禁的問,為什么在沒有一張圖片的情況下還能如此好看?這些年終于明白了前人良苦用心:文字是內容,同樣也是構成;是信息,同樣也是裝飾;簡單可以理解為,不管在平面還是網頁亦或者是UI界面,在沒有可用的裝飾下,信息本身要承擔起裝飾和傳達的雙重功能,這就是瑞士風格的核心本質。


          2.擬物風格

          iOS是擬物的典型代表,網上對于這塊的講解已經過于飽和了,我也沒必要贅述;那么這一趴,來聊聊對我產生深遠影響的錘子科技吧。我第一次接觸到 smartisan OS 并沒有覺著多么驚艷,潛意識里只不過是覺著把 iOS 的圖標畫的更漂亮了一點而已…

          但當我打開下圖這個頁面的時候,我意識到我對擬物的理解還是淺薄了,第一次被光影的層次震撼到:

          通過光影塑造了一個三維空間,讓整個畫面豐富飽滿,也打破了我幼稚的設計觀,PS.不管錘子科技現在如何,我依然敬佩 Paco / 方遲 / 羅子雄的設計團隊為這個行業做出的貢獻,respect!

          毫無保留的說,我的設計就是二者的融合,以 層次對比 作為核心理念。


          NO.2

          啰嗦了半天,趕緊進入正題;如果你是一名產品體驗設計師,一定聽說過 “奧卡姆剃刀” ,這個定律通常用在交互鏈路的設計上(意思就是在用戶路徑中沒必要的步驟,省了就完事了),“如無必要,勿增實體” 即簡單有效原理;


          同樣,在嘈雜的視覺結構里,畫面也需要奧卡姆剃刀,當你在對畫面的飽和上困擾不已,并急于找到一些背景和紋理填充的時候,我建議你先冷靜一下…因為頁面的空虛未必是需要實體化的東西來填充的;上文有說過以  “層次對比” 作為核心理念出發,要區別于平面設計,營造一個立體空間,所以先理一下畫面結構: 

          通常來講,如果想要不平,把二維空間轉化成三維空間是必要的一步,需要在Z軸上下功夫;如果你恰巧也是一名攝影愛好者,可以想象下照相機的焦距和景深,工作原理是相同的,需要 前景 / 主體和背景 三個層次;當然,虛實的對比對信息的呈現和層次的拉開是極其重要的,這里需要通過景深來控制效果,你可以通過 photoshop 濾鏡-模糊畫廊的“場景模糊”來做到:

          另外,空間的感覺想要被突顯,那么“光影和空氣”的價值就可以無限放大了,按照如上所說的結構,把內容和自然物質擺進去就好了,甚至可以做到舉一反三(比如不同顏色的氛圍,我就不展開了):

          整個case下來,你會發現用光來聚焦在信息上,自然而然就形成了我們說所得 “信息優先級”;有點時候空氣和光影的飽滿程度超乎你的想象,這種自然存在的物質可以很好的幫助畫面分層,以達到填充的效果,并不是一定要依賴于實體化的裝飾。


          對了,如果你跟我一樣閑著沒事干的話,借用 keynote 的動畫效果做一個吊炸天的動效,一定可以成為匯報場上最靚的崽( 注意:視頻有音樂)! 

          NO.3

          本來不打算再開一個章節說這個,但還是覺著很有必要再說下(我好糾結),作為PPT來講,ta的主要用途分為兩種:其一是給人看的,其二是給人講的;不管是哪種,盡可能的簡化文字,是對輸入者關愛;

          以上圖為例(實名diss自己的作品),坦誠的講左邊的部分大多數觀者是不會有心思來看的,按照視覺系統的處理,這部分就會被當成一個“面”而被忽略掉,這種情況下右邊顯得有力很多,也能幫助觀者聚焦信息,所以還是那句話,能不寫的就別寫,能少些的別多寫,保持信息的密度也是設計師必要的職責之一。

          作者:負能量的補給站    來源:站酷

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合