本篇文章信途科技給大家談談網(wǎng)站效果圖制作，以及設計圖制作網(wǎng)站對應的知識點，希望對各位有所幫助，不要忘了收藏本站。

網(wǎng)頁設計都做什么？？

網(wǎng)頁設計，是根據(jù)企業(yè)希望向瀏覽者傳遞的信息，進行網(wǎng)站功能策劃，然后進行的頁面設計美化工作?！揪W(wǎng)頁設計】需要做的有：

1、頁面設計：做網(wǎng)站需要把每個頁面設計好，頁面風格，色調，字體要統(tǒng)一，頁面排版要統(tǒng)一，網(wǎng)站首頁要重點設計好。

2、圖片設計：網(wǎng)站圖片要設計好看再放在網(wǎng)站上，要按照網(wǎng)站尺寸去設計圖片，圖片要清晰，要靜態(tài)圖片，圖片大小要小，一張圖片保持在150K以下，圖片太大的話會影響網(wǎng)站加載速度。

做圖片設計包括：產品圖片，產品詳情頁，網(wǎng)站banana圖等都要設計好，要采用自適應網(wǎng)站設計或者響應式網(wǎng)站設計，這樣網(wǎng)站可以適應各種屏幕設備尺寸，用戶可以清晰地查看網(wǎng)站內容。感興趣的話點擊此處，免費學習一下

想了解更多有關網(wǎng)頁設計的相關信息，推薦咨詢【達內教育】?！具_內教育】重磅推出“因材施教、分級培優(yōu)”創(chuàng)新教學模式，同一課程方向，面向不同受眾群體，提供就業(yè)、培優(yōu)、才高三個級別教學課程，達內“因材施教、分級培優(yōu)“差異化教學模式，讓每一位來達內學習的學員都能找到適合自己的課程。達內IT培訓機構,試聽名額限時搶購。

如何用PS制作網(wǎng)頁首頁的效果圖？

ps、fireworks都可以用來做效果圖的，用這些工具做效果圖的時候只要注意一下欄目的排版以及用色的協(xié)調性，ps做網(wǎng)頁效果圖常用的效果不多，所要只要掌握幾種常用的工具用法就可以了：選取、剪切、填色、漸變、蒙版、切圖等。

剛開始初學的可以網(wǎng)上找一些好點的模版下來自己嘗試著按自己的想法進行修改，等熟練掌握以后再完全自己構思、設計！

想知道一個網(wǎng)站的首頁效果圖制作的基本過程

在網(wǎng)頁效果圖的設計階段，應按照繪制結構草圖，在Fireworks中繪制輔助線、繪制結構底圖、添加內容、對效果圖進行切片、對切片進行優(yōu)化、輸出切片刀Dreamweaver的順序來依次進行。下面將會介紹網(wǎng)頁效果圖設計中各個流程的作用。

在圖像軟件中設計網(wǎng)頁效果圖，總體可以分為7個步驟：（1）、創(chuàng)建畫布，添加輔助線來布局；（2）、繪制結構底圖；（3）、添加內容，包括圖像和文字；（4）、切片；（5）、優(yōu)化；（6）、導出；（7）、布局。

1、創(chuàng)建輔助線

在具體設計前，應當考慮到網(wǎng)頁的布局形式，可以根據(jù)策劃階段確定下來的網(wǎng)頁布局草圖，在Fireworks的畫布中添加輔助線，這樣做的目的是為了明確頁面布局形式和面積。

需要注意的是，對于布局結構比較復雜的頁面，輔助線不是一次就能夠全部創(chuàng)建好的，而是一部分內容創(chuàng)建一部分否則輔助線過多會使頁面混亂。

2、繪制結構底圖

根據(jù)創(chuàng)建好的輔助線，使用Fireworks的工具或者是矩形選取框工具，把網(wǎng)頁效果圖中帶有底色的“矩形塊”依次繪制出來，形成一個整體的布局效果。

這里的“矩形塊‘只是一個統(tǒng)稱，可以使任意的形狀。除了得到形狀以外，還可以直接對這些”矩形塊“配色，或添加紋理、濾鏡，從而在整體上對頁面的配色方案進行控制。

3、添加內容

結構底圖繪制完畢后，就可以開始在網(wǎng)頁效果圖中添加實際的內容了，包括文字和圖像，從而完成最終的效果圖方案。

添加圖像的時候，如何選擇最合適的圖像素材，如何對圖像素材進行處理是非常重要的，可以說網(wǎng)頁中圖像設計的好壞，直接影響到整體的頁面效果。

4、切片

