国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > 網(wǎng)頁設(shè)計(jì) > 正文

網(wǎng)頁設(shè)計(jì)教程(5):網(wǎng)頁視覺設(shè)計(jì)

2024-08-30 08:33:09
字體:
供稿:網(wǎng)友

上一篇文章:網(wǎng)頁設(shè)計(jì)教程(4):關(guān)于素材和言志

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

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

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

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

視覺引導(dǎo)的基本特征:(遵循正常的閱讀順序)
一、色彩引導(dǎo)
點(diǎn)擊在新窗口中瀏覽此圖片

二、形狀引導(dǎo)
點(diǎn)擊在新窗口中瀏覽此圖片

三、姿勢引導(dǎo)
點(diǎn)擊在新窗口中瀏覽此圖片

四、明暗引導(dǎo)

五、瞬間捕捉
點(diǎn)擊在新窗口中瀏覽此圖片

六、比例

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

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

畫面/視覺引導(dǎo)的作用:
1、引導(dǎo)閱讀順序。雖然是正常的閱讀順序,但還是有所變化的。
2、引導(dǎo)至重點(diǎn)
3、引導(dǎo)區(qū)分頁面的輕重關(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ì)姿勢引導(dǎo)、形狀引導(dǎo)理解不夠深的時(shí)候,慎用弧
------------------------------------謹(jǐn)慎的分割線-----------------------------------
曲線和弧,可以很柔和的當(dāng)作分割頁面來應(yīng)用.效果大家都知道,很好.但是如何運(yùn)用得當(dāng)呢?
遵循以上的所有要點(diǎn).明確的知道你的弧起到什么作用.稍微去思考思考顏色和透明值的設(shè)置,我想,這不是很難的吧.
點(diǎn)擊在新窗口中瀏覽此圖片

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

光和影
這里說的不是電影.
具體我也說不清楚.總之這種效果很絢,很good.我很喜歡.
它還是遵循以上所說的視覺引導(dǎo)和弧的理論.
點(diǎn)擊在新窗口中瀏覽此圖片

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

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

我試圖找出一些物理上的依據(jù),但是通過搜索引擎只找到h.k.哈特蘭,g.沃爾德的<發(fā)現(xiàn)眼睛的化學(xué)及重量視覺過程>的這個(gè)
條目,說的是這倆人獲得過諾貝爾獎(jiǎng).但是沒有相關(guān)的闡述.而且我英文很差.

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 沙湾县| 贵定县| 开鲁县| 甘南县| 余干县| 镇沅| 岫岩| 彭阳县| 阆中市| 南木林县| 湟源县| 阜城县| 新巴尔虎左旗| 靖江市| 芮城县| 霍州市| 湘西| 来宾市| 抚宁县| 同德县| 达尔| 宁陕县| 通渭县| 信丰县| 子长县| 如皋市| 沙雅县| 安达市| 福鼎市| 武鸣县| 罗山县| 苗栗县| 姚安县| 万州区| 汝城县| 遂昌县| 德化县| 开江县| 开远市| 桐柏县| 朔州市|