網(wǎng)頁(yè)設(shè)計(jì)師工作中遇到的問(wèn)題

第頁(yè)網(wǎng)頁(yè)設(shè)計(jì)師工作中遇到的問(wèn)題〔網(wǎng)頁(yè)〔制定〕〕師工作中碰到的問(wèn)題

用戶的眼睛喜愛(ài)有秩序的制定，如頭部包涵導(dǎo)航和LOGO，特定內(nèi)容使用lightbox，三列分欄，頁(yè)腳，它有助于在內(nèi)心組織重要的信息下面介紹網(wǎng)頁(yè)制定師工作中碰到的問(wèn)題，希望對(duì)您有所幫助。

對(duì)比的問(wèn)題

你合計(jì)過(guò)閱讀黑底白字和白底黑字的不同嗎?你有沒(méi)有試過(guò)閱讀一下白底灰字?有些方式之所以比其他的更好，其原因就是這是一種眼睛感知到對(duì)比的方式。如果你很難舒適的閱讀文字，合計(jì)一下改變字體大小或方式。成為一個(gè)大師級(jí)網(wǎng)頁(yè)制定師的秘訣：對(duì)比，對(duì)比，對(duì)比。

同一件事情做的不夠多，或做的太多(過(guò)猶不及多重導(dǎo)航非常好，如一個(gè)在頁(yè)頭一個(gè)在頁(yè)腳。在頁(yè)腳加一個(gè)'返回頂部'的按鈕也很好。但是，太多指向同一目標(biāo)的途徑會(huì)降低可用性。讓你的奶奶用下你的網(wǎng)站，如果她搞不定，想想哪些東西讓初次訪問(wèn)的用戶拒絕使用這個(gè)網(wǎng)站。

太多的色彩

背景一種顏色，內(nèi)容文本一種顏色，鏈接一種顏色，頁(yè)頭和lightbox一種顏色，圖案和頁(yè)腳各一種顏色。這很好，因?yàn)樗鼛椭鷧^(qū)分了有用的內(nèi)容。但是，多重漸變幾種鮮艷的色彩和大量有鮮亮對(duì)比的色調(diào)及飽和度，會(huì)破壞你網(wǎng)站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調(diào)(如藍(lán)色)，再搭配反相的單色(白灰黑)以獲得一個(gè)美麗的搭配。這里強(qiáng)調(diào)下豆瓣的配色。也是我喜愛(ài)的顏色搭配。

沒(méi)有內(nèi)容層次

用戶的眼睛喜愛(ài)有秩序的制定，如頭部包涵導(dǎo)航和LOGO，特定內(nèi)容使用lightbox，三列分欄，頁(yè)腳。它有助于在內(nèi)心組織重要的信息，并引導(dǎo)用戶注意在你想讓他注意的地方。在傳統(tǒng)藝術(shù)中，新手們被教導(dǎo)色彩價(jià)值和線性透視三原則和其他藝術(shù)指導(dǎo)。在網(wǎng)頁(yè)制定中，沒(méi)有特別奉行的準(zhǔn)則，但以直觀的方式組織你的內(nèi)容是一條很好的經(jīng)驗(yàn)規(guī)則。也是多年培養(yǎng)的用戶習(xí)慣。最終習(xí)慣就是最終用戶。當(dāng)然一成不變不是我們所激勵(lì)的。

太多的字體

一般一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)制定，一般字體不超過(guò)3種。多則亂沒(méi)有足夠的空白

空白可以說(shuō)是制定中最重要的一部分。它有助于防止用戶在瀏覽網(wǎng)站時(shí)變得疲憊，它可以在內(nèi)容中劃出距離，而且它本身也看上去不錯(cuò)。空白不是必須用白色的，而是，它僅僅是為其他制定元素提供間隔和緩沖的空間不合計(jì)用戶的分辨率

你的屏幕分辨率有2560像素，這非常好。但很多人還在屏幕上用1024像素的分率，有些還在用640*480或800*600。雖然這種分辨率的顯示器正在減少，但采納更小的分辨率的手機(jī)設(shè)備也來(lái)了?，F(xiàn)在的網(wǎng)頁(yè)制定寬度標(biāo)準(zhǔn)是960像素，雖然沒(méi)有照顧到每一種分辨率，但在主流分辨率上可以浮現(xiàn)的最好。假如你希望面對(duì)大量的手機(jī)用戶，最好合計(jì)一個(gè)手機(jī)版制定。

不一致

