用靈魂感悟設計 · 用設計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    網頁設計    ⁄ 資訊內容

設計中國網:小編講解網頁設計中的破圖法

作者:admin      來源:互聯網      發(fā)布時間: 2016/12/7 11:36:25     瀏覽:
破圖不僅是設計的一種處理技巧。破圖更像是一種扔掉各種瓶頸,突破心境不斷突破自我的一種設計執(zhí)念。破圖有三種方法:點破;大破;小破。

  破圖不僅是設計的一種處理技巧。破圖更像是一種扔掉各種瓶頸,突破心境不斷突破自我的一種設計執(zhí)念。破圖有三種方法:點破;大破;小破。下面設計中國網的小編就來詳細講解一下。

  1、點破

  點破,是設計眼前一亮作品的開始。一個立意不同的點子,能更好的引導用戶體驗與眾不同的視覺設計,直觀且討巧的抓住用戶的眼球,使之印象深刻,真正起到視覺傳達的目的性。

  點,指的是設計切入點。

  破,指的是前期對需求、對目的的整理和分析,通過求異的設計出發(fā)點,找到與眾不同的表現形式,從而點出整體風格的第一步。

  2、大破

  大破是對常見設計,常見手法的另類思考。

  大,指的是從整體上做大幅度的風格設計。

  破,指的是打破傳統的排版和布局。

  (1)破布局

  網頁設計中的布局樣式,在2013年前大部分都以中規(guī)中矩、模版化的方框風格為主。給人比較呆板和約束的感覺。而在此之后的幾年間,逐漸的以卡片式、大色塊、扁平化的設計趨勢為主,在整體的布局樣式上打破早前的“方框和規(guī)矩的印象”,給人感覺更加靈活和多變。

  (2)破角度

  打破常見圖像出現的角度,可以使圖像的表現力更有沖擊力。在以強調速度和動感的需求中,獨特且標新立異的視角往往是打破畫面的利器之一。

  要點:

  a?不一樣的俯視、平視、仰視等角度都可以讓圖像呈現的方式更加的新鮮化;

  b?在以圖像為主的視覺中,打破圖像出現的常規(guī)角度后,其實也是讓作品眼前一亮的另一種方式;

  (3)破色彩

  色彩,無疑是第一時間吸引用戶眼球的設計語言。在以扁平化風格為主的現在,類似的排版越來越多,作品也越來越同類化。嘗試鮮亮的顏色和漸變色,也是打破畫面簡單的處理技巧。

  要點:

  a?大膽的去嘗試使用不同的顏色,但一定要確保他們和你想要表達的內容和諧一致,不能沖突。

  b?鮮艷并不是刺眼;要點:

  3、小破

  小破,指的是對細節(jié)或者邊角的打破處理方式,它打破了條框以內的某個角,使人物或者商品破出畫面的某個邊。

  (1)破個角

  破角的處理,使人有種呼之欲出的視覺印象;它更像是扔掉了那些條條框框,去用力打破某個邊角的方式。它使元素更加靈活的呈現,也使畫面細節(jié)更加的到位;

  要點:

  a?破一處,遠比破多處,視覺效果更集中;

  b?破個角的作用可以加強畫面的真實感;

  c?破個角的處理方式常用于一些人物的設計中;

  (2)破出去

  讓設計元素部分或者完整部分破出規(guī)矩的位置,給人視覺的舒服感;

  試想如果將某元素置入到某矩形內,就會給一種很憋氣感受。而如果讓元素破出某個形狀后,就繪給個猶如”打開天窗說亮話“的通透感。

  要點:

  a?元素的部分突破會有一種敞快感,像是打開了天窗一樣透氣;

  b?元素的整體突破出條條框框后,給人一種自由的、靈活的感覺;

  (3)破層次

  打破層次的作用就是讓主體元素置于視覺前,使得人物、產品更加的突出、更有視覺沖擊力,也使主體元素有種近在咫尺的視覺體驗。

  要點:

  a?常見的幾種玩法是主體元素壓在前面、壓在上面,使主要元素有種跳出畫面的感覺;

  b?打破層次的元素不要過多,一個視覺點應只有一處最好,起到聚集視線的作用;