前言

構(gou)成(cheng)是(shi)什(shen)麼(me)，不(bu)就(jiu)是(shi)把(ba)我(wo)們(men)的(de)自(zi)然(ran)界(jie)裏(li)的(de)視(shi)覺(jiao)規(gui)律(lv)再(zai)通(tong)過(guo)文(wen)字(zi)整(zheng)理(li)歸(gui)納(na)的(de)知(zhi)識(shi)麼(me)？所(suo)有(you)設(she)計(ji)的(de)門(men)類(lei)，幾(ji)乎(hu)都(dou)離(li)不(bu)開(kai)構(gou)成(cheng)，所(suo)有(you)視(shi)覺(jiao)的(de)表(biao)現(xian)也(ye)都(dou)體(ti)現(xian)了(le)構(gou)成(cheng)。它(ta)太(tai)隱(yin)蔽(bi)了(le)，也(ye)太(tai)簡(jian)單(dan)了(le)，它(ta)是(shi)整(zheng)個(ge)視(shi)覺(jiao)世(shi)界(jie)的(de)抽(chou)象(xiang)，因(yin)此(ci)很(hen)多(duo)人(ren)就(jiu)覺(jiao)得(de)應(ying)用(yong)上(shang)特(te)別(bie)困(kun)難(nan)。要(yao)說(shuo)推(tui)薦(jian)構(gou)成(cheng)的(de)書(shu)

，我(wo)十(shi)分(fen)沒(mei)有(you)把(ba)握(wo)，但(dan)看(kan)了(le)孫(sun)彤(tong)輝(hui)的(de)《平麵構成》，haoxiangyouhuorankailang。burujiuzhebenshudesilu，womenzailaiyiqixueyixiazhexiejichuba。chulelilun，zuizhongyaoshiwomenconglilunzaihuidaoshijian，congchouxiangzaihuidaorichang。

一、並不是小小圓圓才叫點

dianshizaoxingdejichuzhiyi，shizaoxingzuixiaodedanwei。kongjianzhongchuxianleyidianjiunengxiyinyanqiu，zaichuxianyidian，zhegejiaodiandezhuyilijiujunfenle，ruguozhexiediandaxiaobuyi，zeshouxianxiyinjiaodiandeshijiaodadenagedian，zaijiezheshijiaoxiaodedian，zheyangjiuxingchengleshijiaodejiezou。shouxian，nibixuyaojianhuarichangsuojiandedian，renheyigenengyinfashijiaojinzhang

，chanshengshijiaozhanglidetuxingdouyoubeichengwei“點”的可能，並不是小小圓圓才叫點。

上圖的頁麵在覆蓋層上表現很多水滴狀的圖像，隱隱透露出下方的圖像信息，給人一種半遮麵的未知之美。

這裏的大小不一的點形成了一種視覺節奏，你的視覺會從一個點跳到另一個點
，配色鮮明
，構成一派歡快的氛圍。

從(cong)上(shang)麵(mian)兩(liang)個(ge)例(li)子(zi)可(ke)以(yi)看(kan)出(chu)，在(zai)造(zao)型(xing)的(de)世(shi)界(jie)中(zhong)，點(dian)是(shi)具(ju)有(you)形(xing)象(xiang)的(de)
，也(ye)是(shi)有(you)大(da)小(xiao)的(de)
，並(bing)且(qie)點(dian)的(de)大(da)小(xiao)是(shi)有(you)限(xian)度(du)的(de)。超(chao)越(yue)限(xian)度(du)就(jiu)會(hui)失(shi)去(qu)點(dian)的(de)性(xing)質(zhi)而(er)成(cheng)為(wei)“麵”。因此，點是根據周圍環境而確定的
，點與其所在空間的麵積應該是一種從屬關係，它本身具有一種細小單位的性質。

這個海報中，利用圖形的合成

，把人物也看作一個點
，這個點由於是一個人物攀爬的狀態，其實更能激發一種緊張向上的活力。

二
、一個點就是一個小宇宙

點具有張力的作用，它具有一定的緊張性。點在版麵中的位置不同、數量不同、大小不同，給人的張力感受也不同。

