平面視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用分析與探索

初良艷

（山東水利技師學(xué)院 山東省淄博市 255130）

伴隨當(dāng)前網(wǎng)絡(luò)的普及與快速發(fā)展，網(wǎng)頁設(shè)計水平正在不斷提升，而且其作為全面的設(shè)計領(lǐng)域，已經(jīng)成為平面設(shè)計的主要發(fā)展方向，為了能夠讓設(shè)計網(wǎng)頁效果更加具備藝術(shù)性與欣賞性，應(yīng)該加強(qiáng)對各項工作的重視，這樣可以在現(xiàn)有的基礎(chǔ)上開展相對較為全面的分析，制定針對性設(shè)計方案，保證各項工作的有序進(jìn)行。因此，網(wǎng)頁設(shè)計者可以適當(dāng)?shù)膶⑵矫嬉曈X元素融入應(yīng)用，并在實踐應(yīng)用的過程中不斷探索，掌握工作的開展現(xiàn)狀，從而有效的進(jìn)行優(yōu)化與完善，為各項工作的順利進(jìn)行提供更多幫助。

1 網(wǎng)頁設(shè)計和平面視覺元素

1.1 網(wǎng)頁設(shè)計

在網(wǎng)絡(luò)技術(shù)穩(wěn)定發(fā)展的推動下，對網(wǎng)頁設(shè)計的需求不斷增大，各個企業(yè)都有一個或多個網(wǎng)站，而且人們對網(wǎng)頁設(shè)計的要求不斷增多，在進(jìn)行設(shè)計時應(yīng)該適當(dāng)?shù)倪x擇設(shè)計方法，并保證某些功能的高效性，提高設(shè)計的美觀性[1]。

1.2 平面視覺元素

文字、圖形、圖像與顏色等品面設(shè)計所構(gòu)成的元素為平面視覺元素，其能夠合理的運用到多種類型設(shè)計當(dāng)中，并通過有效方法的運用，保證設(shè)計的有效性。再加上各種元素的體現(xiàn)形式有著一定的差距，在運用前應(yīng)該對設(shè)計有著充足的了解，使得其效果最大化發(fā)揮。

2 網(wǎng)頁設(shè)計中平面視覺元素的特性分析

2.1 注目性

注目性作為網(wǎng)頁設(shè)計的重要組成，在實際設(shè)計的過程中應(yīng)該做好相對較為全面的分析，這樣可以在現(xiàn)有的基礎(chǔ)上完善各項工作的進(jìn)行，保證設(shè)計效果。這種吸引主要來源于網(wǎng)頁設(shè)計中對色彩、布局及尺寸的各項要求，使得人們在觀看時能夠受到視覺沖擊，并主動瀏覽網(wǎng)頁內(nèi)容。而且在信息技術(shù)穩(wěn)定發(fā)展的推動下，生活中信息傳遞的方式不斷增多，使得人們在使用網(wǎng)絡(luò)獲取信息的過程中，應(yīng)該注重合理的運用多種元素，并通過網(wǎng)頁的合理化設(shè)計，促使瀏覽者能夠集中注意力。因此，網(wǎng)頁設(shè)計工作在開展的過程中，應(yīng)該提高網(wǎng)頁的注目性，使得網(wǎng)頁能夠發(fā)揮自身的特點，這樣才能夠使瀏覽者看到網(wǎng)頁后繼續(xù)瀏覽其他內(nèi)容。而且設(shè)計師在設(shè)計過程中，需要盡可能保證網(wǎng)頁的鮮明清晰，保證創(chuàng)意思維的合理性，將文字與圖像有效呈現(xiàn)[2]。

2.2 確定性

人通過感官接收到的刺激會直接影響人內(nèi)心的感受，使得人產(chǎn)生相應(yīng)的心理活動。所以人在瀏覽網(wǎng)頁上各種類型信息的過程中，還會在內(nèi)心產(chǎn)生不間斷的心理活動，并根據(jù)網(wǎng)頁展現(xiàn)出的內(nèi)容產(chǎn)生喜歡或方案等情緒，而且針對內(nèi)容產(chǎn)生的各種想象。對于這種心理活動來講，人在接收到信息后會產(chǎn)生，因為網(wǎng)頁包含的元素眾多，使人們心理活動較為豐富，需要不斷的進(jìn)行優(yōu)化。對于平面視覺元素的運用，其能夠保證頁面布局的直觀性，并通過色彩搭配等各項工作的開展，全面提高網(wǎng)頁設(shè)計的高效性。所以說，平面視覺元素在運用到網(wǎng)頁設(shè)計當(dāng)中時，應(yīng)該盡可能保證其清晰度，避免瀏覽者無法掌握網(wǎng)頁傳遞的信息，從而關(guān)閉網(wǎng)頁。而且為了能夠提高網(wǎng)頁布局的高效性，需要保證布局的整潔性，激發(fā)瀏覽者的興趣，為各項工作的有序進(jìn)行提供更多幫助[3]。

