網(wǎng)頁(yè)設(shè)計(jì)如何選擇圖片

第頁(yè)網(wǎng)頁(yè)設(shè)計(jì)如何選擇圖片圖片不僅僅讓網(wǎng)站變得美觀大氣，還可以帶來(lái)優(yōu)良的視覺(jué)效應(yīng)，因此，在網(wǎng)頁(yè)制定中，選擇圖片有著很多學(xué)問(wèn)，網(wǎng)頁(yè)制定如何選擇圖片？下面就簡(jiǎn)單和大家分享一下。

1、圖片要符合網(wǎng)站主題風(fēng)格

不同風(fēng)格的圖片展示出來(lái)的效果有著很大的差距，而且不同色彩的圖片，對(duì)網(wǎng)站產(chǎn)生的視覺(jué)效果也完全不同。以營(yíng)銷為主題的企業(yè)網(wǎng)站，色彩要明亮一些，而以宣揚(yáng)為主題的網(wǎng)站，在色彩上要顯得大氣，比如黃色、藍(lán)色、紅色是首選。總之，網(wǎng)站中這種多樣化的主題必須求就必須要不同風(fēng)格的圖片組成，以此從視覺(jué)上讓用戶感受到網(wǎng)站最基本的產(chǎn)品和服務(wù)。

2、網(wǎng)站圖片特別產(chǎn)品功能

不管什么網(wǎng)站，都要告訴用戶我是做什么的，我們以〔淘寶〕店鋪圖片為例，無(wú)論是產(chǎn)品說(shuō)明還是服務(wù)說(shuō)明，都是以圖片為底色，然后配上文字進(jìn)行說(shuō)明的，這樣的好處在于，用戶通過(guò)簡(jiǎn)單精煉的文字描述加上形象的產(chǎn)品圖片，基本上就會(huì)對(duì)網(wǎng)站的服務(wù)和產(chǎn)品有一個(gè)大概的了解，而通過(guò)文字加圖片的描述方式，可以最大的讓用戶和網(wǎng)站進(jìn)行最有效最形象的短距離〔溝通〕。

3、網(wǎng)站整體制定離不開(kāi)圖片的有機(jī)組成

在網(wǎng)站建設(shè)圖片選擇上，有的網(wǎng)站選擇用一張圖片做為底色，有的則選擇不同圖片有機(jī)的組合在一起，從網(wǎng)站制定上來(lái)說(shuō)，將多種圖片通過(guò)相關(guān)技術(shù)有機(jī)的組合在一起，更能展示網(wǎng)站主題風(fēng)格。

而將網(wǎng)站主題風(fēng)格付諸于圖片展現(xiàn)出來(lái)，必須要滿足兩種條件，一個(gè)是網(wǎng)站必須求者能夠提供大量符合網(wǎng)站特色的圖片，另一方面則必須要網(wǎng)站制定師有著豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)。

4、網(wǎng)站圖片都是帶有文字的

圖文并茂并不是指一篇文章而言，而在圖片制定上，加上精煉的文字說(shuō)明，這已經(jīng)是網(wǎng)站建設(shè)過(guò)程中不可或缺。文字的大小、文字的位置、文字的顏色的掌控要必須要網(wǎng)站制定師整體把握，這也是定制型網(wǎng)站優(yōu)勢(shì)所在。

2網(wǎng)站建設(shè)要點(diǎn)

1、使用者優(yōu)先的觀念

無(wú)論什么時(shí)候，不管是著手準(zhǔn)備制定網(wǎng)頁(yè)之前、正在制定之中或者已經(jīng)制定完畢，有一個(gè)最高行動(dòng)準(zhǔn)則一定要銘記在心，那就是∶使用者優(yōu)先。因?yàn)闆](méi)有使用者去光顧，任何自認(rèn)再好的主頁(yè)都是沒(méi)有意義的。符合這一點(diǎn)要求我們?cè)诰W(wǎng)站信息的組織上應(yīng)方便訪問(wèn)者查詢，每一個(gè)網(wǎng)頁(yè)盡量精制而簡(jiǎn)潔、合計(jì)大多數(shù)訪問(wèn)者的連線狀況。

