構(gòu)成網(wǎng)頁(yè)設(shè)計(jì)的圖形視覺(jué)元素主要包括文本元素、圖形元素和色彩元素。

2016-09-01    分類(lèi): 網(wǎng)站建設(shè)

一般來(lái)說(shuō), 以往的平面設(shè)計(jì)在視覺(jué)元素的應(yīng)用上受到印刷技術(shù)的限制, 隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展, 平面設(shè)計(jì)逐漸延伸到網(wǎng)絡(luò), 在這一背景下的平面設(shè)計(jì)具備效率高、圖文互動(dòng)強(qiáng)、信息資源豐富的優(yōu)點(diǎn), 賦予原有的平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用新的意義。目前, 構(gòu)成網(wǎng)頁(yè)設(shè)計(jì)的圖形視覺(jué)元素主要包括文本元素、圖形元素和色彩元素。
(一) 文字元素
在網(wǎng)頁(yè)設(shè)計(jì)中, 文字元素起著至關(guān)重要的作用, 它是向?yàn)g覽者傳遞網(wǎng)頁(yè)信息的重要載體, 其地位是不可撼動(dòng)的。一般來(lái)說(shuō), 文本在很大程度上決定了整個(gè)網(wǎng)站的效果。在網(wǎng)頁(yè)設(shè)計(jì)中, 文字的易讀性和辨識(shí)性是非常重要的。因此, 設(shè)計(jì)師在使用手機(jī)文本時(shí)要謹(jǐn)慎。同時(shí), 在網(wǎng)頁(yè)設(shè)計(jì)中, 設(shè)計(jì)者必須牢固設(shè)置主體文本, 處理相關(guān)細(xì)節(jié), 安排文本與圖形的交集。在當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)階段, 文字變得越來(lái)越圖形化。換句話(huà)說(shuō), 文本作為一種圖形元素體現(xiàn)出來(lái), 增強(qiáng)了審美效果, 對(duì)原有功能起到了強(qiáng)化作用。
(二) 圖形元素
從客觀角度來(lái)說(shuō), 網(wǎng)頁(yè)的整體美感在很大程度上取決于圖形元素的應(yīng)用, 因?yàn)楹臀淖衷叵啾? 其具有較強(qiáng)的藝術(shù)美感和視覺(jué)沖擊力。除此之外, 它在傳遞信息方面也比文字元素要直接得多。然而, 為了充分發(fā)揮圖形元素的作用, 我們需要注意其色彩搭配和版面的布局, 需要適應(yīng)人們的審美心理, 達(dá)到在短時(shí)間給人留下深刻印象的目的。一般來(lái)說(shuō), 網(wǎng)頁(yè)設(shè)計(jì)中的圖像具備導(dǎo)向和鏈接的功能。根據(jù)相關(guān)心理學(xué)研究, 在瀏覽網(wǎng)頁(yè)時(shí), 眼睛會(huì)先垂直落在屏幕的中心, 然后看四邊。
設(shè)計(jì)師在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候, 往往會(huì)將重要的信息安排在注視點(diǎn)高的區(qū)域, 并且在這種情況下, 會(huì)根據(jù)視覺(jué)流程合理安排圖片的適度位置。我們?cè)跒g覽圖片的時(shí)候會(huì)首先通過(guò)網(wǎng)絡(luò)下載, 也就是說(shuō), 網(wǎng)頁(yè)中的圖片受寬帶的限制, 在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)設(shè)計(jì)者會(huì)盡可能地減少圖形文件量, 不過(guò)文件量越低, 圖片的分辨率就越低, 受眾的體驗(yàn)比較差。針對(duì)這種情況, 設(shè)計(jì)者需要從實(shí)際情況出發(fā), 選擇好的圖形文件量。
(三) 色彩元素
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中, 色彩的匹配會(huì)直接影響網(wǎng)站的整體風(fēng)格。色彩是設(shè)計(jì)中最重要的因素之一, 它以文字和圖形為基礎(chǔ), 主要通過(guò)視覺(jué)沖擊作用于觀眾的心理。具體來(lái)說(shuō), 就是通過(guò)不同色彩給人們帶來(lái)不同的心理暗示, 比如黑色是沉穩(wěn)、黃色是溫暖、紅色是官方, 等等。除此之外, 色彩的飽和度、明度及色調(diào)也會(huì)影響網(wǎng)頁(yè)的視覺(jué)效果。同時(shí), 需要強(qiáng)調(diào)的是, 網(wǎng)頁(yè)設(shè)計(jì)師在運(yùn)用色彩元素的時(shí)候, 必須保證其符合國(guó)際色彩標(biāo)準(zhǔn), 因?yàn)榛ヂ?lián)網(wǎng)是建立在同一平臺(tái)上的, 盡量使用網(wǎng)頁(yè)安全的顏色, 禁止無(wú)節(jié)制地使用大量顏色。再者, 設(shè)計(jì)師還需要從網(wǎng)頁(yè)的實(shí)際情況出發(fā), 對(duì)色調(diào)和輔助色進(jìn)行調(diào)整, 保證整體的美觀度和舒適感, 同時(shí)符合網(wǎng)頁(yè)內(nèi)容的主題。
平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用問(wèn)題
(一) 網(wǎng)頁(yè)版式設(shè)計(jì)應(yīng)用上的問(wèn)題
就現(xiàn)階段來(lái)看, 我國(guó)一些企業(yè)在網(wǎng)站設(shè)計(jì)上, 過(guò)于追求商業(yè)價(jià)值, 這就使得網(wǎng)頁(yè)板式設(shè)計(jì)在應(yīng)用平面視覺(jué)元素上缺乏藝術(shù)性和合理性。除此之外, 一些企業(yè)在做網(wǎng)頁(yè)的過(guò)程中, 要求設(shè)計(jì)師不斷豐富頁(yè)面內(nèi)容, 進(jìn)一步導(dǎo)致簡(jiǎn)單羅列網(wǎng)頁(yè)版塊的現(xiàn)象出現(xiàn), 影響網(wǎng)站信息質(zhì)量, 還會(huì)給人一種信息冗雜的感覺(jué)。
(二) 文字視覺(jué)元素應(yīng)用上的問(wèn)題
從客觀角度來(lái)看, 中國(guó)的字體結(jié)構(gòu)比較復(fù)雜, 在中國(guó)的網(wǎng)站設(shè)計(jì)中對(duì)中文字體格式的發(fā)展等方面存在一定的限制。在這種情況下, 一些網(wǎng)站在設(shè)計(jì)過(guò)程中會(huì)追求文字的視覺(jué)效果, 如現(xiàn)有的單詞下劃線(xiàn)的鏈接, 這不是大問(wèn)題, 但是設(shè)計(jì)師往往忽略字體間距, 進(jìn)一步使頁(yè)面發(fā)生擁堵, 很容易引起客人的反感。此外, 國(guó)內(nèi)一些網(wǎng)站在設(shè)計(jì)過(guò)程中缺乏對(duì)頁(yè)面整潔和模塊區(qū)域的考慮, 出現(xiàn)加大字體等錯(cuò)誤的文字用法。
(三) 網(wǎng)頁(yè)圖片設(shè)計(jì)方面存在的問(wèn)題
網(wǎng)頁(yè)平面設(shè)計(jì)不合理主要表現(xiàn)在兩個(gè)方面:一方面, 圖像大小問(wèn)題, 一些設(shè)計(jì)師在文本格式的應(yīng)用程序中, 沒(méi)有更大的圖片, 導(dǎo)致整個(gè)頁(yè)面的效果缺乏細(xì)節(jié)、豐滿(mǎn), 或只是沒(méi)有更大的圖片, 進(jìn)一步紊亂, 難以突出關(guān)鍵信息。另一方面, 圖像的位置、面積、數(shù)量和分辨率將直接影響觀眾的視覺(jué)感知或信息的缺乏。因此, 布局設(shè)計(jì)不當(dāng)容易導(dǎo)致視覺(jué)信息的錯(cuò)誤引導(dǎo)。
(四) 網(wǎng)頁(yè)色彩布置上存在的問(wèn)題
在網(wǎng)頁(yè)設(shè)計(jì)中, 常常會(huì)出現(xiàn)色彩布置的問(wèn)題, 比如整體色彩不協(xié)調(diào)、內(nèi)在美感不明顯, 等等。除此之外, 還存在色彩的視覺(jué)效果沖擊干擾人們?yōu)g覽頁(yè)面的情況, 舉個(gè)例子來(lái)說(shuō), 當(dāng)網(wǎng)頁(yè)使用帶有豐富色彩的圖片作為背景的時(shí)候, 就會(huì)對(duì)人們的視覺(jué)產(chǎn)生沖擊, 進(jìn)一步引起他們的閱讀疲勞。還有網(wǎng)站整體色彩和信息不搭配, 比如慶祝新年的時(shí)候, 有的網(wǎng)站仍然將藍(lán)色、黑色等作為主題顏色, 不符合內(nèi)容信息所體現(xiàn)的情緒。
網(wǎng)頁(yè)設(shè)計(jì)中的平面視覺(jué)元素應(yīng)用要求
(一) 網(wǎng)頁(yè)版式設(shè)計(jì)方面
在網(wǎng)頁(yè)設(shè)計(jì)中, 網(wǎng)頁(yè)板式的設(shè)計(jì)是十分重要的環(huán)節(jié), 如果沒(méi)有合理有效的排版, 那么平面視覺(jué)元素應(yīng)用得再好也無(wú)濟(jì)于事, 傳遞的信息再有質(zhì)量也難以得到瀏覽者的深入了解。因此, 那些過(guò)于追求網(wǎng)頁(yè)商業(yè)價(jià)值的企業(yè), 必須更新觀念, 重視網(wǎng)頁(yè)的美觀性和各方面元素的合理配置, 這樣才能取得良好的實(shí)效。首先, 設(shè)計(jì)者應(yīng)該從讀者的角度出發(fā), 設(shè)計(jì)出方便讀者瀏覽的版面, 還要考慮網(wǎng)頁(yè)信息的重點(diǎn), 并將其放在合理位置, 這樣不僅能夠給讀者好的視覺(jué)感受, 還能有效傳遞信息。
(二) 文字視覺(jué)元素應(yīng)用方面
在網(wǎng)頁(yè)設(shè)計(jì)中, 文字元素占據(jù)著十分重要的地位, 它是向?yàn)g覽者傳遞網(wǎng)站信息的主要載體, 其地位是難以被其他因素所取代的, 比如圖片和視頻。因此, 文本設(shè)計(jì)的質(zhì)量在很大程度上決定了整個(gè)網(wǎng)站的視覺(jué)效果。在這種情況下, 設(shè)計(jì)者可以從實(shí)際需求出發(fā), 將表達(dá)內(nèi)心的情感作為根本目的, 進(jìn)行適當(dāng)?shù)娜诵曰O(shè)計(jì), 鑒于目前Web客戶(hù)機(jī)種類(lèi)較多, 漢字字體的局限性、設(shè)計(jì)和開(kāi)發(fā), 在設(shè)計(jì)過(guò)程中, 設(shè)計(jì)師或使用默認(rèn)字體, 進(jìn)一步提高設(shè)計(jì)效率和讀者瀏覽效率。
(三) 網(wǎng)頁(yè)圖形圖像應(yīng)用方面
隨著互聯(lián)網(wǎng)的發(fā)展, 人們更傾向于從圖片中獲取想要的信息, 在網(wǎng)頁(yè)設(shè)計(jì)中, 圖像起著十分關(guān)鍵的作用。經(jīng)典的圖形圖像設(shè)計(jì), 不僅僅是視覺(jué)效果的準(zhǔn)確和豐富, 而且是網(wǎng)站主題內(nèi)容的表現(xiàn)。設(shè)計(jì)者需要在保證頁(yè)面效果的同時(shí), 還要讓瀏覽更方便地閱讀。比如在分辨率問(wèn)題上, 設(shè)計(jì)者可以將那些沒(méi)有特殊要求的圖片定位在多常用的分辨率層面上, 以此解決終端顯示器分辨率帶來(lái)的局限性問(wèn)題。
(四) 色彩視覺(jué)元素應(yīng)用方面
在平面視覺(jué)元素中, 對(duì)瀏覽者視覺(jué)影響大的是色彩元素。在通常情況下, 一個(gè)優(yōu)秀的網(wǎng)站會(huì)在網(wǎng)頁(yè)設(shè)計(jì)中合理運(yùn)用色彩符號(hào), 以此給瀏覽者和諧寬松的視覺(jué)效果, 激發(fā)他們的閱讀興趣。因此, 在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中, 設(shè)計(jì)師要重視色彩的搭配, 提高裝修的價(jià)值程度, 依據(jù)整體和諧的原則運(yùn)用色彩。
比如在網(wǎng)頁(yè)的局部對(duì)比方面, 設(shè)計(jì)師可以采用一些暖色和冷色, 這樣能夠有效強(qiáng)化其記憶效果。同時(shí), 在主色和輔助色的選擇上, 設(shè)計(jì)者需要從網(wǎng)頁(yè)的內(nèi)容信息出發(fā), 搭配與其體現(xiàn)的情緒相符合的色彩。
平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中新的發(fā)展方向
從理論上來(lái)說(shuō), 平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用其實(shí)相當(dāng)于對(duì)傳統(tǒng)平面設(shè)計(jì)的延伸。二者設(shè)計(jì)的目的都是一樣的, 即傳遞信息和審美。同時(shí), 網(wǎng)頁(yè)設(shè)計(jì)和傳統(tǒng)設(shè)計(jì)的視覺(jué)構(gòu)成元素也是一樣的, 無(wú)外乎圖形、文字及色彩這三種。從平面設(shè)計(jì)的范疇看, 網(wǎng)頁(yè)設(shè)計(jì)的不同在于它打破了傳統(tǒng)二維靜態(tài)空間的限制, 實(shí)現(xiàn)了動(dòng)態(tài)信息的傳遞, 增強(qiáng)了與人們之間的交互性, 正因?yàn)槿绱? 才使得網(wǎng)頁(yè)設(shè)計(jì)成了一個(gè)嶄新的且前景廣闊的設(shè)計(jì)領(lǐng)域。同時(shí), 信息時(shí)代的到來(lái)為網(wǎng)頁(yè)設(shè)計(jì)提供了良好的發(fā)展條件。對(duì)于人們來(lái)說(shuō), 視覺(jué)元素的動(dòng)態(tài)表達(dá)和交互性在很大程度上滿(mǎn)足了他們的需求, 大大提高了他們的瀏覽興趣。另外, 若從未來(lái)發(fā)展方向看, 平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中將朝以下兩方面發(fā)展:
(一) 交互元素
由于網(wǎng)絡(luò)技術(shù)的不斷發(fā)展, 網(wǎng)頁(yè)方面的技術(shù)不斷發(fā)展, 由于平面設(shè)計(jì)中視覺(jué)元素逐漸由原本的二維空間變成多維空間的轉(zhuǎn)變, 為了適應(yīng)網(wǎng)頁(yè)這一新媒體的逐漸發(fā)展, 交互元素應(yīng)運(yùn)而生。就現(xiàn)階段來(lái)看, 交互技術(shù)呈現(xiàn)出良好且迅速的發(fā)展趨勢(shì), 這會(huì)在很大程度上增強(qiáng)網(wǎng)頁(yè)交互設(shè)計(jì)的互動(dòng)性, 也會(huì)豐富網(wǎng)頁(yè)互動(dòng)的形式與內(nèi)容, 進(jìn)一步激發(fā)人們的瀏覽興趣。可以說(shuō), 這是網(wǎng)頁(yè)交互動(dòng)畫(huà)設(shè)計(jì)的一個(gè)發(fā)展方向。除此之外, 在形式上, 有更多的互動(dòng)種類(lèi), 比如以聲音和視覺(jué)控制的互動(dòng)形式的, 等等, 具體來(lái)說(shuō)就是網(wǎng)頁(yè)設(shè)計(jì)在運(yùn)用平面視覺(jué)元素的過(guò)程中, 將會(huì)采用多種形式讓瀏覽者和計(jì)算機(jī)交互, 并且保證瀏覽方式的個(gè)性化, 以此滿(mǎn)足不同群體的瀏覽需求, 進(jìn)一步為人機(jī)交互帶來(lái)更大的便利。此外, 在內(nèi)容上, 網(wǎng)頁(yè)設(shè)計(jì)將朝著更豐富、更有個(gè)性的方向發(fā)展, 通過(guò)運(yùn)用平面視覺(jué)元素, 讓交互的內(nèi)容涉及網(wǎng)絡(luò)的方方面面, 促進(jìn)人們和虛擬世界自然互動(dòng), 給人們帶來(lái)輕松、個(gè)性的娛樂(lè)感受。
(二) 動(dòng)態(tài)因素