2.3 選擇性

無論那種類型的網(wǎng)頁，內(nèi)容都相對較為豐富，而且包含的信息類型較多，針對的人員有著一定的差異，瀏覽者在瀏覽內(nèi)容的過程中，有著自己獨特的喜好，所以選擇一些能夠吸引自己的內(nèi)容進(jìn)行閱讀，設(shè)計者在進(jìn)行網(wǎng)頁設(shè)計的過程中，應(yīng)該時刻關(guān)注到這一點，這樣可保證網(wǎng)頁瀏覽的高效性。因此，在運用平面視覺元素進(jìn)行網(wǎng)頁設(shè)計的過程中，應(yīng)該注意將不同內(nèi)容通過符號及顏色進(jìn)行標(biāo)記，使得瀏覽者能夠更加方便的對內(nèi)容進(jìn)行選擇。其中針對購物網(wǎng)站設(shè)計的過程中，應(yīng)該對商品的類別進(jìn)行優(yōu)化，并在分類旁設(shè)置常見的品牌及產(chǎn)品，這樣可以輔助瀏覽者進(jìn)行選擇，從而全面保證設(shè)計的質(zhì)量。而且在通過符號運用的過程中，還應(yīng)該對符號所代表的內(nèi)容進(jìn)行分析，這樣可以有效的對設(shè)計進(jìn)行優(yōu)化，確保平面視覺元素在網(wǎng)頁設(shè)計當(dāng)中能夠發(fā)揮自身選擇性特征，為網(wǎng)頁設(shè)計提供更多幫助。

3 網(wǎng)頁設(shè)計的中平面視覺元素的具體應(yīng)用探索

3.1 網(wǎng)頁設(shè)計中文字的應(yīng)用

文字作為應(yīng)用記錄語言和事物的重要組成，而且在進(jìn)行思想和情感交流的過程中也需要文字的運用。在網(wǎng)頁設(shè)計過程中，由于文字在信息傳達(dá)方面比其他視覺符號更具備辨識性，所以在網(wǎng)頁設(shè)計的過程中文字的應(yīng)用較為廣泛，同時也是比較常見的構(gòu)成原則，發(fā)揮不可替代的作用。為了能夠提高文字在網(wǎng)頁設(shè)計中應(yīng)用的效果，應(yīng)該加強(qiáng)對網(wǎng)頁整體風(fēng)格的認(rèn)識，并對文字進(jìn)行排版設(shè)計，這樣可以保證其應(yīng)影響的效果，避免受多種因素影響而導(dǎo)致問題應(yīng)用不夠恰當(dāng)。一般來講，科學(xué)合理的進(jìn)行網(wǎng)頁文字編排，不僅可以更好的傳達(dá)信息，同時能夠通過文字的合理運用為網(wǎng)頁增添美感，滿足現(xiàn)代人們的審美需求，有效發(fā)揮網(wǎng)頁信息傳達(dá)的有效性。與此同時，在實際進(jìn)行網(wǎng)頁設(shè)計的過程中，文字的編排設(shè)計效果與字體的選擇和編輯有著密切的聯(lián)系，如在對文字進(jìn)行編輯時，通過圖形化的藝術(shù)處理，不僅可以將文字信息進(jìn)行傳達(dá)，同時可以借助視覺信息展現(xiàn)文字信息傳遞的效果[4]。

對于具體將文字運用到網(wǎng)頁設(shè)計當(dāng)中是，需要加強(qiáng)對各項工作的重視，這樣能夠保證設(shè)計的有效性。首先，匹配性原則。匹配性主要指的就是網(wǎng)頁設(shè)計過程中，選用文字時應(yīng)該對具體網(wǎng)頁進(jìn)行分析，并根據(jù)網(wǎng)頁主題內(nèi)容及傳達(dá)的信息進(jìn)行優(yōu)化，合理的選擇文字字體及色彩，使得文字能夠以不同的形式展現(xiàn)在人們面前，從而實現(xiàn)文字的有效傳遞，保證文字傳遞的效果，發(fā)揮其匹配的效果。所以說，在網(wǎng)頁設(shè)計過程中通過文字的運用，需要事先對文字的形式及應(yīng)用要點有著充足的了解，這樣可以在現(xiàn)有基礎(chǔ)上進(jìn)行優(yōu)化與創(chuàng)新，不斷總結(jié)經(jīng)驗，提高文字運用的有效性。其次，明確性原則。在網(wǎng)頁設(shè)計時，文字主要功能在于保證信息的準(zhǔn)確傳遞，要想實現(xiàn)這一要點，應(yīng)該在進(jìn)行網(wǎng)頁設(shè)計的過程中進(jìn)行優(yōu)化，選擇容易識別的文字，注意分辨的同時，提高網(wǎng)頁設(shè)計的有效性。再次，易讀性原則。由于每個人的閱讀習(xí)慣具有一定的差異，而且網(wǎng)頁設(shè)計的過程受視覺能力的影響，所以在設(shè)計的過程中，為了避免文字過粗或過細(xì)產(chǎn)生一定的影響，應(yīng)該注重分析，促使閱讀者更加輕松的進(jìn)行閱讀。最后，美觀性原則。文字作為創(chuàng)意設(shè)計目的，為了提高網(wǎng)頁的美觀性，則應(yīng)該根據(jù)文字的節(jié)奏感進(jìn)行排序，保證文字的美觀性，并適當(dāng)?shù)臐B透文字的美觀性。