2、合計(jì)使用者的瀏覽器

其次，必必須合計(jì)使用者的瀏覽器軟件，如果您想要讓所有的人都可以毫無(wú)障礙地觀看您的網(wǎng)頁(yè)，那么最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果必須展現(xiàn)網(wǎng)站技術(shù)含量及一些高技術(shù)特效又不想放棄一些潛在訪問(wèn)者，可以合計(jì)在主頁(yè)中設(shè)置幾種不同的觀賞模式選項(xiàng)(例如純文字模式、Frame模式、Java模式等等)，供瀏覽者自行選擇(當(dāng)然，您得隨時(shí)掌握主流瀏覽器的用戶狀況，必要時(shí)可放棄一些潛在訪問(wèn)者，現(xiàn)今絕大多數(shù)用戶使用的是IE、NETSCAPE4.0以上版本的瀏覽器，可支持大多數(shù)的Javascript、css、Dhtml等高級(jí)超文本語(yǔ)言及一些網(wǎng)頁(yè)特效，我們?cè)谥谱鬟^(guò)程中所要合計(jì)的是有沒(méi)有必要在網(wǎng)頁(yè)上堆積大批的特效而增大網(wǎng)頁(yè)大小降低瀏覽速度)。

3、內(nèi)容第一

內(nèi)容第一，這句話合適書(shū)本，更合適網(wǎng)絡(luò)上的網(wǎng)站，而且?guī)缀趺總€(gè)參加提供看法的人都舉雙手贊成這句話。沒(méi)有內(nèi)容的書(shū)本已經(jīng)夠令人討厭，但至少您還可以很快推斷出來(lái)，而網(wǎng)頁(yè)呢?您可能得耗費(fèi)一整個(gè)晚上的時(shí)間與金錢，才發(fā)現(xiàn)原來(lái)你訪問(wèn)的網(wǎng)站里根本沒(méi)有您要找的東西，這種痛苦真不是三言兩語(yǔ)可以形容。內(nèi)容可以是任何東西，包括文字、圖片、影像、聲音等等，但請(qǐng)記住一點(diǎn)：一定要跟這個(gè)網(wǎng)站所要提供給人的訊息有關(guān)系。

4、主頁(yè)很重要

第一頁(yè)是最重要的東西，因?yàn)樗莿e人熟悉這個(gè)網(wǎng)站的第一印象。如果是新開(kāi)幕的站臺(tái)，最好在第一頁(yè)就對(duì)這個(gè)網(wǎng)站的性質(zhì)與所提供內(nèi)容做個(gè)扼要說(shuō)明與導(dǎo)引，讓別人推斷要不要持續(xù)進(jìn)入里面。最好第一頁(yè)就有很清楚的類別選項(xiàng)，而且盡量符合人性化，讓參觀者可以很快找到必須要的主題。在制定上，最好秉持干凈而清爽的原則。

第一、假設(shè)無(wú)必須要，盡量不要放置大型圖形文件或加上不當(dāng)?shù)某绦?，因?yàn)樗鼤?huì)增加下載時(shí)間，導(dǎo)致觀賞者失去

第二、畫(huà)面不要散置得太過(guò)雜亂無(wú)序，因?yàn)橛^賞者會(huì)找不到東西。記住∶失敗的第一頁(yè)會(huì)讓許多人掉頭遠(yuǎn)去，不可不慎。

內(nèi)容的分類，可以按主題分類、按性質(zhì)分類、按機(jī)關(guān)組織分類，或按人類思索直覺(jué)式地分類等等，一般而言，按人類的直覺(jué)式思索會(huì)比較親切。但無(wú)論哪一種分類方法，都要讓使用者可以很容易找到目標(biāo)。而且分類方法最好盡量堅(jiān)持一致，假設(shè)要混用多種分類方法也要掌握不讓使用者搞混的原則。此外，在每個(gè)分類選項(xiàng)的旁邊或下一行，最好也加上這個(gè)選項(xiàng)內(nèi)容的簡(jiǎn)要說(shuō)明。

5、互動(dòng)性