理li論lun上shang，在zai不bu考kao慮lv其qi他ta視shi覺jiao元yuan素su的de作zuo用yong下xia
，一yi個ge點dian處chu於yu中zhong間jian位wei置zhi的de時shi候hou
，是shi非fei常chang穩wen定ding的de，但dan略lve顯xian得de呆dai板ban。因yin此ci可ke以yi把ba點dian的de位wei置zhi往wang左zuo上shang或huo右you上shang移yi動dong，這zhe樣yang就jiu形xing成cheng一yi種zhong上shang升sheng的de力li量liang，帶dai來lai了le動dong感gan。

例如此處的圖形安排，如果放於中間，看上去會特別穩定，當然也會比較無聊。

往上方移動
，帶出一種往上提升的力量。

下圖中的圖形浮動在流動的波浪線上方形成一種浮動其上的美
，略靠中間的位置，由於極少其他元素的幹擾

，整體畫麵簡潔、穩定。

三、點與點的火花

點(dian)與(yu)點(dian)之(zhi)間(jian)，會(hui)形(xing)成(cheng)一(yi)種(zhong)視(shi)覺(jiao)牽(qian)引(yin)，你(ni)的(de)大(da)腦(nao)會(hui)自(zi)動(dong)腦(nao)補(bu)出(chu)兩(liang)點(dian)間(jian)的(de)連(lian)線(xian)。以(yi)此(ci)類(lei)推(tui)，如(ru)果(guo)更(geng)多(duo)的(de)點(dian)不(bu)僅(jin)形(xing)成(cheng)了(le)線(xian)，還(hai)連(lian)成(cheng)了(le)片(pian)，所(suo)以(yi)，用(yong)點(dian)這(zhe)個(ge)單(dan)位(wei)就(jiu)能(neng)創(chuang)作(zuo)更(geng)多(duo)的(de)線(xian)和(he)麵(mian)。這(zhe)時(shi)

，點(dian)的(de)裝(zhuang)飾(shi)作(zuo)用(yong)減(jian)弱(ruo)了(le)。

例如上麵這個由藍色的點來組成的數字“8”
，形成的虛麵效果非常活潑。

這裏的點的連線部分已經用一種“未斷欲斷”的手法表現出來

，而其他的部分則相比就顯得更獨立，有一種對比，在45度角的對稱也有一種傾斜的活力。

四、點的構圖運用

圓點波爾卡抽象圖案

zaiyunyongdianzuoweizhujiaogoutudeanlizhong

，zuichangjiandejiushiliyongdiandejiheguanxijinxinggoutu，ribencaojianmishengdezuopinshizuijuyoudaibiaoxingde。yuandianbenshendezaoxingroumei、可愛
，利用大大小小的圓點安排空間深度的關係，有機組合就能形成有趣的圖案。下圖是草間彌生的南瓜圖。

由you於yu圓yuan點dian本ben身shen的de抽chou象xiang性xing，這zhe個ge圖tu也ye同tong樣yang姿zi態tai萬wan千qian
，未wei必bi是shi一yi個ge南nan瓜gua。這zhe份fen創chuang作zuo理li念nian自zi然ran是shi大da師shi的de手shou筆bi

，我wo們men能neng從cong中zhong學xue到dao的de是shi她ta運yun用yong圓yuan點dian的de創chuang作zuo技ji巧qiao。她ta把ba南nan瓜gua分fen成cheng了le對dui稱cheng的de瓣ban狀zhuang
，每mei一yi瓣ban安an排pai了le圓yuan點dian來lai形xing成cheng一yi種zhong立li體ti關guan係xi
，讓rang你ni感gan受shou到dao南nan瓜gua表biao麵mian的de起qi伏fu。

紋理背景

點也可以大麵積鋪開形成紋理，根據點的形狀來表達不同的氛圍。

利用五彩繽紛的圓點形成類似氣球一樣的歡樂氛圍，不僅作為背景存在，也由於圓點的有機的位置安排，顯得非常灑脫自在。

聚合成形

也ye是shi同tong樣yang運yun用yong上shang例li的de圓yuan點dian
，采cai用yong一yi種zhong較jiao為wei規gui律lv的de構gou圖tu方fang式shi，形xing成cheng一yi個ge邊bian緣yuan略lve散san，但dan依yi然ran能neng成cheng形xing的de聚ju合he體ti，整zheng個ge圖tu形xing往wang外wai擴kuo散san，給gei人ren一yi種zhong膨peng脹zhang的de張zhang力li。

