網(wǎng)頁(yè)設(shè)計(jì)進(jìn)階之五：構(gòu)圖的均衡與視覺引導(dǎo)、曲線/弧/光和影的運(yùn)用

構(gòu)圖的均衡1、在非等形等量的情況下的構(gòu)圖以“均衡”來(lái)概括和衡量。與等形等量的平衡各站構(gòu)圖的50%。
2、均衡的要素：平衡、變化和統(tǒng)一、明暗、色彩、空間層次等等等等。

構(gòu)圖的關(guān)系
形狀、位置、面積、方向、層次

構(gòu)圖的規(guī)律
平衡/規(guī)律

視覺引導(dǎo)的基本特征：（遵循正常的閱讀順序）
一、色彩引導(dǎo)


二、形狀引導(dǎo)


三、姿勢(shì)引導(dǎo)


四、明暗引導(dǎo)

五、瞬間捕捉


六、比例

------------------------------------可愛的分割線-----------------------------------

    可能你會(huì)覺得有很多重復(fù)的地方。但如果不將它們獨(dú)立出來(lái)。無(wú)法更細(xì)致的讓讀者理解?？赡苓€有不是很準(zhǔn)確或我未分析出的東西。希望大家能夠幫忙給補(bǔ)齊咯。

畫面/視覺引導(dǎo)的作用：
1、引導(dǎo)閱讀順序。雖然是正常的閱讀順序，但還是有所變化的。
2、引導(dǎo)至重點(diǎn)
3、引導(dǎo)區(qū)分頁(yè)面的輕重關(guān)系及內(nèi)容與功能塊的區(qū)分
4、引導(dǎo)對(duì)設(shè)計(jì)思路的理解
5、引導(dǎo)區(qū)域文化（比如中文/ENGLISH）
6、引導(dǎo)，具體內(nèi)容集中體現(xiàn)在導(dǎo)航。

曲線、弧、光和影
    新手對(duì)姿勢(shì)引導(dǎo)、形狀引導(dǎo)理解不夠深的時(shí)候，慎用弧
------------------------------------謹(jǐn)慎的分割線-----------------------------------
曲線和弧,可以很柔和的當(dāng)作分割頁(yè)面來(lái)應(yīng)用.效果大家都知道,很好.但是如何運(yùn)用得當(dāng)呢?
遵循以上的所有要點(diǎn).明確的知道你的弧起到什么作用.稍微去思考思考顏色和透明值的設(shè)置,我想,這不是很難的吧.


一個(gè)起始點(diǎn)和一個(gè)結(jié)束點(diǎn).要考慮到畫面的大小,考慮到不同分辨率下各看到多少內(nèi)容.如果沒有結(jié)束點(diǎn),那么視覺延伸和
引導(dǎo)的聯(lián)想應(yīng)該怎樣去表達(dá).
想一想荷花荷葉的形狀,想一想芭蕉頁(yè)的形狀,想一想飛機(jī)在天上打彎的尾氣.其實(shí)弧就在你的身邊... ...
什么樣的弧,才讓人感覺自然呢?目前這一點(diǎn)還沒研究出來(lái).估計(jì)我也沒那個(gè)能力去研究.
帖一篇物理方面的吧:http://www.arcmanusa.com/arcforum/viewtopic.php?t=108 目前不知什么原因打不開

光和影
這里說(shuō)的不是電影.
具體我也說(shuō)不清楚.總之這種效果很絢,很GOOD.我很喜歡.
它還是遵循以上所說(shuō)的視覺引導(dǎo)和弧的理論.


在我的收藏夾里,這個(gè)網(wǎng)站的注釋為:”光與影的顛峰應(yīng)用”,地址:http://www.nopattern.com/nopattern/

引申的其他概念
本篇文章其實(shí)也是在無(wú)意之中完成的。在開始的時(shí)候，我花了大約2個(gè)小時(shí)的時(shí)間將均衡這一名詞做了解釋，目的是為了
提高同事的能力。之前將的一些東西他們掌握的很好。在均衡的手寫教程和口頭講解結(jié)束后。我想到的畫面的視覺引導(dǎo)
這一主題。隨后做出了概述。與均衡的原理想結(jié)合，讓我產(chǎn)生了闡述一下弧的想法，隨后深入到光和影的處理。剛好手上
有這方面的優(yōu)秀作品。
在這些東西或深或淺或殘缺的闡述之后，我的腦袋里不由得冒出一個(gè)詞“視覺重量”。
目前還未能對(duì)這個(gè)詞做出準(zhǔn)確的定義或論述。但是我想我能夠把它給形容出來(lái)。
1：規(guī)律與秩序決定視覺重量的層次、輕重
2：對(duì)比與統(tǒng)一產(chǎn)生的和諧，才能襯托出視覺重量的均衡
3：一斤棉花和一斤鐵（直覺告訴我和這個(gè)有關(guān)）
4：閱讀習(xí)慣，首尾要比中間要重一些。（在等形等量的基礎(chǔ)上。比如一行字）
5：質(zhì)感與聯(lián)想。
   這一點(diǎn)解釋起來(lái)就比較容易的多。白云和棉花的感覺是壓不死人的，雖然可以通過(guò)色調(diào)給人一種窒息、壓抑的感覺。
但是比起大理石或鋼鐵之類的質(zhì)感還是要輕很多。調(diào)動(dòng)了讀者的聯(lián)想思維。那么視覺重量的概念會(huì)更清晰一些。
6：二維和三維在同等表現(xiàn)下，三維的視覺重量要比二維重。