一致性是網(wǎng)頁(yè)制定的關(guān)鍵。它是把網(wǎng)頁(yè)制定組織在一起的方式，可以創(chuàng)造一種緊密結(jié)合的感覺(jué)。在網(wǎng)站頁(yè)面互相鏈接的狀況下，它可以幫助用戶把所有頁(yè)面都聯(lián)系在一起。如果你在整個(gè)網(wǎng)站繼續(xù)改變字體大小和色彩，用戶很快會(huì)覺(jué)得不知所措。

貧乏的尺寸大小

標(biāo)準(zhǔn)做法是h1的文字大于h2的文字，頭部文字大于段落文字。盡量堅(jiān)持一致的尺寸，因?yàn)樗兄谝恢滦?第8條)和內(nèi)容層次(第4條)。堅(jiān)持文字的可讀性，但不要太大，讓字體的大小表現(xiàn)信息的重要性。還有，10像素以下的尺寸對(duì)大量閱讀的人來(lái)說(shuō)太小了。

沒(méi)有足夠的文字間距

與空白有關(guān)，文字間距有兩個(gè)部分，一個(gè)是字距(這個(gè)不能用CSS直接調(diào)整，可以通過(guò)一些高級(jí)技術(shù)解決)，關(guān)系到字母之間的空白。一個(gè)是行距，可以用CSS直接調(diào)整，關(guān)系到兩行文字之間的距離。這些有助于區(qū)分行與段落，使用戶更容易閱讀文字。

網(wǎng)頁(yè)制定與制作注意問(wèn)題

1、導(dǎo)航要清楚

所有的超鏈接應(yīng)清楚無(wú)誤地向讀者標(biāo)識(shí)出來(lái)，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清楚的標(biāo)識(shí)，讓人看得明白，千萬(wàn)別光顧視覺(jué)效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問(wèn)的，藍(lán)色;點(diǎn)擊過(guò)的，紫色或栗色?？傊谋炬溄右欢ㄒ晚?yè)面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向。

2、不能忽視錯(cuò)別字

一個(gè)好的網(wǎng)站對(duì)制定的每一個(gè)細(xì)節(jié)都不會(huì)放過(guò)，哪怕是一個(gè)微小的拼寫(xiě)錯(cuò)誤都是絕對(duì)不能出現(xiàn)的。但是遺憾的是，許多制定者都缺少這種技能。保證你拼寫(xiě)正確，并且分外注意平常容易誤寫(xiě)的錯(cuò)別字，要時(shí)隨時(shí)刻堅(jiān)持一種嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度。dec

3、少用框架

在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是制定者立即就發(fā)現(xiàn)，在使用框架時(shí)產(chǎn)生了許多的問(wèn)題。使用框架時(shí)如果沒(méi)有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內(nèi)個(gè)人主頁(yè)不能夠成為書(shū)簽?；蛟S更重要的是，搜索引擎經(jīng)常被框架混淆，從而不能列出你的網(wǎng)站。

4、使用著名的插件

如果網(wǎng)站上有聲音或視頻，要確保使用者通過(guò)使用某個(gè)知名的插件，能夠聽(tīng)到或看到。如果訪問(wèn)者沒(méi)有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪問(wèn)者有可能就不會(huì)返回了。許多站點(diǎn)使用QuickTime、RealPlay和Shockwave插件。因?yàn)?，許多訪問(wèn)者并不愿意浪費(fèi)很多時(shí)間和金錢(qián)去下載可能僅使用一次的插件。

5、使網(wǎng)站具有交互功能

一個(gè)靜態(tài)網(wǎng)頁(yè)始終給人一種呆板的感覺(jué)，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問(wèn)題的工具以及其他具有交互性能的制定，使得訪問(wèn)者能從網(wǎng)站上獲得交互的信息，從而使訪問(wèn)者有一種參加網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。

6、測(cè)試網(wǎng)站

在你的網(wǎng)站正式發(fā)布之前，必須進(jìn)行有用的測(cè)試。在制定網(wǎng)站時(shí)要使用最新的軟件，但是不要忘了人們并不會(huì)使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網(wǎng)站時(shí)還要測(cè)試所有的鏈接和導(dǎo)航工具條。用圖像、文本和不必要的動(dòng)畫(huà)GIFs來(lái)充斥網(wǎng)頁(yè)，即使有足夠的空間，在制定時(shí)也應(yīng)該避免使用。

7、確保網(wǎng)頁(yè)完整

