在電子計(jì)算機(jī)技術(shù)的推動(dòng)下，網(wǎng)頁設(shè)計(jì)得以迅猛發(fā)展。今天網(wǎng)頁設(shè)計(jì)已然成為一種新的傳遞信息的工具，并在視覺藝術(shù)板塊中扮演著重要的一個(gè)角色。網(wǎng)頁設(shè)計(jì)在傳播信息的同時(shí)，極大地豐富著我們的視覺世界，也促使人們審美水平的提高。在未來的生活中，網(wǎng)頁將會(huì)影響到人們生活中的方方面面，對(duì)人們的生活起到積極的作用。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，<a href="http://www.szbc888.com" target="_blank"><strong>深圳網(wǎng)頁設(shè)計(jì)</strong></a>也進(jìn)入發(fā)展階段，各樣樣式的網(wǎng)頁開始呈現(xiàn)在人們眼前，同時(shí)也將它們自身的一些缺點(diǎn)與問題暴露了出來。這些問題干擾了網(wǎng)頁的視覺美感，降低了設(shè)計(jì)的審美價(jià)值。通過對(duì)網(wǎng)頁形式美和功能美的分析，將柵格設(shè)計(jì)融入到網(wǎng)頁設(shè)計(jì)之中，它對(duì)網(wǎng)頁的設(shè)計(jì)起到規(guī)范與約束的作用，能夠提升網(wǎng)頁設(shè)計(jì)的審美性。對(duì)于美，每個(gè)人都有不同的標(biāo)準(zhǔn)，但是我們衡量一個(gè)事物的美丑不能只看外表。比如，一個(gè)真正美的人不單單是指外貌美，更重要的是指心靈美。網(wǎng)頁設(shè)計(jì)亦是同樣的道理，那么怎樣評(píng)價(jià)一個(gè)網(wǎng)頁的美丑呢？從審美性上講，一個(gè)優(yōu)美的網(wǎng)頁首先要有好看的界面設(shè)計(jì)，網(wǎng)頁屬于瞬間藝術(shù)，當(dāng)瀏覽網(wǎng)頁的時(shí)候?yàn)g覽者首先看到的是網(wǎng)頁的界面設(shè)計(jì)，因此網(wǎng)頁的 “外貌”首先要吸引人的注意，使人們看著舒服，看著美。同時(shí)現(xiàn)階段人們隨著人們對(duì)網(wǎng)頁設(shè)計(jì)重視程度的加大，設(shè)計(jì)師逐漸將字體設(shè)計(jì)、版式設(shè)計(jì)以及配色藝術(shù)等多種視覺語言應(yīng)用于網(wǎng)頁設(shè)計(jì)，使網(wǎng)頁的界面設(shè)計(jì)更加美觀。另外從功能性上講，一個(gè)美的網(wǎng)頁設(shè)計(jì)首先在功能上利于人們的閱讀，具有科學(xué)的、合理的、符合人體工程學(xué)的視覺流程，能夠使用戶能夠輕而易舉的獲取信息。新的科學(xué)技術(shù)、新的計(jì)算機(jī)編程語言相繼被應(yīng)用于網(wǎng)頁設(shè)計(jì)中，使網(wǎng)頁設(shè)計(jì)的交互性不斷加強(qiáng)，人們?cè)讷@取信息的同時(shí)也能夠感受到人機(jī)互動(dòng)帶來的觸覺、視覺雙重感受，增加了網(wǎng)頁設(shè)計(jì)的趣味性。通過以上可以看出，美的網(wǎng)頁設(shè)計(jì)不僅在形式外觀上要能夠取悅?cè)诵模诠δ苌线€能準(zhǔn)確有效的傳播信息。因此只有兼?zhèn)渫庠谛问矫琅c內(nèi)在功能性的網(wǎng)頁才能稱之為美的網(wǎng)頁設(shè)計(jì)。<br /> 二、<a href="http://www.szbc888.com" target="_blank"><strong>深圳網(wǎng)頁設(shè)計(jì)</strong></a>面臨的問題<br /> 通過實(shí)踐與教學(xué)在具體網(wǎng)頁設(shè)計(jì)過程中經(jīng)常遇到的問題大體可以分成兩大類：<br /> （一）視覺引導(dǎo)性弱。造成這樣問題的主要原因是頁面內(nèi)容的失控，沒有分清主次，想要傳遞的內(nèi)容太多太龐雜，沒有處理好信息之間的關(guān)系從而造成了大量文字、圖片等構(gòu)成元素的堆積，而忽略了整體條理性。同時(shí)沒有設(shè)計(jì)章法與秩序?qū)λ鼈冞M(jìn)行約束，導(dǎo)致頁面的布局的混亂，從而影響瀏覽者的閱讀。<br /> （二）設(shè)計(jì)細(xì)節(jié)。第一種是只顧及內(nèi)心感受，只憑自己的感覺設(shè)計(jì)，缺少理性思考，沒有細(xì)節(jié)處理。無論是圖片質(zhì)量、字號(hào)字體還是顏色搭配，處處都能體現(xiàn)出網(wǎng)頁設(shè)計(jì)的細(xì)節(jié)問題。第二種，過于在乎細(xì)節(jié)，將細(xì)節(jié)當(dāng)成主要設(shè)計(jì)元素盡享處理，喧賓奪主，忽視了基本功能，這些過多的細(xì)節(jié)裝飾打破了頁面整體布局的統(tǒng)一性。在網(wǎng)頁設(shè)計(jì)中，大部分設(shè)計(jì)人員只重視表達(dá)網(wǎng)頁的表面視覺效果，而忽略設(shè)計(jì)支撐網(wǎng)頁的骨骼框架，才使得現(xiàn)如今很多網(wǎng)頁在設(shè)計(jì)上出現(xiàn)以上問題。<br /> 三、柵格設(shè)計(jì)<br /> 在日常生活中我們看的書籍、雜志、報(bào)紙，很容易發(fā)現(xiàn)它們的內(nèi)容被限制在一定的方格內(nèi)，整個(gè)版面具有很強(qiáng)的秩序感，之所以出現(xiàn)這樣的視覺效果完全是因?yàn)榘婷嬖O(shè)計(jì)時(shí)運(yùn)用了柵格設(shè)計(jì)。柵格設(shè)計(jì)又稱柵格設(shè)計(jì)系統(tǒng)，它是利用規(guī)則單位矩形來規(guī)范、約束版面上的內(nèi)容從而起到規(guī)范網(wǎng)頁內(nèi)容的作用，它可以充分的體現(xiàn)出網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)美。<br /> 柵格設(shè)計(jì)之所以能夠被廣泛的應(yīng)用是因?yàn)樗軌蚴乖O(shè)計(jì)作品呈現(xiàn)出清晰的脈絡(luò)，簡(jiǎn)約的結(jié)構(gòu)，同時(shí)也能起到突出中心與重點(diǎn)，起到引導(dǎo)視覺的作用。由此可以看出柵格設(shè)計(jì)能夠在網(wǎng)頁中起到支持起整個(gè)網(wǎng)頁頁面，可以說是網(wǎng)頁頁面的骨骼，因此我們將柵格設(shè)計(jì)也作為網(wǎng)頁布局的理論支持。那么怎樣利用柵格設(shè)計(jì)對(duì)網(wǎng)頁進(jìn)行布局呢？柵格設(shè)計(jì)具有一定的設(shè)計(jì)方法，大體可以概括為兩種：一種是單元格的加減法，另一種是柵格填補(bǔ)法。<br /> （一）單元格加減法。<br /> 顧名思義，就是將網(wǎng)頁事先做一個(gè)大體布局，而后根據(jù)具體內(nèi)容的需要，對(duì)單元格進(jìn)行相應(yīng)的合并或拆分，從而使網(wǎng)頁達(dá)到視覺上的和諧。單元格加減法使柵格設(shè)計(jì)優(yōu)勢(shì)得到充分體現(xiàn)，它具有極強(qiáng)的布局靈活性，但是不同的設(shè)計(jì)元素具有不同的組織方法也不相同。<br /> 1、單純文字加減法，文字的加減的對(duì)象是文字與頁面空間，它是在柵格的作用下，運(yùn)用文字對(duì)頁面進(jìn)行劃分，從而使人們可以輕松的感受到文字的秩序美。柵格的數(shù)量不宜過多，過多會(huì)使頁面元素分散，失去整體感。<br /> 對(duì)文字的編排，應(yīng)該考慮視覺流程的設(shè)定。文字的字號(hào)行距設(shè)置要適中，，同時(shí)文字的排列長(zhǎng)度不易太寬，以方便閱讀為準(zhǔn)。<br /> 2、單純圖片加減法，他是根據(jù)柵格進(jìn)行操作，可以是單張的加減，可以是多張的加減。但要切記圖片不要太多太雜，風(fēng)格色調(diào)要統(tǒng)一，還要把握全局，突出核心信息。<br /> 3、文字與圖片加減法，當(dāng)文字與圖片共同存在于頁面中時(shí)，要根據(jù)需要有所側(cè)重，視覺流動(dòng)性要強(qiáng)，思路要清晰。文字與圖片的搭配要統(tǒng)一協(xié)調(diào)。另外在圖片的選材上，圖片質(zhì)量好的圖片在網(wǎng)頁設(shè)計(jì)能夠提升網(wǎng)頁的審美性。<br /> （二）柵格填補(bǔ)法<br /> 柵格填補(bǔ)法就是將我們?cè)O(shè)定好的柵格固定不變，將所需要的內(nèi)容機(jī)械的填充到對(duì)單元格空白區(qū)域。這種方法的優(yōu)點(diǎn)就是能夠直截了當(dāng)?shù)膫鬟f信息，主題更直接更明了；缺點(diǎn)是無論是文字還是圖片都不宜過于復(fù)雜，以簡(jiǎn)約為主。柵格設(shè)計(jì)在網(wǎng)頁中應(yīng)用的很靈活，在具體網(wǎng)頁設(shè)計(jì)時(shí)還要根據(jù)具體情況制定柵格設(shè)計(jì)的方案，只有這樣才能使柵格設(shè)計(jì)的靈活性得到完美的發(fā)揮。<br /> 柵格設(shè)計(jì)是網(wǎng)頁設(shè)計(jì)的靈魂，是網(wǎng)頁設(shè)計(jì)結(jié)構(gòu)美的核心所在，柵格的好壞直接決定了網(wǎng)頁的優(yōu)劣，那么如何才能設(shè)計(jì)出一些審美性高與設(shè)計(jì)感強(qiáng)的柵格呢？在藝術(shù)史上，埃舍爾的畫可以用數(shù)字計(jì)算，巴赫的曲子可以用數(shù)學(xué)公式推導(dǎo)，還有柯布西耶的設(shè)計(jì)理念，也融合了幾何學(xué)的創(chuàng)新理念，可以說數(shù)字創(chuàng)造了藝術(shù)的奇跡。諾瓦利斯曾說過 “數(shù)字是最高的藝術(shù)形式” 當(dāng)設(shè)計(jì)運(yùn)用到數(shù)字或是數(shù)學(xué)的時(shí)候，設(shè)計(jì)的嚴(yán)謹(jǐn)性與邏輯性就隨之出現(xiàn)。柵格設(shè)計(jì)中比較典型的分割方法是黃金分割與根號(hào)矩形，兩者在柵格布局中被普遍認(rèn)為是比較美的比例。<br /> 1、自然界中的事物符合1：1.618的為都屬于黃金分割比。黃金分割比是被公認(rèn)為是最和諧，最完美的比例。黃金分割比合理的運(yùn)用到柵格設(shè)計(jì)中能夠構(gòu)建出比較美的網(wǎng)頁結(jié)構(gòu)框架。<br /> 2、根號(hào)矩形是比較特殊的矩形，拿矩形來講它可以被分成無限個(gè)等比的小矩形，可以產(chǎn)生大量的分割組合，因此根號(hào)矩形被應(yīng)用的比較多。在網(wǎng)頁設(shè)計(jì)時(shí)可以格局矩形的分割比進(jìn)行相應(yīng)的柵格設(shè)計(jì)。<br /> 以上圖例是對(duì)黃金分割與根號(hào)矩形兩種柵格樣式的具體表現(xiàn)形式，實(shí)際上柵格設(shè)計(jì)的變化相當(dāng)豐富，在具體網(wǎng)頁設(shè)計(jì)中我們可以根據(jù)以上的兩種樣式為變化基礎(chǔ)，對(duì)柵格設(shè)計(jì)進(jìn)行相應(yīng)變化設(shè)計(jì)。在網(wǎng)頁設(shè)計(jì)中合理的運(yùn)用柵格設(shè)計(jì)能夠襯托出網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)美<br /> “設(shè)計(jì)體現(xiàn)在細(xì)節(jié)上”在網(wǎng)頁設(shè)計(jì)中，細(xì)節(jié)的設(shè)計(jì)相當(dāng)重要， 通常1像素的線，1磅的行距，1點(diǎn)的字號(hào)這些都是設(shè)計(jì)時(shí)需要注意的細(xì)節(jié)，都能襯托出<a href="http://www.szbc888.com" target="_blank"><strong>深圳網(wǎng)頁制作</strong></a>的美。當(dāng)細(xì)節(jié)被注意后，網(wǎng)頁設(shè)計(jì)失誤就會(huì)越小，頁面就會(huì)更精致。<br />