本例中，你可以看出，當點試著拋棄中心構圖
，拋開規則而成群出現的時候，有一種動感。這種動感通過色彩、大小
、位置就能輕易獲得一種完美的張力。這是利用圓點之間的關係而形成的。

五
、想和做

理論畢竟是停留在文字階段，實踐是，我們通過圓的構思來設計一個輕網頁的首頁界麵。

這個界麵是一個攝影作品的網站，首頁如果直接按照九宮格或者瀑布流排列攝影作品的方式顯然有點太規範，采用“輕”desiweifangshi，womenzhixuyaozhanshiyizhangdatujikebiaoxianchuzuopindemeigan。danzaizhegewangzhanzhong，womenhaixiangyaotouchuyizhonghanxumei
，huozheyizhongyinzangqilaidemei，zheshi，keyixiangdaozhegediandefangshi，yinweidiankeyiningjuchengmian
，zhegemianbutaijuti，geirenyizhongxuhuadeganshou。

STEP 01

我們先做出這個點的組合圖案
，采用漸次變化的方法，中心大，往兩端漸變小。這樣的構圖產生了空間深度。

STEP 02

再將攝影作品大圖全屏展示，形成一種全屏的視野。

STEP 03

zaitupiandeshangfangzengjiayigechunsedeshenlansetuceng，tucengdekaoyouce，yeshisheyingzuopindeyoubianrenwumianbujiaodianchuliyongmengbanzhizuochubuzhouyidetuan，lvejiangdizhegetucengdetoumingdu。

STEP 04

添加上LOGO和he漢han堡bao包bao菜cai單dan圖tu標biao。顯xian然ran這zhe個ge作zuo品pin網wang站zhan是shi極ji簡jian風feng格ge
，因yin此ci導dao航hang隱yin藏zang起qi來lai可ke以yi減jian少shao頁ye麵mian的de幹gan擾rao。用yong戶hu的de視shi覺jiao首shou先xian會hui被bei右you側ce的de這zhe種zhong隱yin約yue其qi中zhong的de效xiao果guo所suo吸xi引yin
，再zai關guan注zhu到daoLOGO、菜單等。這是我們所安排的用戶的視覺流。

LOGO的圖案並不是像其他網站一樣靠左
，而是略往中心移動，這樣做的目的是為了增加頁麵左邊的視覺的趣味，讓LOGO和右側的畫麵有呼應

，不至於分成兩個完全不相幹的陌生部分。

菜單的圖標放置於左側中線
，剛好也和右側圖案的最左一個圓在一條水平線上。它們同樣產生了一種遙相呼應的關係。

整(zheng)個(ge)界(jie)麵(mian)在(zai)左(zuo)側(ce)保(bao)持(chi)了(le)留(liu)白(bai)，讓(rang)右(you)側(ce)的(de)畫(hua)麵(mian)更(geng)突(tu)出(chu)。大(da)家(jia)可(ke)以(yi)想(xiang)象(xiang)如(ru)果(guo)左(zuo)側(ce)放(fang)太(tai)多(duo)信(xin)息(xi)，不(bu)但(dan)削(xue)弱(ruo)了(le)右(you)側(ce)的(de)視(shi)覺(jiao)效(xiao)果(guo)，整(zheng)體(ti)的(de)視(shi)覺(jiao)將(jiang)會(hui)失(shi)去(qu)重(zhong)點(dian)。這(zhe)是(shi)我(wo)們(men)在(zai)設(she)計(ji)中(zhong)應(ying)該(gai)盡(jin)力(li)避(bi)免(mian)的(de)。

後記

點dian的de魅mei力li絕jue無wu這zhe麼me簡jian單dan可ke以yi說shuo盡jin，在zai設she計ji時shi，我wo們men會hui因yin為wei擁yong有you太tai多duo技ji能neng，希xi望wang窮qiong盡jin所suo有you的de功gong力li去qu表biao達da，往wang往wang事shi與yu願yuan違wei
，事shi實shi上shang，你ni隻zhi需xu要yao從cong中zhong挑tiao選xuan一yi種zhong，比bi如ru就jiu用yong點dian這zhe個ge元yuan素su來lai表biao現xian
，都dou值zhi得de我wo們men往wang深shen處chu挖wa掘jue。