Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

網(wǎng)頁設計的風格定位

Date:2014-07-23 Aource:尚品中國 Type:網(wǎng)站百科
Word Size:small  medium  big

網(wǎng)頁設計者在設計網(wǎng)頁時,要根據(jù)站點的性質和用戶的要求,實現(xiàn)不同的功能和表達不同的主題,從這個任務類別上可以將網(wǎng)站分為以下3類。

(1)資訊類網(wǎng)站
如新浪、網(wǎng)易、搜孤等門戶網(wǎng)站。這類網(wǎng)站一般會為用戶提供大量的信息,而且訪問量較大。因此,應對這些信息進行合理的分類,將頁面劃分為多個欄目,頁面結構要合理、美觀,便于用戶瀏覽。

(2)形象類網(wǎng)站
如一些中小型公司或單位的網(wǎng)站。這類網(wǎng)站一般較小,有的只有幾頁,需要實現(xiàn)的功能也比較簡單,網(wǎng)頁設計的主要任務是宣傳企業(yè)形象。對于這類網(wǎng)站來說,版式、色彩、動畫設計等是項目重點。

(3)資訊與形象相結合的網(wǎng)站
如大型公司或高校的網(wǎng)站。這類網(wǎng)站在設計上要求較高,既要考慮資訊類網(wǎng)站的各項指標,又要突出企業(yè)、單位的形象。根據(jù)網(wǎng)站功能的不同,也可以將其分為門戶類、資訊類、娛樂類、電子商務類、交易類、企業(yè)類、政府類、個人主頁類等類別。

網(wǎng)站欣賞實例:門戶類網(wǎng)站欣賞
門戶類網(wǎng)站主要是為上網(wǎng)用戶提供信息搜索、網(wǎng)站注冊、索引、網(wǎng)上導航、網(wǎng)上社區(qū)、個人郵箱等服務并進行分類、整合服務的站點。網(wǎng)站信息服務往往涵蓋多個領域,依托擁有海量用戶群體的優(yōu)勢來盈利。

YAHOO是互聯(lián)網(wǎng)上最知名的公司之一,一直高居訪問流量之首,是互聯(lián)網(wǎng)上最大的門戶,也是一個垂直網(wǎng)站總匯。YAHOO致力于成為互聯(lián)網(wǎng)上最大的媒體,涉及的領域包括網(wǎng)絡門戶、電子商務、網(wǎng)絡通信等。提供的服務還包括拍賣、購物、開設網(wǎng)上商店、聊天等。YAHOO是一家全球性的互聯(lián)網(wǎng)通信、商貿(mào)及媒體公司,是全球第一家提供互聯(lián)網(wǎng)導航服務、主要以廣告為支撐的網(wǎng)站,廣告收人占公司收入的60%YAHOO,網(wǎng)站如下圖1-5所示。
網(wǎng)頁設計的風格定位

YAHOO網(wǎng)站以淺藍色、紫色為主要色調,新業(yè)務欄會不時地變化相應的主題,并根據(jù)相應的主題來定制不同的顏色,使用戶總有新鮮的感覺。下面將對其進行詳細的介紹。

(1)框架結構一首頁
上、左中右、下結構是框架,確切地說是左中右結構。惰個網(wǎng)站的主要內容集中在中部和右部的信息內容上。

(2)色彩
從整體來看,YAHOO網(wǎng)站使用了藍色、紫色兩套鄰近色,并輔助以灰色,使色彩過渡和諧。網(wǎng)站的標志“YAHOO!”,則采用了網(wǎng)站中純度最高的顏色。YAHOO網(wǎng)站不僅對色相的微妙試別把握得很好,而且對色彩的純度主次的把握也值得稱贊。
(3)文字顏色
使用了低純度的普藍和黑色,其中普藍色的文字用于網(wǎng)站的超級鏈接形式,在鼠標指針放上去后會有微妙的明度變化及下畫線的出現(xiàn)。說明性文字用的是黑色。

(4)圖形
首頁上最大的圖片為右方的“YAHOO! Travel”,它能夠直接體現(xiàn)出YAHOO網(wǎng)站的新業(yè)務。其次為屏幕中央的新聞照片,其他則為左側的導航圖片(個性服務)。
網(wǎng)站左側的8個圖標是使整個版面生動的點睛之筆,也是網(wǎng)站為用戶訂制的特色服務。YAHOO網(wǎng)站很注重對廣告細節(jié)的把握,即便是廣告色彩,也要與網(wǎng)站的整體形象相協(xié)調。圖片的純度與色階通過圖像處理軟件進行了調整,以便融合并協(xié)調調整個網(wǎng)站,整個圖片的色閱主次節(jié)奏控制得很好。
通過以上分析可以看到:一個網(wǎng)站的成功創(chuàng)建,來源于對該網(wǎng)站每個元素細節(jié)的斟酌、推敲。
?

Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.