在網(wǎng)頁(yè)設(shè)計(jì)中, 動(dòng)畫(huà)、視頻屬于最活躍且最生動(dòng)的因素, 它能夠?qū)⒕W(wǎng)頁(yè)的信息直觀傳遞給人們, 增加對(duì)人們的視覺(jué)沖擊, 促進(jìn)人與人之間的溝通和互動(dòng)。除此之外, 動(dòng)畫(huà)及視頻元素的運(yùn)用還能夠有效豐富網(wǎng)頁(yè)信息內(nèi)容, 帶給人們視聽(tīng)享受。如今, 各種媒體媒介層出不窮, 對(duì)動(dòng)畫(huà)元素的應(yīng)用越來(lái)越成熟, 從心理上來(lái)說(shuō), 動(dòng)畫(huà)元素適應(yīng)人們的感官體驗(yàn), 且極具親和力, 屬于對(duì)受眾視覺(jué)和心理上的一種調(diào)劑, 能進(jìn)一步增強(qiáng)他們的愉悅感, 賦予瀏覽者更廣闊的想象空間??偠灾? 隨著多媒體技術(shù)的不斷發(fā)展, 人們對(duì)網(wǎng)頁(yè)交互元素、動(dòng)態(tài)元素有了更深入的認(rèn)識(shí), 這要求網(wǎng)頁(yè)設(shè)計(jì)在未來(lái)發(fā)展中朝著多元化方向發(fā)展, 即除了傳統(tǒng)三個(gè)平面視覺(jué)元素之外, 加強(qiáng)對(duì)交互元素和動(dòng)態(tài)的元素的成熟運(yùn)用, 進(jìn)一步增加瀏覽者的感官體驗(yàn), 有效傳遞網(wǎng)頁(yè)信息。


網(wǎng)頁(yè)題目:構(gòu)成網(wǎng)頁(yè)設(shè)計(jì)的圖形視覺(jué)元素主要包括文本元素、圖形元素和色彩元素。
網(wǎng)頁(yè)URL:http://bm7419.com/news/43451.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、App設(shè)計(jì)、響應(yīng)式網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)公司、軟件開(kāi)發(fā)、定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)