版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、門戶網(wǎng)站有專門多種。最為國人熟知的是象新浪搜狐那種信息類門戶。要緊以廣告收入為主。現(xiàn)在也有博客門戶等。象當(dāng)當(dāng)、淘寶那樣的購物平臺,事實(shí)上也是一種門戶,只只是陳列的是商品信息,贏利方式是依靠出售商品。不同的門戶,有不同的需求,都應(yīng)該依照這些需求動身去設(shè)計(jì)網(wǎng)站,這是眾所周知的,然而它們之間也有共性,那確實(shí)是都要求提高掃瞄效率!促使網(wǎng)站達(dá)成贏利目標(biāo)。信息類門戶:1.網(wǎng)頁的體積最小2.分類明確,多方向引導(dǎo)3.信息量最大4.風(fēng)格一致,易于治理5.以適當(dāng)?shù)姆绞教峁┒喾N多樣的廣告位6.分欄目設(shè)計(jì)突出主題風(fēng)格購物類門戶:1.網(wǎng)頁體積盡量小2.分類明確,多方向引導(dǎo)3.信息依照重要程度疏密有秩4.每一個(gè)頁面信息差
2、不多上一種廣告方式5.突出商品本身6.分欄目設(shè)計(jì)突出主題風(fēng)格一、網(wǎng)站風(fēng)格/創(chuàng)意“風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給掃瞄者的綜合感受。整體形象包括站點(diǎn)的版面布局,色彩,字體,掃瞄方式等。如:我們覺得迪斯尼是生動爽朗的而IBM則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會給人們留下的不同感受。那個(gè)地點(diǎn)我們需要做到的是依照網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下,事實(shí)上那個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒什么區(qū)不。你網(wǎng)頁上所有的圖像、文字,包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的,都要統(tǒng)一風(fēng)格,貫穿全站。如此子用戶看起來舒服、順暢,會對你的網(wǎng)站留下一個(gè)“專門專業(yè)”的印象
3、,有一個(gè)全局感受。創(chuàng)意,所謂創(chuàng)意確實(shí)是不拘一格?某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章,做出來確實(shí)不可否認(rèn)專門有創(chuàng)意、專門不致,但往往關(guān)于行業(yè)網(wǎng)站的客戶什么緣故不能同意呢?現(xiàn)在不要太責(zé)備客戶的不識貨,應(yīng)該反思,抓住客戶的需求。事實(shí)上做行業(yè)網(wǎng)站不需要專門多大的創(chuàng)意,也不要白費(fèi)過多的時(shí)刻去追求如何個(gè)性、如何好看,我們只需要一點(diǎn)小小的創(chuàng)意貫穿全站,也許會使網(wǎng)站更生動更具有吸引力、更有思想。”不要在頁頭用大面積的裝飾圖片來體現(xiàn)整個(gè)網(wǎng)站的風(fēng)格門戶網(wǎng)站構(gòu)成專門復(fù)雜,通常會兼并、嵌套專門多小網(wǎng)站。網(wǎng)站的經(jīng)營方因此希望讓這些小的網(wǎng)站套用整個(gè)門戶的VI。因此,在使用最頻繁的頁頭部分,應(yīng)該是能夠?qū)iT明確的標(biāo)識網(wǎng)站風(fēng)格的
4、地點(diǎn)。然而,不要用大副的裝飾圖片來體現(xiàn),LOGO?LOGO是干什么用的?設(shè)計(jì)時(shí)的動身點(diǎn)是什么?不確實(shí)是標(biāo)識企業(yè)突出門戶風(fēng)格嗎?假如LOGO不能起到如此的作用,那還要它做甚?因此為了掃瞄速度快,最好頁頭只有LOGO、文字導(dǎo)航、簡單色彩裝飾。我建議頁頭最好是能夠?qū)櫇M頁面的,沒有寬度限制,如此就能夠適應(yīng)各種寬度的網(wǎng)頁了。不要制作過多過大的圖片鑲嵌在網(wǎng)頁中,如大片的沒有意義的裝飾圖片,不忘了你是在做一個(gè)門戶!有商業(yè)目的的門戶!這是在做生意!假如你做生意老總會批給你專門多鈔票去做些對銷售沒有關(guān)心的事嗎?也許他會批給你鈔票組織職員去旅游,用于提高士氣,然而他絕對可不能批給你鈔票帶所有職員去冰島,并蓋一個(gè)希
5、爾頓飯店!二、網(wǎng)站LOGOLogo顧名思義確實(shí)是站點(diǎn)的標(biāo)志圖案,logo最重要的確實(shí)是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營理念、同時(shí)便于人們識不。網(wǎng)站logo的設(shè)計(jì)過程中一般有以下三種思路:1.直接以網(wǎng)站網(wǎng)址作為logo。2.依照網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開logo設(shè)計(jì)。3.以傳遞網(wǎng)站運(yùn)營商的經(jīng)營理念為特色。我個(gè)人建議門戶網(wǎng)站的LOGO中最好包含:網(wǎng)址(去掉WWW及網(wǎng)址后綴)中文標(biāo)識輔助圖形標(biāo)識。輔助圖形標(biāo)識能夠最好的體現(xiàn)網(wǎng)站風(fēng)格,變化多樣。網(wǎng)址和中文標(biāo)識的設(shè)置要清晰易用。最好獨(dú)立創(chuàng)建一套字體,但最好跟常見字體相差不太大。便于應(yīng)用在子欄目中。三、視覺流程“人們在閱讀某種信息時(shí),視覺總有一種自然的
6、流淌適應(yīng),先看什么,后看什么,再看什么。在心理學(xué)的研究表明,一般的掃瞄適應(yīng)是從上到下、從左到右,在一個(gè)平面上,上松下穩(wěn)而壓抑。同樣,平面的左松右穩(wěn)。因此平面的視覺阻礙力上方強(qiáng)于下方,左側(cè)強(qiáng)于右側(cè)。如此平面的上部和中上部被稱為“最佳視域”,也確實(shí)是最優(yōu)選的地點(diǎn)。在網(wǎng)頁設(shè)計(jì)中一些突出或推舉的信息通常都放在那個(gè)位置。左側(cè)為常規(guī)信息,右側(cè)為推舉信息。因此這種視覺流程只是一種感受并非一種固定的公式,只要符合人們的心理順序和邏輯順序,就能夠更為靈活地運(yùn)用,在網(wǎng)頁設(shè)計(jì)中,靈活而合理地運(yùn)用直接阻礙到傳達(dá)信息的準(zhǔn)確與有效性?!彼?、網(wǎng)頁框架與布局網(wǎng)頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框
7、架型、Flash型、變化型,在那個(gè)地點(diǎn)就不做一一論述了。事實(shí)上在我們在做設(shè)計(jì)的時(shí)候并沒有過多的去考慮什么形式,比如我們在一張紙看到一個(gè)圓形的東西,專門容易能夠聯(lián)想到它像太陽,而有些人則聯(lián)想到月亮等等這差不多上一種形式比喻,最重要的是抓住客戶的需求,把握網(wǎng)站的定位做處合理的框架布局。1分辨率網(wǎng)頁的整體寬度可分為三種設(shè)置形式:百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用,行業(yè)網(wǎng)站也不列外。我們在設(shè)計(jì)網(wǎng)頁的時(shí)候必定會考慮到分辨率的問題,科技進(jìn)展到現(xiàn)在我們通常用的是1024*768和800*600的分辨率,現(xiàn)在網(wǎng)絡(luò)上專門多差不多上用到778個(gè)象素的寬度,在800的分辨率下面往往使整個(gè)
8、網(wǎng)頁專門壓抑,有種不透氣的感受,事實(shí)上那個(gè)寬度是指在800*600的分辨率上網(wǎng)頁的最寬寬度,不代表最佳視覺,不妨試試760770的象素,不管在1024依舊800的分辨率下都能夠達(dá)到較佳的視覺效果。同時(shí),針對你的目標(biāo)用戶,你能夠采納不同的分辨率標(biāo)準(zhǔn),比如購物網(wǎng)站的用戶,通常差不多上比較適應(yīng)網(wǎng)絡(luò)生活,有一定經(jīng)驗(yàn)的網(wǎng)民,他們的顯示器通常會比較先進(jìn),象目前就能夠采納最低1024*768分辨率。假如你面對的目標(biāo)用戶,行業(yè)不固定,也許有相當(dāng)一部分都只是間或上網(wǎng),那么他們專門可能采納的是過時(shí)的舊設(shè)備。就要考慮用較低分辨率做為制作標(biāo)準(zhǔn)。2合理廣告在目前一些網(wǎng)站的廣告(彈出廣告、浮動廣告、大廣告、banner廣
9、告、通欄廣告等等)讓人覺得專門煩瑣,更本就不情愿來看,有時(shí)連你那個(gè)網(wǎng)站都不上了,如此一來網(wǎng)站受到了嚴(yán)峻的阻礙、廣告也沒達(dá)到廣告的目的。這些問題差不多上我們在設(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。浮動廣告有兩種,第一種是在網(wǎng)頁兩邊空余的地點(diǎn)能夠上下浮動的廣告,第二種是滿屏幕到處隨機(jī)移動的廣告。建議能使用第一種的情況下盡量使用第一種,不可幸免第二種情況時(shí)盡量在數(shù)量上操縱最多一個(gè)就好。假如數(shù)量過多會直接阻礙到用戶的心理、防挨到用戶掃瞄信息,適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個(gè)購買步驟的頁面上最好不要出現(xiàn)過多的其他無關(guān)的內(nèi)容讓用戶分心,幸免客戶流失等。最新新流行的一種廣告是將整個(gè)頁
10、面按1024*768或更高的分辨率標(biāo)準(zhǔn)來設(shè)計(jì),在超過800*600用戶掃瞄范圍的地點(diǎn),放置的是常規(guī)廣告信息或軟廣告信息,如此一來,設(shè)備條件好的用戶就能夠掃瞄將近全屏的頁面內(nèi)容,而800*600的用戶只能看到廣告部分的一個(gè)小邊,然而不阻礙掃瞄要緊信息。3空間的合理利用專門多的網(wǎng)頁都具有一個(gè)特點(diǎn),用一個(gè)字來形容,那確實(shí)是“塞”,它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規(guī)范,導(dǎo)致掃瞄時(shí)會遇到專門多的不方便,要緊確實(shí)是頁面主次不分,喧賓奪主,要不確實(shí)是沒有重點(diǎn),沒有專門好的歸類,整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡,也能夠用個(gè)“散”
11、字來形容。并非要把整個(gè)頁面塞滿了才不覺得空,也并非讓整個(gè)頁面空曠才不覺得滿,只要合理的安排、有機(jī)的組合,使頁面達(dá)到平衡,既使在一邊的部分大面積留空,同樣可不能讓人感到空,相反如此會給人留下寬敞的考慮空間,給人回味又達(dá)到了視覺效果。比如重要但形式單一的文字信息,就要在塊于塊之間多點(diǎn)留白。圖片花色凌亂的部分要于其他塊有明顯區(qū)分。在首頁上展示子欄分類信息要緊湊,以一大類作為一個(gè)整體塊。相同類的信息采納相同的排榜方式。門戶的導(dǎo)航是經(jīng)常變且類不繁多的,不一定什么時(shí)候是單數(shù)什么時(shí)候是雙數(shù),因此不要用圖片來制作。重要的第一屏包括頁頭的的第一屏,應(yīng)該集中了用戶最常用的信息,導(dǎo)航,服務(wù)鏈接。這一屏的裝飾,應(yīng)該專
12、門大程度的體現(xiàn)了整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格,同時(shí)分為頁頭(分類導(dǎo)航服務(wù)導(dǎo)航);登陸區(qū);首推圖片廣告/文字廣告;熱門信息/導(dǎo)航;最新信息推舉;首推專題;4文字編排在網(wǎng)頁設(shè)計(jì)中,字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣特不關(guān)鍵。4.1文字圖形化文字圖形化確實(shí)是將文字用圖片的形式來表現(xiàn),這種形式在頁面的子欄目里面最為常用,因?yàn)樗哂型怀觯瑫r(shí)又美化了頁面,使頁面更加人性化加強(qiáng)了視覺效果。是文字無法達(dá)到的。關(guān)于通用性的網(wǎng)站弊端確實(shí)是擴(kuò)展性不強(qiáng)。4.2強(qiáng)調(diào)文字假如將個(gè)不文字作為頁面的訴求重點(diǎn),則能夠通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強(qiáng)化文字的視覺效果
13、,使其在頁面整體中顯得出眾而奪目。這些方法實(shí)際上差不多上運(yùn)用了對比的法則。假如在更新頻率低的情況下也能夠使用文字圖形化。五、網(wǎng)站配色1.用一種色彩。那個(gè)地點(diǎn)是指先選定一種色彩,然后調(diào)整透明度或者飽和度,(講得通俗些確實(shí)是將色彩變淡或則加深),產(chǎn)生新的色彩,用于網(wǎng)頁。如此的頁面看起來色彩統(tǒng)一,有層次感。2.用兩種色彩。先選定一種色彩,然后選擇它的對比色(在Photoshop里按ctrl+shift+I)再進(jìn)行微小的調(diào)整。整個(gè)頁面色彩豐富但不花稍。3.用一個(gè)色系。簡單的講確實(shí)是用一個(gè)感受的色彩,例如淡藍(lán),淡黃,淡綠;或者土黃,土灰,土藍(lán)。也確實(shí)是在同一色系里面采納不同的顏色使網(wǎng)頁增加色彩,而又不花
14、,色調(diào)統(tǒng)一。這種配色方法在網(wǎng)站設(shè)計(jì)種最為常用。4.灰色在網(wǎng)頁設(shè)計(jì)中又稱為“萬能色”,其特點(diǎn)是能夠和任何顏色搭配,在使用時(shí)把握量幸免網(wǎng)頁變灰。在網(wǎng)頁配色中,盡量操縱在三種色彩以內(nèi),以幸免網(wǎng)頁花、亂、沒有主色的顯現(xiàn)。背景和前文的對比盡量要大,(絕對不要用花紋繁復(fù)的圖案作背景),以便突出要緊文字內(nèi)容、也使用戶在掃瞄信息的時(shí)候可不能覺得累。六、常見問題6.1分解大型表格為了加快網(wǎng)頁的掃瞄速度,盡可能幸免用大型表格,因?yàn)閽呙槠鞅仨毜却麄€(gè)表格的內(nèi)容全部到達(dá)客戶端,才能顯示那個(gè)表格的內(nèi)容,而文本或圖像則是一邊下載一邊顯示。同時(shí)我們制作網(wǎng)頁時(shí)要盡量減少表格的深度、表格復(fù)雜化,這一點(diǎn)尤為重要可直接阻礙網(wǎng)頁掃瞄
15、速度、又給后面的程序添加帶來了不必要的苦惱。將浮動層等load時(shí)刻慢的信息塊(div)放在的最后,能夠盡量少的阻礙用戶掃瞄速度。6.2網(wǎng)站導(dǎo)航要清晰“您所在位置”在大型網(wǎng)站中是不可缺少的一部分,其作用表明您現(xiàn)在所處在的位置,使用戶可不能不知東西南北迷失在網(wǎng)站中。其次還有讀者進(jìn)入目的頁的點(diǎn)擊次數(shù),不能超過三次。假如三次以上還找不到用戶所要的信息,人家可就沒有耐心陪你玩了!6.3圖片注解在專門多網(wǎng)站上我們都能夠找到一個(gè)共同的缺點(diǎn),當(dāng)網(wǎng)速慢時(shí)有專門圖片都無法顯示,又沒有注解使得用戶反感,如在注冊時(shí)的按鈕是圖片做的又沒加圖片注解,而導(dǎo)致連注冊都找不到,假如加了注解這些問題也就不成問題了!6.4系統(tǒng)按鈕
16、在我們做按鈕的時(shí)候,要做成“按鈕”的形式(type=button),而不要做成“提交表單”的形式(type=submit),方便以后程序設(shè)計(jì)。6.5空鏈接、死鏈接在一個(gè)優(yōu)秀、專業(yè)的網(wǎng)站上是找不到任何一個(gè)空鏈接或死鏈接的情況,假如有這種情況會阻礙到用戶對您網(wǎng)站的評價(jià),因此我們在制作的時(shí)候盡量幸免,幸免方法確實(shí)是提早做好鏈接,假如尚未完成的頁面則鏈上“建設(shè)中”的頁面,加以解釋。6.6導(dǎo)航條在大型的行業(yè)網(wǎng)站里面主導(dǎo)航條最好是用文字形式,幸免使用圖片或Flash做導(dǎo)航條、縮小網(wǎng)站擴(kuò)展性。6.7網(wǎng)站的擴(kuò)展性關(guān)于一個(gè)行業(yè)網(wǎng)站而言,網(wǎng)站的擴(kuò)展性是相當(dāng)重要的,隨時(shí)都要考慮到網(wǎng)站需求的變化!七、專題設(shè)計(jì)實(shí)際上,
17、我認(rèn)為整個(gè)網(wǎng)站投入設(shè)計(jì)力量最多的地點(diǎn),就應(yīng)該是專題頁了。因?yàn)橐粋€(gè)門戶是不應(yīng)該經(jīng)常改變結(jié)構(gòu)和風(fēng)格的。而為了更快速的引導(dǎo)顧客掃瞄,首頁上放的多是文字分類,不應(yīng)有過多圖片裝飾。而專題頁上,最重要的是營造消費(fèi)氛圍,刺激顧客的消費(fèi)欲望,因此,只要是能夠體現(xiàn)商品特性,吸引用戶,即使頁面體積有些大也能夠容忍。在那個(gè)地點(diǎn),有設(shè)計(jì)人員更多的發(fā)揮空間。在專題設(shè)計(jì)中需要注意的是,標(biāo)題文字或廣告文字應(yīng)該突出明顯,一般描述文字與背景色對比清晰。商品圖片突出,整個(gè)布局豐富而不凌亂,主次分明??晒┯脩舨僮鞯目臻g明顯而突出。七、廣告圖片通常門戶網(wǎng)站的廣告來源專門廣,又的是廣告客戶自己制作的,有的是其他網(wǎng)站制作的,有的是門戶網(wǎng)
18、站自己的廣告部門設(shè)計(jì)制作的。在設(shè)計(jì)上專門難治理,只是有一個(gè)原則,確實(shí)是:顏色鮮艷層次少;主題文字突出;構(gòu)圖簡單;動畫播放時(shí)刻只是長。從網(wǎng)易看大型門戶網(wǎng)站首頁設(shè)計(jì)思路許多人也許認(rèn)為大型門戶網(wǎng)站首頁設(shè)計(jì)思路只是把一些導(dǎo)航、資訊內(nèi)容和廣告堆積起來擺放得好看就能夠了,盡管那個(gè)觀點(diǎn)也并不是完全錯誤的,確實(shí)門戶網(wǎng)站首頁是由這三方面內(nèi)容組織而成,但隨著互聯(lián)網(wǎng)的快速進(jìn)展,用戶對訪問網(wǎng)站的要求也越來越高,在互聯(lián)網(wǎng)行業(yè),因?yàn)閷iT多東西是免費(fèi)和相似的,用戶轉(zhuǎn)移成本會比較低,在那個(gè)網(wǎng)站有的東西去其他網(wǎng)站差不多都能找到,只是輸入個(gè)網(wǎng)址就能夠了。網(wǎng)站營運(yùn)商假如想留住用戶和吸引更多的用戶掃瞄自己的網(wǎng)站,那那個(gè)時(shí)候確實(shí)是需要
19、提高網(wǎng)站的用戶體驗(yàn)來滿足用戶多方面的需求。因此現(xiàn)在大型門戶網(wǎng)站的設(shè)計(jì)越來越講究和更為用戶著想,最理想的門戶網(wǎng)站設(shè)計(jì)流程需要經(jīng)歷“用戶研究-交互設(shè)計(jì)-視覺設(shè)計(jì)-可用性測試”這幾個(gè)步驟,事實(shí)上有專門多門戶網(wǎng)站設(shè)計(jì)也會經(jīng)歷其中一些步驟,只是公司對這方面還沒有一個(gè)專門好的認(rèn)識,沒有一個(gè)系統(tǒng)的叫法和詳細(xì)的職能分工,往往差不多上一個(gè)人身兼多職,大部分差不多上按個(gè)人經(jīng)驗(yàn)主觀推斷去決定,沒有一些客觀的數(shù)據(jù)支持。例如經(jīng)常會有一些網(wǎng)站策劃者講:我也是網(wǎng)站用戶之一,那個(gè)功能我沒有使用需求,其他用戶也應(yīng)該沒有使用需求能夠刪除。假如這時(shí)候有一份客觀的使用分析數(shù)據(jù)就明白用戶到底有沒有那個(gè)需求了。盡管我們不可能全部都需要客
20、觀數(shù)據(jù)去做支持,但起碼能以客觀數(shù)據(jù)為基礎(chǔ)再延伸到其他設(shè)計(jì)中。下面我們從幾個(gè)方面來分析網(wǎng)易門戶網(wǎng)站的設(shè)計(jì)思路:一、架構(gòu)設(shè)計(jì)網(wǎng)站的首頁是兵家必爭之地,每個(gè)頻道負(fù)責(zé)人都想在顯眼的位置推舉自己的產(chǎn)品或者資訊來增加曝光率,總是希望把所有東西一下子讓用戶看到,但最后我們就發(fā)覺你放的東西越多,用戶就全然找不到他想要的東西,快速離開的可能性專門大。在國內(nèi)的門戶網(wǎng)站都適應(yīng)了資訊多、頁面長,什么都往首頁堆,感受內(nèi)容越多會顯的越大氣,但用戶的耐性是有限的,因此網(wǎng)頁的通透性對國內(nèi)網(wǎng)站專門重要,每一屏的架構(gòu)變化不宜太多,適當(dāng)就好,主次內(nèi)容信息位置保持一致性,不然用戶每掃瞄到下一屏都需要重新去解讀架構(gòu),考慮該從那兒開始閱
21、讀,不但用戶的耐性被消耗掉還會增加用戶的掃瞄成本,因此網(wǎng)站首頁的架構(gòu)必須清晰明了,保持較好的通透性,減少用戶的掃瞄成本。例如網(wǎng)易首頁,采納三欄式結(jié)構(gòu),左欄為導(dǎo)航推舉區(qū)提供網(wǎng)易特色產(chǎn)品入口,中欄為要緊資訊區(qū),提供快速、全面、動態(tài)的各類新聞資訊,右欄為特色欄目區(qū)如博客、論壇等。各欄的內(nèi)容屬性清晰,用戶能快速找到他們需要的信息暢順的掃瞄不需要多余的考慮。據(jù)研究分析用戶掃瞄網(wǎng)頁的視覺一般是從左到右、從上至下的一個(gè)掃瞄適應(yīng)。網(wǎng)易網(wǎng)站的架構(gòu)也在往那個(gè)方向改進(jìn),不斷的提升用戶體驗(yàn)。網(wǎng)易資訊類頁面大致可分為3類架構(gòu),下圖是3類架構(gòu)的視覺走向圖。網(wǎng)易首頁采納第一種架構(gòu),各頻道首頁例如新聞、體育、娛樂等采納第二種
22、架構(gòu),新聞最終頁采納第三種架構(gòu)。如此可使用戶保持統(tǒng)一的視覺走向,不管掃瞄那個(gè)頁面用戶都明白他們需要的資訊在那兒,符合用戶掃瞄網(wǎng)頁的適應(yīng),減少用戶掃瞄成本。 二、風(fēng)格設(shè)計(jì)相信多數(shù)人都專門喜愛apple的產(chǎn)品,什么緣故apple的產(chǎn)品那么受大眾歡迎,除了品牌阻礙力外,時(shí)尚簡單的外觀設(shè)計(jì)和界面設(shè)計(jì),也是受歡迎的其中緣故之一,在apple的產(chǎn)品設(shè)計(jì)中讓人感受沒有多余的東西,每一根線存在差不多上有意義的。還有在中國的書畫史上,有專門多藝術(shù)境地高遠(yuǎn)的作品差不多上少費(fèi)筆墨卻格外傳神(如鄭燮的竹石、齊翁的墨蝦)。盡管 HYPERLINK / 網(wǎng)站設(shè)計(jì)不能稱作為一件藝術(shù)創(chuàng)作,但用最少的元素設(shè)計(jì)出最好的作品那個(gè)也
23、是網(wǎng)站設(shè)計(jì)中所追求目標(biāo)之一。能用一根線表現(xiàn)出效果就沒有必要使用2根線,能用文字表示清晰的就不需要用圖片。頁面設(shè)計(jì)假如使用過多裝飾元素,會造成頁面龐大下載速度緩慢,不要高估網(wǎng)民的耐性,大部分網(wǎng)民差不多上沒有耐性的。掃瞄大量信息的時(shí)候需要一個(gè)簡潔無阻礙的界面,過多的色彩和裝飾反而會分散用戶的注意力,阻礙到用戶掃瞄效果和減少對資訊的點(diǎn)擊。網(wǎng)站需要用戶看到的是網(wǎng)站提供的信息內(nèi)容和服務(wù)而不是花俏的裝飾(個(gè)性產(chǎn)品網(wǎng)站除外)。這也是網(wǎng)易門戶一直沿用簡潔風(fēng)格緣故之一。例如新改版的網(wǎng)易新聞,打破了以往條條框框的感受,取消了多余的線框,界面更清晰簡潔,資訊內(nèi)容更突出。列舉2個(gè)簡潔風(fēng)格做的比較好的外國門戶網(wǎng)站Yah
24、o新聞使用的是立體效果的設(shè)計(jì),time是以線條為主的設(shè)計(jì),2者給人感受是簡潔清晰沒有多余的東西,既突出了資訊內(nèi)容又不失美感,如逆云網(wǎng)首頁的設(shè)計(jì)。 每個(gè)門戶網(wǎng)站的面向受眾都不同,也會造成門戶網(wǎng)站的風(fēng)格定位不一樣,例如面向受眾年齡層比較年輕的門戶網(wǎng)站,在設(shè)計(jì)風(fēng)格可能會偏向多色彩多功能,而面向受眾年齡層較大的門戶網(wǎng)站,在設(shè)計(jì)風(fēng)格上就會相反。但不管如何樣的設(shè)計(jì)風(fēng)格保持清晰方便用戶掃瞄的界面是必要的。設(shè)計(jì)思路三、信息排布大型門戶網(wǎng)站首頁一般都會承載大量的資訊信息,密密麻麻的信息會讓用戶掃瞄網(wǎng)頁的時(shí)候會產(chǎn)生壓迫感,如何能讓用戶順暢的掃瞄成為設(shè)計(jì)中重要的一環(huán)。大伙兒能夠?qū)Ρ认旅?張信息排布圖,信息條數(shù)差不多上相同的但第一張信息排布圖會讓人感受信息專門清晰。而第2張圖會讓用戶感受到信息排布有壓迫感,可能還沒有開始閱讀就差不多沒有耐性了(忠誠度特不高的用戶例外,但這類用戶怎么講比較少)。因此在信息排布的時(shí)候到達(dá)一定
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年定西市通渭縣事業(yè)單位招考考試(121名)管理單位筆試遴選500模擬題附帶答案詳解
- 2025年安徽黃山區(qū)紅十字陽光救援隊(duì)隊(duì)員招募?xì)v年管理單位筆試遴選500模擬題附帶答案詳解
- 2025年安徽馬鞍山市采石風(fēng)景名勝區(qū)管委會招聘編外聘用人員2人歷年管理單位筆試遴選500模擬題附帶答案詳解
- 2025-2030年中國醫(yī)用壓敏膠帶行業(yè)運(yùn)行狀況及投資發(fā)展前景預(yù)測報(bào)告
- 2025-2030年專家點(diǎn)評:中國綠色建筑小鎮(zhèn)建設(shè)行業(yè)發(fā)展環(huán)境及投資策略報(bào)告
- 2024-2030年涂膠設(shè)備搬遷改造項(xiàng)目可行性研究報(bào)告
- 2024-2030年數(shù)字視頻接口(DVI)搬遷改造項(xiàng)目可行性研究報(bào)告
- 2024-2030年撰寫:中國耳聲發(fā)射檢測儀行業(yè)發(fā)展趨勢及競爭調(diào)研分析報(bào)告
- 2024-2030年撰寫:中國PSS藻酸雙酯鈉行業(yè)發(fā)展趨勢及競爭調(diào)研分析報(bào)告
- 2024-2030年國家甲級資質(zhì):中國環(huán)境生物技術(shù)融資商業(yè)計(jì)劃書
- 增強(qiáng)指數(shù)策略
- 能源中國學(xué)習(xí)通課后章節(jié)答案期末考試題庫2023年
- SMT工程師工作簡歷
- 北京市海淀區(qū)2022-2023學(xué)年七年級上學(xué)期期末語文試題(含答案)
- 寧夏困難殘疾人生活補(bǔ)貼申請審批表
- 2023湖南省永州市七年級上學(xué)期語文期末試卷及答案
- 昌建明源銷售系統(tǒng)上線培訓(xùn)
- 小企業(yè)會計(jì)準(zhǔn)則財(cái)務(wù)報(bào)表
- 資產(chǎn)損失鑒證報(bào)告(范本)
- 廣州市本級政府投資項(xiàng)目估算編制指引
- 隧道貫通方案貫通計(jì)算
評論
0/150
提交評論