在瀏覽器中即使去掉了圖像功能，也要確保訪問(wèn)者能夠在你的網(wǎng)站上獲得滿意的效果，浮現(xiàn)在用戶面前的仍是一個(gè)完整的網(wǎng)站。關(guān)于那些關(guān)掉了圖像功能的訪問(wèn)者，還能獲得好的網(wǎng)頁(yè)加載性能?？梢酝ㄟ^(guò)在網(wǎng)頁(yè)底部提供另外的鏈接和使用替代文字，而不是圖像來(lái)滿足訪問(wèn)者的必須要。

網(wǎng)頁(yè)制定色彩的運(yùn)用

(1)確立網(wǎng)頁(yè)頁(yè)面的基調(diào)，即頁(yè)面主題色彩：

頁(yè)面的基調(diào)色彩確定后，才干開(kāi)始制定其它部分內(nèi)容。當(dāng)我們打開(kāi)一個(gè)頁(yè)面時(shí)，一般看到的頁(yè)面色調(diào)都比較淡雅，這也是網(wǎng)站制定中流行的淺色基調(diào)。文字的內(nèi)容與色彩對(duì)比度較大，特別網(wǎng)頁(yè)頁(yè)面的主題內(nèi)容因素。頁(yè)面的重點(diǎn)不被那些濃重色彩給掩蓋，有利于制定主題的顯示，多數(shù)人喜愛(ài)這種制定風(fēng)格。一般張揚(yáng)的制定基調(diào)多出現(xiàn)在某些人的博客，這也是個(gè)性的張揚(yáng)，無(wú)可厚非，不過(guò)不適用于商業(yè)用途網(wǎng)站。

(2)確立網(wǎng)站色系和多個(gè)頁(yè)面的一致性：

藝術(shù)制定是和諧統(tǒng)一的色系選用和色彩搭配。頁(yè)面制定風(fēng)格和色彩和諧統(tǒng)一，色系與制定主題吻合，能讓瀏覽者賞心悅目的欣賞頁(yè)面，讓瀏覽者駐足。色彩不屬于一個(gè)色系，創(chuàng)作起來(lái)難度增大，與頁(yè)面內(nèi)容匹配難度增加。常用的頁(yè)面制定通常選用一致的色系和色彩搭配。為了整體畫(huà)面的靈動(dòng)，可以在頁(yè)面某處增加色彩激烈的裝飾，給網(wǎng)頁(yè)增加動(dòng)感。

(3)對(duì)比或互補(bǔ)色的運(yùn)用：

網(wǎng)頁(yè)頁(yè)面色彩過(guò)于一致給人以呆板的感覺(jué)，強(qiáng)化網(wǎng)站的特別效果可以增加對(duì)比度強(qiáng)的圖像或使用互補(bǔ)色來(lái)渲染畫(huà)面。適用于添加對(duì)比色或互補(bǔ)色的網(wǎng)站一般是目的性不是很強(qiáng)的網(wǎng)站，為瀏覽者提供主題輕松的內(nèi)容，色彩可以選擇激烈的冷暖色，無(wú)論如此，也不是沒(méi)有規(guī)則。網(wǎng)頁(yè)背景不能使用多個(gè)激烈顏色搭配，否則將主題內(nèi)容掩蓋，對(duì)網(wǎng)站建設(shè)的主題忽視。

如何評(píng)價(jià)網(wǎng)頁(yè)制定中的藝術(shù)展現(xiàn)

雖然與〔平面制定〕相比，網(wǎng)絡(luò)制定對(duì)藝術(shù)元素強(qiáng)調(diào)的不多，但是網(wǎng)頁(yè)制定中的藝術(shù)制定是計(jì)算機(jī)網(wǎng)絡(luò)發(fā)展進(jìn)步的要求。革新是一個(gè)民族進(jìn)步的靈魂，是我們不懈發(fā)展的動(dòng)力。網(wǎng)頁(yè)制定中的藝術(shù)元素要求制定師們進(jìn)行創(chuàng)造性思維活動(dòng)。

1.網(wǎng)頁(yè)制定中的藝術(shù)制定

