網(wǎng)頁設(shè)計(jì)中視覺元素、美學(xué)和留白藝術(shù)的運(yùn)用發(fā)布者:本站 時(shí)間:2020-05-02 14:05:56
網(wǎng)頁是人們通過計(jì)算機(jī)來獲取信息時(shí)最直接點(diǎn)擊和閱讀的頁面,近年來隨著計(jì)算機(jī)網(wǎng)絡(luò)信息的普及,人們不光對信息質(zhì)量有著較高的需求,對頁面是否美觀也漸漸提高了要求。在這種形勢的推動下,頁面的藝術(shù)設(shè)計(jì)是否能夠滿足人們的審美需求,在眾多網(wǎng)站頁面中脫穎而出成為首要的設(shè)計(jì)目標(biāo)。下面將從頁面設(shè)計(jì)中的網(wǎng)頁構(gòu)圖、視覺元素、美學(xué)應(yīng)用和留白技術(shù)四個(gè)方面對增添網(wǎng)頁藝術(shù)效果進(jìn)行說明。
1、 網(wǎng)頁設(shè)計(jì)中的構(gòu)圖
網(wǎng)頁設(shè)計(jì)構(gòu)圖應(yīng)遵循對稱均衡、對比調(diào)和節(jié)奏韻律三大形式原理。
1.1 對稱與均衡。對稱是世間自然萬物穩(wěn)定存在的基本形式,在日常生活中也隨處可見。在對網(wǎng)頁進(jìn)行藝術(shù)設(shè)計(jì)時(shí),完全遵循對稱效果未免有一種循規(guī)蹈矩的感覺,很容易使人在瀏覽時(shí)覺得頁面呆板和單調(diào),不愿意繼續(xù)瀏覽。因此設(shè)計(jì)師們便采用一種不完全對稱的藝術(shù)手法,使網(wǎng)頁看上去更加生動和鮮明,讓人在閱覽時(shí)更加明快。網(wǎng)頁的均衡相對來說更是一種感官上的藝術(shù)平衡,它將網(wǎng)頁中乍看之下矛盾的、沖突的因素,利用色彩、位置、圖形等元素使之在氣勢上形成均衡的統(tǒng)一性,在視覺上達(dá)到對稱平衡的效果。
【圖1】
1.2 對比與調(diào)和。對比一般是指在形狀、顏色和線條等不同形式之間的對立形態(tài)。在藝術(shù)設(shè)計(jì)中,對比和調(diào)和是相輔相成的。對比能夠使圖案更加鮮明、活潑,使畫面產(chǎn)生立體感。調(diào)和是將畫面之中的各種元素和諧統(tǒng)一,主次有序,增強(qiáng)畫面的協(xié)調(diào)感。對比和調(diào)和藝術(shù)手法即是在動中求變、變中求序,和諧統(tǒng)一,讓人在瀏覽時(shí)視覺感官舒適。對比和調(diào)和二者缺一不可,更不能單獨(dú)追求對比或調(diào)和,避免使畫面雜亂無序。
1.3 節(jié)奏和韻律。韻律就好比音樂中的旋律,不但要有節(jié)奏更要有強(qiáng)烈的感染力。同理,在網(wǎng)頁設(shè)計(jì)中節(jié)奏被認(rèn)為是反復(fù)的形態(tài)和構(gòu)造。例如將圖形按照等距格式的反復(fù)排列,做空間位置安排,就能產(chǎn)生節(jié)奏感,節(jié)奏有機(jī)械美的特點(diǎn)。在節(jié)奏的基礎(chǔ)上加入如漸變或?qū)Ρ鹊确▌t,就可以構(gòu)成富有韻律感的形式。韻律是使節(jié)奏富有韻律感的變化美,將圖形按大小、方向、位置、虛實(shí)、強(qiáng)弱、疏密等加以規(guī)律性地組織排列,就會產(chǎn)生有變化的韻律美。
2、 網(wǎng)頁設(shè)計(jì)中視覺元素的應(yīng)用
點(diǎn)、線和面三要素是形成視覺元素的三大要素。如何讓視覺元素在網(wǎng)頁中得到最大的發(fā)揮,就需要網(wǎng)頁設(shè)計(jì)師合理設(shè)計(jì)和安排這三要素所處的位置和作用了。
2.1 點(diǎn)的應(yīng)用。在網(wǎng)頁設(shè)計(jì)中,點(diǎn)并不只局限于一個(gè)圓或者局限于一個(gè)固定的位置,而是代表了在頁面中的設(shè)計(jì)中心,并且隨著視覺環(huán)境面積的變化產(chǎn)生成反比的視覺感覺。在成功的網(wǎng)頁設(shè)計(jì)中,往往是點(diǎn)起到活躍內(nèi)容的作用。
2.2 線的應(yīng)用。線在網(wǎng)頁設(shè)計(jì)中是分化版面的重要元素。與點(diǎn)相比,線的形式變化更加豐富,給人產(chǎn)生的心理情感也不盡相同。線元素的長短、曲直和粗細(xì)都能夠隨意變化,設(shè)計(jì)師可以根據(jù)不同的主題要求對其進(jìn)行形態(tài)調(diào)整,不同的形態(tài)都能夠給人產(chǎn)生不同的視覺感受和心理影響。例如直線給人感覺嚴(yán)謹(jǐn)、力量的情緒特征,而曲線則相對柔和、細(xì)膩,更適合用于針對女性群體的網(wǎng)站當(dāng)中。由此可見,在網(wǎng)頁設(shè)計(jì)中應(yīng)用不同形態(tài)的線元素可以起到不同的效果。
3.3 面的應(yīng)用。面是網(wǎng)頁構(gòu)圖中最常見的元素,是由點(diǎn)和線的重復(fù)構(gòu)圖產(chǎn)生的。網(wǎng)頁中主要的布局都是由面的設(shè)計(jì)來完成的,也是人們在瀏覽網(wǎng)頁時(shí)最主要的部分,它可以由文字或者圖像任意構(gòu)成,也可以為了營造虛實(shí)對比的效果而做留白處理,總之,只有處理好面的設(shè)計(jì),網(wǎng)頁藝術(shù)效果才能更具美感。
3、 網(wǎng)頁設(shè)計(jì)中的美學(xué)應(yīng)用
網(wǎng)頁美學(xué)設(shè)計(jì)主要由繪畫、色彩和平面都成三個(gè)要素來表現(xiàn)的。在網(wǎng)頁設(shè)計(jì)中,圖片的添加可以增加頁面的美感和效果,設(shè)計(jì)師可以通過網(wǎng)絡(luò)、數(shù)碼相機(jī)、掃描儀,或者利用專業(yè)的繪圖制作、PS等多種渠道進(jìn)行圖片的取材,并根據(jù)頁面的主題來選擇合適圖片進(jìn)行應(yīng)用。設(shè)計(jì)師通過對圖片的內(nèi)容、色彩和結(jié)構(gòu)等因素進(jìn)行排列組合,是突出網(wǎng)頁主題、美化網(wǎng)頁效果的重要手段。
在網(wǎng)頁的美學(xué)應(yīng)用中,除了對圖片的有效應(yīng)用外,最重要的就是對色彩的應(yīng)用了。顏色對人的心理情緒有著無可厚非的影響,準(zhǔn)確的色彩組合與搭配能夠豐富頁面的內(nèi)容,美化頁面,還能影響人們在瀏覽頁面時(shí)的主觀情緒。因此這也對設(shè)計(jì)師需要熟知色彩的應(yīng)用提出了更高的要求。
不同的顏色使人產(chǎn)生不同的聯(lián)想。例如紅色視覺刺激較強(qiáng),給人活躍、熱烈、朝氣的感覺;橙色相對柔和一些,給人溫暖、明快的感覺;藍(lán)色則與紅色相反,給人沉靜、理智和清澈的感覺;紫色讓人感覺高雅和雍容華貴等等。當(dāng)然顏色的深淺和搭配也都會產(chǎn)生不同的情緒聯(lián)想,在網(wǎng)頁設(shè)計(jì)中,設(shè)計(jì)師應(yīng)注意整體的色彩運(yùn)用,切忌東一塊西一塊給人產(chǎn)生拼湊和視覺混亂的感覺。協(xié)調(diào)的色彩組合才會使瀏覽者在閱讀時(shí)與信息產(chǎn)生情感的交流,產(chǎn)生美的感受。
4、 留白藝術(shù)的應(yīng)用
留白是我國傳統(tǒng)藝術(shù)表現(xiàn)手法之一,在現(xiàn)代網(wǎng)頁設(shè)計(jì)中同樣也是渲染藝術(shù)效果的重要手法。留白看似簡單,但是網(wǎng)頁中合理營造出虛實(shí)對比、做到簡單卻不空虛實(shí)屬不易。在處理留白技術(shù)時(shí),不能局限于一小塊版面,而是應(yīng)從整體出發(fā),考慮到留白處與實(shí)景處之間的空間對比,使兩者形成均衡協(xié)調(diào)的效果。網(wǎng)頁的留白技術(shù)應(yīng)用普遍出現(xiàn)在板塊中心周圍的空白或者字體與圖片之間的空白,但是留白之處并不局限于這兩種當(dāng)中,只要符合整體的美觀效果,也可以將其應(yīng)用到字與字之間真是筆畫之間,但是這種處理手法需要考慮得當(dāng),否則很容易導(dǎo)致整個(gè)頁面設(shè)計(jì)的失敗。同時(shí)應(yīng)該注意的是,留白技術(shù)只是作為網(wǎng)頁藝術(shù)美感的渲染手法,成功的應(yīng)用留白技術(shù)能夠有效地烘托主題內(nèi)容,但是如果將設(shè)計(jì)重點(diǎn)放在留白上,很容易造成頁面失衡,成為失敗的作品。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032