網(wǎng)頁設(shè)計(jì)風(fēng)格

1、網(wǎng)頁設(shè)計(jì)的風(fēng)格網(wǎng)站的設(shè)計(jì)必須要形成自己的風(fēng)格特色，特色就是優(yōu)勢(shì)1. 網(wǎng)頁設(shè)計(jì)的構(gòu)成要素l 點(diǎn)的構(gòu)成在頁面設(shè)計(jì)中，運(yùn)用點(diǎn)的屬性可以創(chuàng)造出千變?nèi)f化的點(diǎn)造型。點(diǎn)是造型中的基本要素，也是構(gòu)成中最簡(jiǎn)潔的形態(tài)，點(diǎn)在線、面里相對(duì)來說是最小的單位，依托無數(shù)的點(diǎn)來形成線、面。在視覺形態(tài)中，點(diǎn)具有形狀、大小、方向等屬性。點(diǎn)的概念是相對(duì)的，是與周圍的視覺元素相比較而言的。點(diǎn)一般表示為圓形，但也可以是三角形、方形、無規(guī)則圖形。作為視覺上的點(diǎn)，隨著面積的擴(kuò)大，區(qū)域面的感覺也就越強(qiáng)。點(diǎn)具有視覺中心的屬性，具有強(qiáng)烈的視覺吸引力。當(dāng)這些點(diǎn)大小不同時(shí)，人們?cè)谝曈X上會(huì)首先注意到大的點(diǎn)，然后逐漸向較小點(diǎn)移動(dòng)。隨著電的增加，人們的注

2、意力也會(huì)逐漸分散。點(diǎn)的數(shù)量多會(huì)有生動(dòng)感，如果大小不同，就豐富了視覺節(jié)奏韻律，增加了美感。點(diǎn)的連續(xù)會(huì)產(chǎn)生節(jié)奏、韻律和方向，疏密的點(diǎn)陣會(huì)產(chǎn)生空間感。點(diǎn)的形狀、方向、大小、位置、聚集、發(fā)散、層疊、交錯(cuò)，能夠給人帶來不同的心理感受。單純由點(diǎn)構(gòu)成的網(wǎng)頁較少見到，一般總是和其他元素配合使用。這種版面往往輕松隨意、生動(dòng)活潑給人印象深刻，休閑娛樂類網(wǎng)站較容易使用。l 線的構(gòu)成線是由點(diǎn)的移動(dòng)或連續(xù)排列構(gòu)成的，或者說由兩點(diǎn)連接而成，是不占面積的。用線能表現(xiàn)作品的情感和抽象意義，頁面的工整感、速度感也是靠線形來表現(xiàn)的。線在空間中具有方向性和運(yùn)動(dòng)感。線可分為直線和曲線兩種。直線為垂直線、水平線、斜線，曲線分為幾何曲線

3、、自由曲線。線的粗細(xì)、長(zhǎng)短、形狀的變化，在不同的環(huán)境中有各自的意義。直線具有堅(jiān)硬、力量、速度的感覺，曲線常體現(xiàn)柔軟、流暢、溫和的女性特征。兩種或以上不同大小、顏色、形狀、方向的線為設(shè)計(jì)元素，使頁面具有很強(qiáng)的表現(xiàn)力。可以運(yùn)用重復(fù)、近似、漸變、對(duì)比、聚集、擴(kuò)散等手法，將不同的線應(yīng)用到頁面設(shè)計(jì)中去，以獲得不同的效果，但是要注意對(duì)比、協(xié)調(diào)的關(guān)系。線是分割頁面的主要元素之一，是決定頁面風(fēng)格的基本要素，根據(jù)各自線性的特征，可設(shè)計(jì)出不同風(fēng)格的網(wǎng)頁。l 面的構(gòu)成點(diǎn)的密集、線的運(yùn)動(dòng)產(chǎn)生了面。與點(diǎn)和線相比，面具有更強(qiáng)的視覺效果和表現(xiàn)力。面可分為幾何形和自由形兩類。方形、圓形、三角形都是幾何形，多邊形的面也常在網(wǎng)頁