好的網(wǎng)站網(wǎng)頁(yè)必須與使用者有優(yōu)良的互動(dòng)性，包括在整個(gè)制定浮現(xiàn)、使用介面導(dǎo)引上、網(wǎng)絡(luò)交互式應(yīng)用項(xiàng)目等等，都應(yīng)該掌握互動(dòng)的原則，讓使用者感覺(jué)他的每一步都確實(shí)得到適當(dāng)?shù)幕貞?yīng)?這部份必須要一些制定上的技巧與軟硬件支持(CGI信息在線反饋、數(shù)據(jù)庫(kù)信息查詢等)。

6、避免亂用技術(shù)

首先，使用技術(shù)時(shí)一定要合計(jì)傳輸時(shí)間，不要成為他人觀看的繁重負(fù)擔(dān);其次，技術(shù)一定要與本身網(wǎng)站的性質(zhì)及內(nèi)容相配合，不要耍了一大堆不相干的技術(shù)。有一個(gè)最常見(jiàn)的技術(shù)應(yīng)用，就是利用JavaScript撰寫(xiě)一個(gè)走馬燈的功能，讓文字可以動(dòng)態(tài)地顯示在窗口的最下一欄，這種方式看起來(lái)似乎很酷，但卻容易遮住該位置原本用來(lái)顯示地址及傳輸狀態(tài)的功能，反而造成使用者的不便。何況既然只是顯示一兩個(gè)文字，何不直接放在HTML本文中呢?Java小程序也是目前網(wǎng)絡(luò)上的常見(jiàn)技術(shù)，它是一個(gè)好用的利器，擅長(zhǎng)于動(dòng)態(tài)物象的浮現(xiàn)，雖然只要瀏覽器支持就可以動(dòng)，但同樣，也必須要合計(jì)傳輸時(shí)間，以及一般人的〔電腦〕系統(tǒng)負(fù)荷等問(wèn)題。

最后，技術(shù)最好不要用得太過(guò)多樣而復(fù)雜，有些人似乎不展現(xiàn)功力就不快樂(lè)，所以也不管合不合適，就把所有可用技術(shù)全部用在里面，這時(shí)大家就會(huì)看到一個(gè)慘不忍睹的網(wǎng)頁(yè)。

7、網(wǎng)站web服務(wù)器目錄結(jié)構(gòu)

為以后維護(hù)信息時(shí)的方便性和清楚性，專業(yè)的網(wǎng)站制定人員往往依據(jù)網(wǎng)站欄目分別設(shè)定服務(wù)器文件夾、同時(shí)Html文件和圖形文件及其他文件分開(kāi)放置，文件夾命名含義清楚、超文本文件等文件命名注意連續(xù)性。否則日后改動(dòng)網(wǎng)站信息時(shí)在數(shù)千個(gè)甚至上萬(wàn)個(gè)文件中找到所必須的文件確實(shí)會(huì)大傷腦筋。

8、即時(shí)更新、維護(hù)

資料一定要注意即時(shí)性。有些網(wǎng)站半年沒(méi)更新，感覺(jué)就像一池死水。同時(shí)為給訪問(wèn)者新的氣息和吸引力，筆者建議，無(wú)妨每隔一陣子就對(duì)頁(yè)面制定做一次小翻新，時(shí)時(shí)堅(jiān)持新鮮感。最后，須合計(jì)的就是事后維護(hù)〔管理〕的問(wèn)題，寫(xiě)網(wǎng)頁(yè)很簡(jiǎn)單，但維護(hù)管理就比較繁人，它的工作往往重復(fù)而死板，大型網(wǎng)站信息量龐大，往往改動(dòng)一個(gè)鏈接造成成百上千的網(wǎng)頁(yè)相關(guān)鏈接必須要改動(dòng)，這時(shí)網(wǎng)站的后臺(tái)技術(shù)往往至關(guān)重要，采用數(shù)據(jù)庫(kù)信息后臺(tái)模板式前臺(tái)界面、由后臺(tái)網(wǎng)站維護(hù)程序自動(dòng)更新是當(dāng)今網(wǎng)站流行的先進(jìn)做法。

