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

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

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

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

      不同風(fēng)格的圖片展示出來(lái)的效果有著很大的差距，而且不同色彩的圖片，對(duì)網(wǎng)站產(chǎn)生的視覺(jué)效果也完全不同。以營(yíng)銷為主題的企業(yè)網(wǎ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)站整體設(shè)計(jì)離不開圖片的有機(jī)組成

      在網(wǎng)站建設(shè)圖片選擇上，有的網(wǎng)站選擇用一張圖片做為底色，有的則選擇不同圖片有機(jī)的組合在一起，從網(wǎng)站設(shè)計(jì)上來(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)站設(shè)計(jì)師有著豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)。

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

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

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

      無(wú)論什么時(shí)候，不管是著手準(zhǔn)備設(shè)計(jì)網(wǎng)頁(yè)之前、正在設(shè)計(jì)之中或者已經(jīng)設(shè)計(jì)完畢，有一個(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)潔、考慮大多數(shù)訪問(wèn)者的連線狀況。

      2、考慮使用者的瀏覽器

      其次，必需考慮使用者的瀏覽器軟件，如果您想要讓所有的人都可以毫無(wú)障礙地觀看您的網(wǎng)頁(yè)，那么最好使用所有瀏覽器都可以閱讀的格式，不要使用只有部份瀏覽器可以支持的HTML格式或程序技巧。如果必須展現(xiàn)網(wǎng)站技術(shù)含量及一些高技術(shù)特效又不想放棄一些潛在訪問(wèn)者，可以考慮在主頁(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ò)程中所要考慮的是有沒(méi)有必要在網(wǎng)頁(yè)上堆積大批的特效而增大網(wǎng)頁(yè)大小降低瀏覽速度)。

      3、內(nèi)容第一

      內(nèi)容第一，這句話適合書本，更適合網(wǎng)絡(luò)上的網(wǎng)站，而且?guī)缀趺總�(gè)參與提供意見(jiàn)的人都舉雙手贊成這句話。沒(méi)有內(nèi)容的書本已經(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)樗�是別人認(rèn)識(shí)這個(gè)網(wǎng)站的第一印象。如果是新開幕的站臺(tái)，最好在第一頁(yè)就對(duì)這個(gè)網(wǎng)站的性質(zhì)與所提供內(nèi)容做個(gè)扼要說(shuō)明與導(dǎo)引，讓別人判斷要不要繼續(xù)進(jìn)入里面。最好第一頁(yè)就有很清楚的類別選項(xiàng)，而且盡量符合人性化，讓參觀者可以很快找到需要的主題。在設(shè)計(jì)上，最好秉持干凈而清爽的原則。

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

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

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

      5、互動(dòng)性

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

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

      首先，使用技術(shù)時(shí)一定要考慮傳輸時(shí)間，不要成為他人觀看的沉重負(fù)擔(dān);其次，技術(shù)一定要與本身網(wǎng)站的性質(zhì)及內(nèi)容相配合，不要耍了一大堆不相干的技術(shù)。有一個(gè)最常見(jiàn)的技術(shù)應(yīng)用，就是利用JavaScript撰寫一個(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)，但同樣，也需要考慮傳輸時(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)站設(shè)計(jì)人員往往根據(jù)網(wǎng)站欄目分別設(shè)定服務(wù)器文件夾、同時(shí)Html文件和圖形文件及其他文件分開放置，文件夾命名含義清楚、超文本文件等文件命名注意連續(xù)性。否則日后改動(dòng)網(wǎng)站信息時(shí)在數(shù)千個(gè)甚至上萬(wàn)個(gè)文件中找到所需的文件的確會(huì)大傷腦筋。

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

      資料一定要注意即時(shí)性。有些網(wǎng)站半年沒(méi)更新，感覺(jué)就像一池死水。同時(shí)為給訪問(wèn)者新的氣息和吸引力，筆者建議，不妨每隔一陣子就對(duì)頁(yè)面設(shè)計(jì)做一次小翻新，時(shí)時(shí)保持新鮮感。最后，須考慮的就是事后維護(hù)管理的問(wèn)題，寫網(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)做法。

      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í)候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務(wù)，應(yīng)該盡量放到更淺的層次，以減少用戶的點(diǎn)擊次數(shù);

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

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

      頁(yè)面整體設(shè)計(jì)風(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)或使用更快捷的方式(在開發(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)充分考慮瀏覽器的兼容性、字體的兼容性和插件流行程度等;

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

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

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

      遵循基本的圖形設(shè)計(jì)原則，符合基本美學(xué)原理和排版原則;

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

      全站的設(shè)計(jì)作為一個(gè)整體，應(yīng)該具有整體的一致性;

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

      整體設(shè)計(jì)應(yīng)該很好地體現(xiàn)企業(yè)CI;

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

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

      6 網(wǎng)站正常的訪問(wèn)性能

      訪問(wèn)速度:取決于服務(wù)器接入方式和接入帶寬、擺放地點(diǎn)、硬件性能和頁(yè)面數(shù)據(jù)量、網(wǎng)絡(luò)擁塞程度等多方因素。如果目標(biāo)群體不限于本地，則還應(yīng)考慮地理因素造成的性能下降。

      可容納的最大同時(shí)清求數(shù):取決于服務(wù)器性能、程序消耗資源和網(wǎng)絡(luò)擁塞程度等因素。

      穩(wěn)定性;平均無(wú)錯(cuò)運(yùn)行時(shí)間。

      安全性:關(guān)鍵數(shù)據(jù)的保護(hù)，例如用戶數(shù)據(jù)等功能服務(wù)的正常提供。

      網(wǎng)站的防攻擊能力。

      對(duì)異常災(zāi)害的恢復(fù)能力。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-30048.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁(yè)制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050