4、中出現(xiàn)。幾何形給人以簡(jiǎn)潔明快、有序理性的特征。在視覺形態(tài)上，面通過大小、位置、形狀、角度的變化，形成自己鮮明的個(gè)性和情感特征。設(shè)計(jì)的時(shí)候要注意把握不同形狀的面之間的相互關(guān)系和整體和諧。面的組合式靈活多樣的，一個(gè)頁面可能有疊加、重合、穿插的效果，根據(jù)視覺效果而定?？梢杂锚?dú)立的頁面構(gòu)圖設(shè)計(jì)，也可以將各種類型的面結(jié)合起來，多做些新的嘗試。l 混合的構(gòu)成點(diǎn)、線、面是視覺構(gòu)成的基本元素，具有不同的情感特征，是最重要的表現(xiàn)手段。單純的運(yùn)用某個(gè)點(diǎn)、線、面，頁面有可能單調(diào)、乏味。他們?cè)趫D形圖像中往往是共同作用的，才是頁面具有強(qiáng)烈的表現(xiàn)力。合理的平衡安排好點(diǎn)、線、面的關(guān)系，將點(diǎn)、線、面進(jìn)行綜合靈活的運(yùn)用，定能設(shè)

5、計(jì)出豐富、充實(shí)、具有最佳視覺效果的頁面。2. 網(wǎng)頁設(shè)計(jì)的風(fēng)格類型網(wǎng)頁設(shè)計(jì)的目的就是為了突出網(wǎng)站自身特點(diǎn)，以信息內(nèi)容得到理想的傳達(dá)為前提。根據(jù)網(wǎng)站的主題內(nèi)容，主頁設(shè)計(jì)首先要考慮風(fēng)格形式的定位。目前，網(wǎng)頁的應(yīng)用范圍日益擴(kuò)大，幾乎囊括了所有行業(yè)。概括起來大體有：新聞機(jī)構(gòu)、政府機(jī)關(guān)、企業(yè)門戶、科教文化、娛樂藝術(shù)、電子商務(wù)、網(wǎng)絡(luò)中心等。不同性質(zhì)的行業(yè)，應(yīng)體現(xiàn)出不同的主頁風(fēng)格類型。網(wǎng)頁設(shè)計(jì)的整體風(fēng)格要靠圖形圖像、文字、色彩、版式、動(dòng)畫來表現(xiàn)。從網(wǎng)頁設(shè)計(jì)特殊性的角度分析主頁風(fēng)格，大體可以分為平面風(fēng)格、矢量風(fēng)格、像素風(fēng)格、三維風(fēng)格。平面風(fēng)格平面設(shè)計(jì)是二維的設(shè)計(jì)，平面風(fēng)格始終是基于一個(gè)二維視圖來工作的，側(cè)重于構(gòu)

6、圖、色彩及表達(dá)的思維主旨，往往給人以空靈的意境和透氣爽快的感覺，這種構(gòu)圖形式可以在有限的頁面中表現(xiàn)出無限的空間感。此種風(fēng)格在網(wǎng)頁設(shè)計(jì)中最常見且最實(shí)用。門戶與新聞?lì)惥W(wǎng)站，商業(yè)企業(yè)類網(wǎng)站，娛樂游戲類網(wǎng)站，運(yùn)動(dòng)休閑類網(wǎng)站，文化教育類網(wǎng)站，生活時(shí)尚類物昂站，興趣愛好和個(gè)人網(wǎng)站，平面風(fēng)格已經(jīng)滲透到以上各個(gè)類型的網(wǎng)站。矢量風(fēng)格矢量圖使用直線和曲線來描述圖形，這些圖形的元素大多是一些點(diǎn)、線、矩形、多邊形、園和弧線等基礎(chǔ)元素，它們都是通過數(shù)學(xué)公式計(jì)算獲得的，所以文件體積一般很小。矢量圖最大的優(yōu)點(diǎn)是無論放大、縮小或者旋轉(zhuǎn)都不會(huì)失真，最大的缺點(diǎn)就是難以表現(xiàn)色彩層次豐富的逼真圖像效果。像素風(fēng)格gba掌機(jī)畫面、電腦軟件上的圖標(biāo)及現(xiàn)在手機(jī)上的屏保等都是像素畫。像素畫屬于點(diǎn)陣式圖像，它是一種圖標(biāo)風(fēng)格的圖像，更強(qiáng)調(diào)清晰的輪廓、明快的色彩。幾乎不用混疊的方法來繪制光滑的線條，由許多不同顏色的點(diǎn)一個(gè)個(gè)巧妙的組合排列在一起，構(gòu)成一幅完整的圖像，這些點(diǎn)稱為pixel像素，圖像稱之為icon圖標(biāo)或像素畫。三維風(fēng)格三維是在頂視圖、正視圖、側(cè)視圖及透視圖中來創(chuàng)作編輯物體的，以一個(gè)具有長(zhǎng)、寬、高三種度量的立體物質(zhì)形態(tài)出現(xiàn)，這種形態(tài)可以表現(xiàn)在商品的外型上，也可以表現(xiàn)在商品的容器或其他地方。