3.2 網(wǎng)頁設(shè)計中圖像的應(yīng)用

網(wǎng)頁設(shè)計作為一項復(fù)雜并具備藝術(shù)性的工作，在實際開展的過程中，不僅需要重視文字的運用，同時應(yīng)該適當(dāng)?shù)膶D像融入，這樣能夠更加直觀形象的將信息傳遞，而且圖像的造型和色彩更加具備矚目性，所以要想保證各項信息的準(zhǔn)確性，應(yīng)該注重做好相對較為全面的分析，這樣可以在現(xiàn)有的基礎(chǔ)上進(jìn)行完善。因此，在網(wǎng)頁設(shè)計時，若文字表達(dá)信息較為準(zhǔn)確，應(yīng)該根據(jù)實際情況做好更為全面的分析，這樣可以有效將各項信息優(yōu)化，及能夠保證信息傳遞的質(zhì)量，同時可以提高網(wǎng)頁設(shè)計的高效性。針對網(wǎng)頁圖像的具體應(yīng)用來講，通常圖像所施工格式為GIF 或JPEG 格式，而且要想發(fā)揮圖像運用的效果，應(yīng)該注重網(wǎng)頁編排工作的重視，這可以對圖像運用的方式進(jìn)行優(yōu)化，使得圖像在網(wǎng)頁中發(fā)揮自身的效果。再加上網(wǎng)頁設(shè)計通常圖像的運用為方形圖、退底圖等，無論哪種圖形的運用，都應(yīng)該注重分析，尤其是針對圖形簡潔性及穩(wěn)定性等，只有對各個環(huán)節(jié)進(jìn)行優(yōu)化，才可以提高圖形運用的效果。首先，對于方形圖的運用，其作為最簡潔的一種，在運用到網(wǎng)頁設(shè)計中的過程中，通常能夠?qū)?yán)謹(jǐn)性展現(xiàn)在人們面前。對于退底圖的運用，其應(yīng)用方式較為自由，可以在現(xiàn)有的基礎(chǔ)上對各個環(huán)節(jié)進(jìn)行優(yōu)化，這樣可以保證運用的效果，給閱讀者帶來深刻的影響，通過這種方式的運用，會讓網(wǎng)頁的整體風(fēng)格以輕松而活潑的形式展現(xiàn)，但若運用不夠合理，則會產(chǎn)生較為嚴(yán)重的影響，不僅無法保證網(wǎng)頁設(shè)計質(zhì)量，甚至?xí)辛鑱y的現(xiàn)象?？偟膩碇v，無論針對那種圖像的運用，都應(yīng)該實現(xiàn)對網(wǎng)頁設(shè)計的主題進(jìn)行分析，這樣可以有效的進(jìn)行優(yōu)化，給人一種舒適的感覺，有效的將情感表達(dá)，保證網(wǎng)頁設(shè)計的質(zhì)量[5]。

3.3 網(wǎng)頁設(shè)計中色彩的應(yīng)用