效果圖制作完畢后，首先需要進行切片。把網(wǎng)頁比喻成一幅圖，而切片工具就像是剪刀，使用切片工具可以把一張大圖像裁剪成很多小圖像。這樣做目的之一是為了加快下載速度。因為IE瀏覽器是多線程的，同一時間可以下載3幅圖像。

切片的另外一個目的，也是最主要的目的是為了布局的需要。很多人不知道該如何對效果圖進行切片，這是因為對布局技術不了解。同一個網(wǎng)頁效果圖，按不同的方式布局就會得到不同的切片，并沒有說哪一個才是”標準”的，所以要想靈活運用切片，必須熟悉流行的布局技術。

網(wǎng)頁制作一定要先用photoshop制作效果圖嗎？

很建議這么做，用photoshop做出效果圖后用切片工具切割網(wǎng)頁生成素材。

這樣做的好處是

利于排版布局，單憑心里想到哪就做到哪很難做出好看的網(wǎng)頁；

各種絢麗的效果在不同瀏覽器下都是一樣的可以顯示，有很好的兼容性（相對于借助代碼實現(xiàn)諸如發(fā)光陰影等效果，在不同瀏覽器或不同版本的同一瀏覽器下差別很大，如火狐-chrome-ie6-ie8），雖然有人說這樣可能會加重服務器的負擔，但實際上這是最有效也是最通用的做法（你可以看看現(xiàn)在的各個好看的網(wǎng)站，都是一個一個的圖片拼接起來的，代碼實現(xiàn)的效果反而很少，雖然這可能比較“高科技”）

怎樣去做一個網(wǎng)站的效果圖呢？求詳細。。。

做一個不但在于技術精還要在于設計理念有創(chuàng)意，所以如何設計好一個效果圖要從多方面去考慮，首先從你的需求方面去想去設計（即頁面內容），之后根據(jù)企業(yè)VI去定位頁面布局及顏色等等方面，最后根據(jù)布局再去用技術方面的東西去設計。既然你只是說如何布局，那么根據(jù)經(jīng)驗來說，應該從以下幾方面考慮。

一).確定頁面功能模塊

首頁的內容模塊是指你需要在頁面上實現(xiàn)的主要內容和功能。一般的站點都需要這樣一些模塊：

網(wǎng)站名稱(logo), 廣告條(banner), 主菜單(menu),

新聞(what‘s new), 搜索(search), 友情鏈接(links),

郵件列表(maillist),計數(shù)器(count), 版權(copyright).

（當然這些只是常用而已。一般情況下，如果是企業(yè)設計一個網(wǎng)站的話，都會有網(wǎng)站設計方案，那么可以根據(jù)方案去設計的。）

二).設計首頁的版面

在功能模塊確定后，開始設計首頁的版面。就象搭積木，每個模塊是一個單位積木，如何拼搭出一座漂亮的房子，就看你的創(chuàng)意和想象力了。設計版面的最好方法是：找一張白紙，一支筆，先將你理想中的草圖勾勒出來，然后再用網(wǎng)頁制作軟件實現(xiàn)。

1.定位你的網(wǎng)站主題和名稱

2.定位你的網(wǎng)站CI形象

3.確定你的欄目和版塊

4.網(wǎng)站的整體風格創(chuàng)意設計

5.網(wǎng)站的層次結構和鏈接結構

6.首頁的設計

7.版面布局的竅門

8.色彩的搭配

其實說來說去就是顏色搭配問題及圖片布局，一般一個網(wǎng)站效果圖都只是一個靜態(tài)的頁面而已，要圖片格式的話，直接截個圖就行了。所以只要知道布局及顏色搭配再就是懂設計技術基本上就可以做一個效果圖了。當然你自己感覺創(chuàng)意不夠的話，一般可以同過網(wǎng)絡去搜索一下網(wǎng)站模板，可以去借鑒別人的設計風格之后在根據(jù)自己的要求加以修改就ok了，有很多是PS格式個模板，那么就可以在ps里面先修改在通過切片工具做都是可以的。這些需要一定的設計技術了。

根據(jù)樓主說提問的問題來看應該不太懂網(wǎng)頁設計，所以最好去下載一個網(wǎng)頁模板，百度里搜索有很多下載網(wǎng)站，之后看點網(wǎng)頁制作教程就可以了做了。一下是一些相關資料，如果鏈接過期請自行搜索

網(wǎng)頁模板下載地址：http://xintu.dabaoku.com/moban/geren/

網(wǎng)頁設計教程：http://xintu.enet.com.cn/eschool/zhuanti/dreamweavershili/

關于網(wǎng)站效果圖制作和設計圖制作網(wǎng)站的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站信途科技。