<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>

          你應掌握的11個創新布局技法

          2014-4-28    藍藍設計的小編

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

          來源:http://www.uisdc.com/100-things-you-should-know-about-design

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

          越來越多的網站設計師開始知道,進行布局設計時需要用到柵格線。但是對于老手來說,柵格線不是唯一的可選項,這些老手經驗豐富,基礎扎實,他們懂得怎樣去創新,懂得用新穎的設計完成目標。條條大路通羅馬,他們會憑借自己的感覺去摸索成功的方式,而最終的效果卻更出彩。

          柵格線與界面設計的關系可謂源遠流長,對柵格線應用的熟練程度可以衡量一名UI設計師的水平。藍藍設計今天分享11個創新布局技法,廢話不多說,看看這些UI設計師們是如何打破規則的吧。

          1. 階梯狀布局

          cannes-2013-landscape-poster-n1445-1

          階梯狀的字體布局富有后現代主義氣息,配合相關的圖像,能夠達成與眾不同的視覺效果。

          2. 適度傾斜

          1610_full

          性感的翹臀?性感的翹字?個性十足,遐想連篇。

          3. 環繞形布局

          wrap

          更好的圖文結合、打造視覺焦點、充分利用空間,挖掘柵格線系統的潛力。

          4. 插畫元素

          Illustrated

          柵格式布局太呆板?試著加入一點插畫元素吧。讓頁面看起來更具娛樂性,更好的平衡美學與功能。

          5. 重疊

          Screen Shot 2013-09-25 at 2.42.53 PM

          在Frank Chimero的動態個人網站中,他采用了圖像重疊的手段,而非傳統的柵格線布局。令人印象深刻。

          6. 利用頁面邊緣

          Brochure-Design-005

          不要為了留邊距而留邊距——可以做點小實驗,讓文本超出頁面邊緣,然后用成沓的印刷品來呈遞作品。

          7. 妙用形狀

          bloodland

          銳利的矩形配合以文本,看起來像是玻璃碎片,暗含一種暴力、興奮的因素。

          8. 不對稱設計

          bottom

          不對稱界面設計讓人感覺非常自然、淳樸、無修飾。比如說這罐蜂蜜,感覺就很天然。

          9. 拼貼畫

          invitation

          這則可愛的婚禮邀請函感覺非常人性化、有手工質感,濃厚的拼貼風格。

          10. 加入引用

          pull-quote-1

          用戶對一成不變的閱讀節奏感到厭倦怎么辦?那就試著打破節奏,給用戶一點驚喜,引用就是一個好方法。尤其是在大塊大塊的文本信息中,加入引用可以適度緩解多欄布局的閱讀節奏感,讓用戶讀起來更舒心。

          11. 手繪字體

          chipotle

          適度添加手繪風格的字體,讓你的UI設計更加有趣,別有風味,而不是一本正經。

          這就是突破柵格線布局設計的一些技法,大家可以舉一反三,在熟悉基礎的前提下,突破原則,也突破自我!

          日歷

          鏈接

          個人資料

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

          存檔

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