網(wǎng)頁(yè)制定中的藝術(shù)制定細(xì)胞包涵三個(gè)方面的內(nèi)容。首先是視聽(tīng)上的藝術(shù)細(xì)胞。在視聽(tīng)上有如文本、圖像、背景音樂(lè)、導(dǎo)航工具等視聽(tīng)元素。其中文本是其主導(dǎo)地位的一個(gè)元素，因?yàn)橐粋€(gè)網(wǎng)站最終是要表達(dá)一個(gè)思想或傳遞些信息，而文字的好壞直接關(guān)系到網(wǎng)頁(yè)的整體質(zhì)量。能夠直接吸引觀眾注意力的當(dāng)屬音頻、視頻和動(dòng)畫(huà)元素的制定上，為了特別重點(diǎn)，往往采用把動(dòng)畫(huà)制定在彈出廣告中，或用在導(dǎo)航條中，視頻的出現(xiàn)使得網(wǎng)絡(luò)的內(nèi)容更加豐富多彩。

其次是版式上的藝術(shù)細(xì)胞。簡(jiǎn)單地說(shuō)，網(wǎng)頁(yè)的版式制定就是在有限的空間上如何將大容量的信息進(jìn)行排列組合，而不同的組合模式所產(chǎn)生的效果也大不相同。每種版式各有千秋，使用不同的網(wǎng)站制定主題，有滿版型的、對(duì)稱(chēng)型的、分割型的等。網(wǎng)絡(luò)制定者應(yīng)當(dāng)首先進(jìn)行定性分析，分析如何使整個(gè)網(wǎng)頁(yè)總體美觀、整潔和有條理，同時(shí)還要進(jìn)行定量分析，小小的制定空間上進(jìn)行布局。

再次是色彩上的藝術(shù)細(xì)胞。一個(gè)網(wǎng)站必須要有一兩個(gè)主題色彩來(lái)象征網(wǎng)站的內(nèi)涵，這是進(jìn)行市場(chǎng)競(jìng)爭(zhēng)的重要步驟，我們應(yīng)當(dāng)注意到色彩對(duì)人視覺(jué)效果的沖擊。色彩的搭配和運(yùn)用既是一門(mén)技術(shù)活，也是一門(mén)藝術(shù)。往往不同的色彩所折射出來(lái)的概念是不一樣的。例如，綠白組合可以使人感覺(jué)優(yōu)雅舒適，紅色可以凸顯喜慶的氛圍，藍(lán)白混合能給人清新淡雅的印象。在制定規(guī)劃中，強(qiáng)調(diào)整體性和一致性，雜亂無(wú)章的界面只會(huì)增加網(wǎng)絡(luò)用戶的厭惡感。

2.網(wǎng)頁(yè)藝術(shù)制定應(yīng)當(dāng)注意的問(wèn)題

值得注意的是，藝術(shù)制定包涵較多的主觀因素，因此對(duì)網(wǎng)頁(yè)制定者有一定的技術(shù)要求，要求熟練掌握各種軟硬件技術(shù)，把技術(shù)和藝術(shù)交融在一起，發(fā)揮技術(shù)的支持性作用和藝術(shù)的想象空間。注意形式美和實(shí)質(zhì)效果的統(tǒng)一。如果為了追求獨(dú)特風(fēng)格制定而缺乏網(wǎng)頁(yè)內(nèi)容的真實(shí)性，又或者只重視內(nèi)容的充實(shí)而忽視了藝術(shù)表現(xiàn)，那么結(jié)果都是使網(wǎng)頁(yè)制定顯得空洞蒼白。只有將兩者有效統(tǒng)一起來(lái)，在和諧的外表下使用戶的視、聽(tīng)覺(jué)領(lǐng)會(huì)到主題內(nèi)容的精髓，才干使網(wǎng)頁(yè)制定具有價(jià)值。

注意網(wǎng)頁(yè)制定的繼續(xù)性和交換性問(wèn)題。網(wǎng)頁(yè)制定是在網(wǎng)絡(luò)環(huán)境下完成的，不同于傳統(tǒng)媒介方式，因此要求網(wǎng)頁(yè)制定者的觀點(diǎn)與時(shí)俱進(jìn)，進(jìn)行改變?，F(xiàn)代信息變化莫測(cè)，人們接受信息的方式也發(fā)生根本的轉(zhuǎn)變，人們不再是吸納信息的被動(dòng)接受者，而是有個(gè)人的偏好和傾向，及時(shí)反饋用戶的信息是網(wǎng)頁(yè)制定取得進(jìn)步的經(jīng)驗(yàn)和寶貴財(cái)富，也是企業(yè)螺旋式上升的必定結(jié)果。

3.小結(jié)

總而言之，網(wǎng)絡(luò)的出現(xiàn)使人們的宣揚(yáng)