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

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

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

對比的問題

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

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

太多的色彩

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

沒有內(nèi)容層次

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

太多的字體

一般一個簡單的網(wǎng)頁制定，一般字體不超過3種。多則亂沒有足夠的空白

空白可以說是制定中最重要的一部分。它有助于防止用戶在瀏覽網(wǎng)站時變得疲憊，它可以在內(nèi)容中劃出距離，而且它本身也看上去不錯?？瞻撞皇潜仨氂冒咨?，而是，它僅僅是為其他制定元素提供間隔和緩沖的空間不合計用戶的分辨率

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

不一致

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

貧乏的尺寸大小

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

沒有足夠的文字間距

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

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

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

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

2、不能忽視錯別字

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

3、少用框架

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

4、使用著名的插件

如果網(wǎng)站上有聲音或視頻，要確保使用者通過使用某個知名的插件，能夠聽到或看到。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和Shockwave插件。因為，許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一次的插件。

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

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

6、測試網(wǎng)站

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

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

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

網(wǎng)頁制定色彩的運用

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

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

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

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

(3)對比或互補色的運用：

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

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

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

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

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

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

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

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

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

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

3.小結(jié)

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