在網(wǎng)頁設(shè)計的過程中，彩色的界面與單色界面相比，能夠吸引瀏覽者的注意力，促使其更加感興趣的閱讀網(wǎng)頁內(nèi)容，發(fā)揮重要的作用。所以說，針對色彩在網(wǎng)頁設(shè)計中的運用，其能夠起到增添效果的功能，而且在設(shè)計過程中應(yīng)該根據(jù)色彩的形式，有效的對各項工作進(jìn)行優(yōu)化，保證設(shè)計的合理性，通過色彩帶給瀏覽者設(shè)局沖擊。設(shè)計師在通過計算機(jī)進(jìn)行網(wǎng)頁設(shè)計的過程中，應(yīng)該實現(xiàn)對各項設(shè)計要點有著充足的了解，并在現(xiàn)有的基礎(chǔ)上進(jìn)行分析，保證設(shè)計的有效性，并在現(xiàn)有的基礎(chǔ)上完善各項設(shè)計工作，同時應(yīng)該思考設(shè)計為人們帶來的感受，全面保證設(shè)計的有效性?？偟膩碇v，在網(wǎng)頁設(shè)計的過程中通過色彩的搭配運用，需要考慮的問題相對較多，尤其是針對色彩的選擇，應(yīng)該對不同顏色所蘊含的寓意有著一定的了解，盡可能避免誤用的情況，確保色彩的效果可以充分體現(xiàn)。對于網(wǎng)頁色彩搭配來講，其作為色彩搭配的重要一環(huán)節(jié)，應(yīng)該在現(xiàn)有的基礎(chǔ)上對各項工作進(jìn)行優(yōu)化，注重網(wǎng)頁性質(zhì)和主題的合理選擇，如暖色通常適用于購物類型網(wǎng)站及電子商務(wù)網(wǎng)站，這樣可以將網(wǎng)站的特點有效突出，保證網(wǎng)頁設(shè)計的高效性，通過各項工作的落實與優(yōu)化，保證設(shè)計的高效性，降低影響因素。對于冷色的運用來講，通常高科技網(wǎng)站及學(xué)術(shù)類網(wǎng)站應(yīng)用能夠發(fā)揮一定的效果，這樣可以將嚴(yán)肅的效果展現(xiàn)，突出文中的風(fēng)格特點。

3.4 網(wǎng)頁設(shè)計中版式的應(yīng)用

對于版式在網(wǎng)頁設(shè)計中的應(yīng)用，其能夠根據(jù)網(wǎng)頁的內(nèi)容和主題，有效的將網(wǎng)頁頁面上的構(gòu)成要素體現(xiàn)，從而可以進(jìn)行關(guān)聯(lián)與匹配，將網(wǎng)頁整體的設(shè)計意圖和風(fēng)格展現(xiàn)。科學(xué)合理的版式設(shè)計不僅能夠讓網(wǎng)頁上的文字、圖像、色彩帶等元素有機(jī)結(jié)合，同時能夠提升頁面的美觀度，凸顯網(wǎng)頁的風(fēng)格，帶給網(wǎng)頁瀏覽者更為流程的視覺體驗。所以，在網(wǎng)頁設(shè)計的過程中，版式設(shè)計應(yīng)該根據(jù)實際情況合理的選擇類型，并注重更為全面的分析，其中比較常見的形式有骨骼型板式、滿版型板式及曲線型板式等數(shù)十種，每一種設(shè)計都具備自身的特色，需要根據(jù)網(wǎng)頁設(shè)計要求進(jìn)行合理的選擇，這樣可以保證設(shè)計的有效性，并在現(xiàn)有的基礎(chǔ)上對各項設(shè)計工作進(jìn)行優(yōu)化。對于骨骼型版式設(shè)計，其能夠充分的將設(shè)計特色展現(xiàn)，同時也是網(wǎng)頁設(shè)計中應(yīng)用較為廣泛的一環(huán)節(jié)，需要得到重視，這樣可以最大化發(fā)揮應(yīng)用的效果，保證各項工作開展的效果。針對曲線型版式設(shè)計來講，其具備一定的韻律感與節(jié)奏感，而且可以根據(jù)實際設(shè)計要求對其進(jìn)行優(yōu)化，確保符合大眾審美，提高網(wǎng)頁設(shè)計的高效性?？偟膩碇v，對版式設(shè)計在網(wǎng)頁設(shè)計中的運用，必須要現(xiàn)有的基礎(chǔ)上分析，并有效完善各項工作保證工作的有序進(jìn)行，并且應(yīng)該掌握設(shè)計工作存在的問題，不斷完善網(wǎng)頁設(shè)計方案，保證設(shè)計的高效性。

4 結(jié)束語

總而言之，在時代穩(wěn)定發(fā)展的推動下，平面視覺元素在網(wǎng)頁設(shè)計中越來越重要，而且各個領(lǐng)域?qū)W(wǎng)頁的藝術(shù)性都有著一定的要求，合理的運用文字、圖像、色彩及板式能夠提高網(wǎng)頁設(shè)計的整體性，并有效突出設(shè)計主題，增強(qiáng)設(shè)計效果，吸引信息閱讀者研究。因此，設(shè)計工作人員在實際運用計算機(jī)進(jìn)行網(wǎng)頁設(shè)計的過程中，不僅需要對計算機(jī)技術(shù)有著充足的了解，同時應(yīng)該在現(xiàn)有基礎(chǔ)上對平面視覺元素的運用進(jìn)行分析，確?？梢院侠淼膶⑵淙谌氲骄W(wǎng)頁設(shè)計當(dāng)中，并不斷探索各項元素的運用現(xiàn)狀，優(yōu)化視覺元素的搭配，提高平面視覺元素應(yīng)用的效果。