亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

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

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

轉載藍藍設計(   axecq.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://axecq.cn

存檔