主頁：網(wǎng)站的門面，猶如企業(yè)的形象，分外注重設(shè)計和規(guī)劃。 
框架頁：網(wǎng)站的首要構(gòu)架頁面，又稱次主頁、內(nèi)頁，年夜型網(wǎng)站每每框架頁即主頁，如有些門戶網(wǎng)站?？蚣茼撌滓蔷W(wǎng)站內(nèi)部首要欄目標(biāo)主頁，講求作風(fēng)的同等性，并于首頁照應(yīng)。 
通俗頁：網(wǎng)站首要的承載信息的頁面，設(shè)計要求不高，但要求鏈接正確、筆墨無誤、圖文并茂，并因循網(wǎng)頁的作風(fēng)。 
彈出頁：一樣平慣用于告白、新聞、新聞、到其他網(wǎng)站的鏈接等等，一樣平慣用的很少。 
經(jīng)由進程上面的闡發(fā)，咱們能夠看出： 
從功效上來看，主頁首要負(fù)擔(dān)著建立公司形象（當(dāng)然不僅僅是主頁）的用途，框架頁在導(dǎo)航方面起側(cè)緊張的用途，康復(fù)比各欄目內(nèi)部首要內(nèi)容的先容，都能夠在框架頁中呈現(xiàn)再進入通俗頁，讓閱讀者能夠也許敏捷相識網(wǎng)站各欄目標(biāo)首要內(nèi)容，擇其需要而閱讀，而通俗頁則是首要的信息頁面，也是網(wǎng)站的終極頁面，對付年夜型網(wǎng)站，這種構(gòu)架異常緊張，而對付中小型公司，網(wǎng)站范圍較小、頁面數(shù)目不多，有時框架頁就起著通俗頁的用途，至于彈出頁，倡議您不是需要，最康復(fù)不要用。下面詳盡先容各頁面的設(shè)計技能：
一、主頁設(shè)計技能 
網(wǎng)站主頁是公司網(wǎng)上的虛構(gòu)門面，在此，提醒上彀的公司注重本身門面的設(shè)計，決不克不迭搪塞了事、敷衍了事。咱們會常常看到印刷精巧的產(chǎn)物目次或告白，當(dāng)您屢屢看到那些印有產(chǎn)物目次或告白的精巧印刷成品的時刻，信任您或多或少會對有關(guān)的產(chǎn)物產(chǎn)生一種康復(fù)感，縱然您不會購置，也必然對這些產(chǎn)物產(chǎn)生必定水平的認(rèn)可。而對付設(shè)計毛糙的鼓吹品，您確立會狐疑其內(nèi)容的真實性，從而對其產(chǎn)物或效勞發(fā)生質(zhì)疑。康復(fù)，如今說說網(wǎng)站的設(shè)計，信任您會批準(zhǔn)這種說法：網(wǎng)站的頁面就康復(fù)比是“無紙的印刷品”。既然如斯，咱們會是以而得出一個論斷：優(yōu)良和專業(yè)網(wǎng)站的設(shè)計，猶如制造精巧的印刷品，會年夜年夜刺激花費者（拜訪者）的購置欲望，反之，您企業(yè)所提供的產(chǎn)物或效勞將不會給花費者（拜訪者）留下較康復(fù)的印象。值得一提的是，除非您的公司有專業(yè)的網(wǎng)站規(guī)劃、設(shè)計職員，不然您最康復(fù)找專業(yè)企業(yè)或?qū)I(yè)職員為您設(shè)計制造，一個優(yōu)異的專業(yè)設(shè)計職員會很快明晰您的用意，并依據(jù)您的建網(wǎng)站目標(biāo)提出建設(shè)性的定見。
一樣平常來講，網(wǎng)站主頁的情勢不過乎有兩種，一種是純潔的形象展現(xiàn)型，這品種型筆墨信息較少，圖像信息較多，經(jīng)由進程藝術(shù)外型和設(shè)計構(gòu)架，應(yīng)用一系列與企業(yè)形象和產(chǎn)物、效勞有關(guān)的圖像、筆墨信息，構(gòu)成一幅生動的畫面，向閱讀者展現(xiàn)一種形象、一個氣氛，從而吸收閱讀者進入閱讀。這需要設(shè)計者具備優(yōu)越的設(shè)計根基和審美才能，能夠也許盡力發(fā)掘公司深層的內(nèi)在，展現(xiàn)公司文明。這品種型的主頁在設(shè)計過程中必定要明晰要以設(shè)計為主導(dǎo)，經(jīng)由進程顏色、構(gòu)架給拜訪者留下深入的印象，當(dāng)然，咱們不克不迭為了設(shè)計而設(shè)計，咱們的目標(biāo)是營銷，在設(shè)計過程中必定要切記這一點！
另一種是信息枚舉型，一樣平常的年夜、中型公司網(wǎng)站和門戶網(wǎng)站慣用的體式格局，即在主頁中就枚舉出網(wǎng)站的首要內(nèi)容歸類、難點信息、網(wǎng)站導(dǎo)航、企業(yè)信息等等，也便是咱們上面談到的框架頁，這種作風(fēng)比擬得當(dāng)網(wǎng)站信息量年夜，內(nèi)容豐碩的網(wǎng)站，因為是以展現(xiàn)信息為主，這是的設(shè)計就要在細(xì)節(jié)之處呈現(xiàn)公司形象，倡議設(shè)計職員最康復(fù)細(xì)心閱讀公司的ＣＩ手冊，熟悉公司標(biāo)記、祥瑞物、字體及用色尺度，在網(wǎng)站的局部呈現(xiàn)出來，每每平庸之中一個柔美的相符公司特點的曲線就能夠也許給人以深入的印象，從而將公司形象印在閱讀者的腦海里。設(shè)計職員在設(shè)計過程中要注重使用這些言語符號來抒發(fā)一種奇特的公司信息。
二、作風(fēng)堅持同等——內(nèi)頁設(shè)計技能 
若何堅持網(wǎng)站作風(fēng)的同等，是實行內(nèi)頁設(shè)計過程中斟酌的緊張方面，依據(jù)我的經(jīng)歷，您能夠測驗考試以下幾類設(shè)計體式格局： 
1、構(gòu)架的同等性：咱們曉得，網(wǎng)站的一致性在網(wǎng)站推廣中占緊張位置，而網(wǎng)站構(gòu)架是網(wǎng)站作風(fēng)一致的緊張手腕，包括網(wǎng)站構(gòu)架、筆墨排版、裝潢性元素體現(xiàn)的位置、導(dǎo)航的一致、圖片的位置等等，到國外有名的電子商業(yè)網(wǎng)站閱讀，你會發(fā)現(xiàn)這些網(wǎng)站構(gòu)架驚異的同等性，所分歧的是顏色或內(nèi)容，在構(gòu)架的同等性中，咱們要夸大網(wǎng)站標(biāo)忘性元素的同等性，即網(wǎng)站或企業(yè)稱號、網(wǎng)站或公司標(biāo)記、導(dǎo)航及輔助導(dǎo)航的情勢及位置、企業(yè)接洽信息等，這種體式格局是今朝網(wǎng)站廣泛采納的構(gòu)架，一方面削減設(shè)計、開發(fā)的事宜量，同時更有益于以后的網(wǎng)站維護與更新。
2、顏色的同等性：體式格局是堅持站點主體顏色的同等，只轉(zhuǎn)型局部色塊，長處是一個奇特顏色的網(wǎng)站會給人留下很深入的印象，因為人的視覺對顏色要比構(gòu)架更敏感，更容易在年夜腦中產(chǎn)生影象符號。在顏色的同等性中，咱們夸大的是假如公司有自身的CI形象，最康復(fù)在互聯(lián)網(wǎng)中因循這個形象，給觀眾網(wǎng)上彀下同等的感覺，更有益于公司形象的建立。一個倡議是拔取一兩種首要顏色，幾類輔助顏色。
3、應(yīng)用導(dǎo)航取得一致：導(dǎo)航是網(wǎng)站的一項緊張構(gòu)成部門，一個精彩的富有公司特征的導(dǎo)航將會給人留下深入的印象，康復(fù)比將標(biāo)記的形態(tài)寓于導(dǎo)航之中，或?qū)?dǎo)航設(shè)計在整個網(wǎng)站構(gòu)架之中等等紛歧而足，花點力量在導(dǎo)航上，也會設(shè)計出一個精彩的站點。
4、分外元素的同等性：在網(wǎng)頁設(shè)計中，個體具備特點的元素（如標(biāo)記、意味圖形、局部設(shè)計等）反復(fù)體現(xiàn)，也會給拜訪者留下深入印象?？祻?fù)比網(wǎng)站構(gòu)架在某一點上的變遷，由直線變得圓弧、暗色裝點的亮色、顏色中的補色等等。
5、應(yīng)用圖像取得一致： 網(wǎng)頁中的圖像在使用上必定要甚之又甚，尤其是有些動畫，網(wǎng)頁中充滿著各種無關(guān)主要的動畫，而這些動畫基礎(chǔ)與本公司內(nèi)容無關(guān)！當(dāng)真反省網(wǎng)頁中的動畫，將沒用的刪失落！這里咱們所說的應(yīng)用圖像取得一致，決不是在每頁中放置幾個動畫！而是作為網(wǎng)站構(gòu)架一部門的局部圖像，依據(jù)網(wǎng)頁內(nèi)容的分歧，配以響應(yīng)的圖像或動畫，從而給閱讀者產(chǎn)生頁面的持續(xù)性。
6、應(yīng)用配景取得一致：從手藝上而言，網(wǎng)頁配景包括配風(fēng)光和配景圖像兩種，一樣平常來講，咱們并不倡導(dǎo)使用配景圖像，而使用配風(fēng)光或色塊。緣故原由很顯著，第一，下載速率，配風(fēng)光的下載速率疏忽不計，而配景圖像就得依據(jù)圖像字節(jié)年夜小下載了，這里需要闡明的是，假如你的配景圖像比擬深，那么最康復(fù)將配風(fēng)光置為深色調(diào)（默許的配風(fēng)光是白色），如許在期待閱讀器下載配景圖片的時刻之前的淡色筆墨能夠很容易閱讀，因為假若有配風(fēng)光，閱讀器先將其下載，然后下載配景圖片；第二，顯示后果，常?？吹胶?nèi)有些網(wǎng)站設(shè)有配景圖像，或者是企業(yè)的廠房、辦公年夜樓，或者是產(chǎn)物圖片，乃至是某或人物的照片，使得之前的筆墨很難辨別！給人一種很不愜意的感覺，讓人無可奈何停頓。在此，提醒您注重：有用應(yīng)用配景取得網(wǎng)站一致和專業(yè)化的方法有以下幾類：
第一，熟悉到并不是所有的圖片都能夠作為配景，在斟酌設(shè)立網(wǎng)站配景圖像的時請您注重； 
第二，增強與遠(yuǎn)景的明暗對比，即要么淡化配景，隱模糊約能夠看到即可，要么加深配景，而將之前的筆墨亮化。 
那么什么得當(dāng)網(wǎng)頁配景呢？一個康復(fù)的倡議是將企業(yè)的標(biāo)記、意味性的簡易圖片作為配景，并將其淡化，使閱讀者在閱讀網(wǎng)站內(nèi)容的同時不經(jīng)意記下企業(yè)的標(biāo)記。已經(jīng)一個網(wǎng)站的配景設(shè)計給我留下深入的印象：單色配景中一個網(wǎng)站標(biāo)記的居中放年夜淡化，前面元素中也賡續(xù)反復(fù)這個標(biāo)記：如提交按紐外形銳意設(shè)計成標(biāo)記的情勢等等，在整個頁面中產(chǎn)生特有元素在年夜小、明暗及位置的照應(yīng)，很康復(fù)地塑造了網(wǎng)站的特有形象。
三、顏色搭配 
網(wǎng)頁中最難處置的也便是顏色搭配的問題了。若何使用最簡易的顏色抒發(fā)最豐碩的寄義，呈現(xiàn)公司形象是網(wǎng)站設(shè)計職員需要賡續(xù)學(xué)習(xí)、摸索的課題。若何實行顏色搭配是一門學(xué)問，下面的有些方法是我在理論過程中的領(lǐng)會，愿望能夠也許為您起到必定的參考用途。
1、使用雷同色系顏色：所謂雷同色系，是指幾類顏色在360色相環(huán)上位置十分相近，年夜約在45擺布或一致顏色分歧明度的幾類顏色這種搭配的長處是易于使網(wǎng)頁顏色趨于同等，對付網(wǎng)站設(shè)計新人有很康復(fù)的自創(chuàng)造用，這種用色體式格局容易塑造網(wǎng)頁協(xié)調(diào)一致的氣氛，毛病是容易產(chǎn)生頁面的單調(diào)，是以每每應(yīng)用局部參加對比色來增長變遷，如局部對比顏色的圖片等。這種方法不失為一種設(shè)計的康復(fù)方法。
2、使用對比色或互補色：所謂對比色，是指色相環(huán)相距較遠(yuǎn)，年夜約在100擺布，視覺后果鮮亮、猛烈，而互補色則是色相環(huán)上相距最遠(yuǎn)的連種顏色，即相距180，其對比關(guān)聯(lián)最猛烈、最富有刺激性，每每使畫面十分凸起，這種用色體式格局容易塑造生動、韻動的網(wǎng)頁后果，分外得當(dāng)呈現(xiàn)輕易、踴躍的素材的網(wǎng)站，毛病是容易產(chǎn)生顏色的花，使用中注重顏色使用的度。
值得注重的是，以上兩種用色體式格局在現(xiàn)實應(yīng)用中要注重主體顏色的使用，即以一種或兩種顏色為主，其它顏色為輔，不要幾類顏色等量使用，以免產(chǎn)生顏色的凌亂。 
3、使用過渡色：過渡色能夠也許神奇地將幾類不協(xié)調(diào)的顏色一致路來，在網(wǎng)頁中合理地使用過渡色能夠也許使你的顏色搭配手藝更上一層樓。過渡色包括幾類情勢：兩種顏色的中央色調(diào)、單色中混入黑、白、灰實行折衷以及單色中混入雷同顏色實行折衷等等，您能夠本身測驗考試調(diào)配，在以后的更新中，我會專題先容若何使用過渡色。
四、版面構(gòu)架 
一樣平常來講，公司網(wǎng)站主頁的構(gòu)架比擬機動，側(cè)重設(shè)計，這里我所說的構(gòu)架首要是指內(nèi)頁的版面構(gòu)架。中、小型公司網(wǎng)站的內(nèi)頁構(gòu)架一樣平常比擬簡易，即內(nèi)頁的一欄式版面構(gòu)架，從排版構(gòu)架的角度而言，咱們還能夠設(shè)計成平分兩欄式、三欄式、多欄式，不平分兩欄式、三欄式、多欄式等等，但因為閱讀器寬幅有限，一樣平常不宜設(shè)計成三欄以上的構(gòu)架。
在版面構(gòu)架中首要是斟酌導(dǎo)航、需要信息與正文之間的構(gòu)架關(guān)聯(lián)。比擬多的環(huán)境是采納頂部放置需要的信息，如企業(yè)稱號、標(biāo)記、告白條以及導(dǎo)航條，或?qū)?dǎo)航條放在左側(cè)而右側(cè)是正文等等，如許的構(gòu)架構(gòu)架清楚、易于使用。當(dāng)然，您也能夠測驗考試這些構(gòu)架的變遷情勢，如：擺布兩欄式構(gòu)架，一半是正文，另一半是形象的圖片、導(dǎo)航；或正文不等兩欄式安插，經(jīng)由進程配風(fēng)光區(qū)分，分離放置圖片和筆墨等等。在設(shè)計中注重多汲取康復(fù)的網(wǎng)頁設(shè)計的精髓。