網(wǎng)頁(yè)設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí),應(yīng)根據(jù)網(wǎng)站的性質(zhì)和用戶的要求,實(shí)現(xiàn)不同的功能,表達(dá)不同的主題。從這個(gè)任務(wù)類別來看,網(wǎng)站可以分為以下三類。
(一)信息網(wǎng)站
如新浪、網(wǎng)易、搜狗等門戶網(wǎng)站。此類網(wǎng)站一般為用戶提供的信息量大,訪問量大。因此,應(yīng)該對(duì)信息進(jìn)行合理分類,將頁(yè)面分成多個(gè)欄目。頁(yè)面結(jié)構(gòu)要合理美觀,方便用戶瀏覽。
(2) 圖片網(wǎng)站
比如一些中小型公司或單位的網(wǎng)站。這類網(wǎng)站一般規(guī)模較小,有的只有幾個(gè)頁(yè)面,要實(shí)現(xiàn)的功能也比較簡(jiǎn)單。網(wǎng)頁(yè)設(shè)計(jì)的主要任務(wù)是宣傳企業(yè)形象。對(duì)于這類網(wǎng)站,排版、色彩、動(dòng)畫設(shè)計(jì)等都是項(xiàng)目的重點(diǎn)。
(3) 信息與圖片相結(jié)合的網(wǎng)站
比如大公司或者大學(xué)的網(wǎng)站。這類網(wǎng)站在設(shè)計(jì)方面要求很高。要兼顧信息網(wǎng)站的各項(xiàng)指標(biāo),突出企業(yè)和單位的形象。根據(jù)網(wǎng)站功能不同,還可分為門戶、資訊、娛樂、電子商務(wù)、交易、企業(yè)、政府、個(gè)人主頁(yè)等類別。網(wǎng)站欣賞實(shí)例:門戶類網(wǎng)站欣賞
門戶網(wǎng)站主要為互聯(lián)網(wǎng)用戶提供信息搜索、網(wǎng)站注冊(cè)、索引、在線導(dǎo)航、網(wǎng)絡(luò)社區(qū)、個(gè)人郵箱等服務(wù),并提供分類和綜合服務(wù)。網(wǎng)站信息服務(wù)往往涵蓋多個(gè)領(lǐng)域,依靠擁有大量用戶群體的優(yōu)勢(shì)來獲取利潤(rùn)。
YAHOO 是Internet 上最著名的公司之一。訪問量一直排名第一。它是互聯(lián)網(wǎng)上最大的門戶網(wǎng)站,也是垂直網(wǎng)站的集合。雅虎致力于成為互聯(lián)網(wǎng)上最大的媒體,涵蓋門戶網(wǎng)站、電子商務(wù)和網(wǎng)絡(luò)通信等領(lǐng)域。提供的服務(wù)還包括拍賣、購(gòu)物、開設(shè)網(wǎng)上商店、聊天等。雅虎是一家全球性的互聯(lián)網(wǎng)通信、商業(yè)和媒體公司。它是世界上第一個(gè)提供互聯(lián)網(wǎng)導(dǎo)航服務(wù)且主要以廣告為支撐的網(wǎng)站。廣告收入占公司收入的60%。 YAHOO的網(wǎng)站如下圖1-5所示。展示。
YAHOO網(wǎng)站使用淡藍(lán)色和紫色作為主色調(diào)。新的業(yè)務(wù)欄目會(huì)不定期更換相應(yīng)的主題,并根據(jù)相應(yīng)的主題定制不同的顏色,讓用戶始終有耳目一新的感覺。下面將詳細(xì)介紹。
(1)框架結(jié)構(gòu)一個(gè)主頁(yè)
上、左中右、下結(jié)構(gòu)是框架,準(zhǔn)確地說是左中右結(jié)構(gòu)。本網(wǎng)站的主要內(nèi)容集中在中間和右邊的信息內(nèi)容上。
(2) 顏色
整體上,YAHOO網(wǎng)站采用了藍(lán)色和紫色兩組相鄰色,輔以灰色,使色彩過渡和諧。該網(wǎng)站的標(biāo)志“雅虎!”采用網(wǎng)站中最純正的顏色。 YAHOO網(wǎng)站不僅對(duì)色相的細(xì)微考驗(yàn)把握得很好,對(duì)色彩的純度也把握得很好。
(3) 文字顏色
采用低純度的一般藍(lán)黑色,網(wǎng)站超鏈接形式采用一般藍(lán)色文字。鼠標(biāo)指針放在上面后,會(huì)有細(xì)微的亮度變化,出現(xiàn)下劃線。描述性文字為黑色。
(4)圖形
首頁(yè)最大的圖片是右邊的“YAHOO! Travel”,可以直接反映雅虎網(wǎng)站的新業(yè)務(wù)。第二個(gè)是屏幕中央的新聞圖片,其他是左邊的導(dǎo)航圖片(個(gè)人服務(wù))。
網(wǎng)站左側(cè)的8個(gè)圖標(biāo)是點(diǎn)睛之筆,讓整個(gè)版面生動(dòng)起來,也是網(wǎng)站為用戶定制的特色服務(wù)。 YAHOO網(wǎng)站非常注重把握廣告的細(xì)節(jié),就連廣告的顏色也要與網(wǎng)站的整體形象相協(xié)調(diào)。通過圖像處理軟件調(diào)整圖片的純度和色階,使整個(gè)網(wǎng)站整體協(xié)調(diào),很好地控制了整個(gè)圖片的讀色主次節(jié)奏。通過以上分析可以看到: 一個(gè)網(wǎng)站的成功建立,來自于對(duì)網(wǎng)站每一個(gè)要素的考慮和推敲。
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!