3網(wǎng)站建設(shè)界面注意事項(xiàng)

1網(wǎng)站建設(shè)層次性

條理清楚的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站板塊劃分的合理性，必須要注意以下幾點(diǎn):

板塊的劃分應(yīng)該有充分的依據(jù)，并且是容易理解的;

不同板塊的內(nèi)容盡量做到?jīng)]有交叉重復(fù)，共性較多的內(nèi)容應(yīng)盡量劃分到同一板塊;

在最表層，盡量減少板塊數(shù)量，通常控制在4~6個(gè)板塊比較合適;

劃分后的結(jié)構(gòu)層次不宜過(guò)深.通常以不超過(guò)5層為佳;

在安排層次的時(shí)候要充分合計(jì)用戶操作，比較常用的信息內(nèi)容、功能服務(wù)，應(yīng)該盡量放到更淺的層次，以減少用戶的點(diǎn)擊次數(shù);

信息內(nèi)容的獲取和功能服務(wù)的過(guò)程，都應(yīng)該盡量控制在3~5步以內(nèi)。

2網(wǎng)站建設(shè)一致性

頁(yè)面整體制定風(fēng)格一致，整體頁(yè)面布局和用圖、用色風(fēng)格前后一致;

界面元素命名一致，同樣的元素應(yīng)該用同樣的命名;

功能一致，完成同樣的功能應(yīng)該盡量使用同樣的元素;

元素風(fēng)格一致，界面元素的美觀風(fēng)格、擺放位置，在同一個(gè)界面和不同界面之間都應(yīng)該是一致的。

3網(wǎng)站建設(shè)精簡(jiǎn)性

每個(gè)界面調(diào)用的時(shí)間應(yīng)該在可以接受的范圍之內(nèi)，當(dāng)必須耗費(fèi)較長(zhǎng)的時(shí)間時(shí)，應(yīng)該有明確提示，并最好有進(jìn)度顯示;

當(dāng)不同的方式能夠達(dá)到相同或近似的效果時(shí)，總是應(yīng)該選取令客戶訪問(wèn)或使用更快捷的方式(在開(kāi)發(fā)資源差別可忽略的狀況下)，例如盡量減少客戶端插件的使用;

主要界面盡量不超過(guò)瀏覽器高度的200%;

大量信息內(nèi)容盡量不超過(guò)瀏覽器高度的500%,如果超過(guò)，應(yīng)該使用頁(yè)內(nèi)定位或者進(jìn)行分頁(yè):

命名應(yīng)該是簡(jiǎn)潔的、定義清楚的，盡置不使用較為生僻的詞語(yǔ)，如果一定要使用，則應(yīng)給出容易理解的解釋。

4其他方面注意點(diǎn)

應(yīng)該具有明確的導(dǎo)航條和網(wǎng)站地圖，以提供快速導(dǎo)航操作;

避免出現(xiàn)錯(cuò)誤或者無(wú)效的鏈接;

主要的信息應(yīng)該放在特別的位置上，常用的功能則應(yīng)放到容易操作的位置上;

針對(duì)目標(biāo)群體的必須要，應(yīng)充分合計(jì)瀏覽器的兼容性、字體的兼容性和插件流行程度等;

關(guān)于專業(yè)的術(shù)語(yǔ)、復(fù)雜的操作等，應(yīng)有直接的容易理解的幫助;

在風(fēng)格同意的狀況下，可以適當(dāng)加強(qiáng)交互操作的趣味性和吸引力。

5企業(yè)網(wǎng)站建設(shè)應(yīng)該滿足以下要求

遵循基本的圖形制定原則，符合基本美學(xué)原理和排版原則;

關(guān)于主題和次要對(duì)象的處理符合排版原理;

全站的制定作為一個(gè)整體，應(yīng)該具有整體的一致性;

整體視覺(jué)效果特點(diǎn)鮮亮;

整體制定應(yīng)該很好地體現(xiàn)企業(yè)CI;

整體風(fēng)格同企業(yè)形象相符合;

整體風(fēng)格滿足目標(biāo)對(duì)象的喜好;

6網(wǎng)站正常