簡單的網頁設計草圖

1、網頁製作具體流程

如果說做一個網站的流程話：有以下幾步
第一步、進行需求分析
當我們首先拿到一個項目時，必須進行需求分析。可能有同學會問：需求分析，分析什麼呢？比如說：客戶想要做一個什麼類型的網站，以及這個網站的風格是什麼樣？以及確定網站的域名和空間...
第二步、規劃靜態內容（草圖）
重新確定其需求分析，並根據用戶需求分析，規劃出網站的內容板塊草圖。俗稱：網站草圖。

第三步、美工設計階段
然後根據網站草圖，由美工製作成效果圖。就好比建房子一樣，首先畫出效果圖，然後在開始建房子，網站也是如此。
第四步、程序開發階段
根據頁面結構和設計，前端和後台可以同時進行。前端：根據美工效果負責製作靜態頁面。後台：根據其頁面結構和設計，設計資料庫，並開發網站後台。
PS：後台部分由於有些人不懂的後台程序的開發，可以藉助開源免費的CMS系統（內容管理系統）搭建網站後台。現在主流的開源CMS有：織夢(DEDE)CMS 帝國CMS PHPCMS Wordpress(一般用於博客類型比較多)...
第五步、測試和以及上線

在本地搭建伺服器，測試網站有沒有什麼BUG。若無問題，可以使其將網站打包，使用FTP上傳至網站空間或者伺服器。
至於網頁製作開發的話，除了常見的DW，還有editplus,sublime text3...

2、就是在做網頁之前可以用某個軟體拉框框設計一下尺寸,排一下版，那個軟體是什麼啊？

1.Balsamiq Mockups(適用於快速草圖原型設計)
Balsamiq Mockups是一種軟體工程中快速原型的建立軟版件，可以做為與用戶交權互的一個界面草圖，它的優勢就在於「草圖」原型，這是除了紙筆之外最方便的工具了。
2.AxureRP(適用於復雜交互的原型設計)
如果是輕量級的設計，Mockups就夠了。但如果要做一個產品高保真的交互原型，AxureRP應該是產品經理或交互設計師的首選。
3.UIDesigner(騰訊推出的原型設計工具)
目前的版本還在不斷的更新完善中，可以做為嘗新的人來使用，相信後續功能會越來越完善，畢竟這是國人推出的產品，相信會更適合於國內的互聯網工作狀況。

3、學習UI設計都需要學習哪些內容？

一、Photoshop(PS)

Photoshop是圖像編輯和設計軟體，相信大家再熟悉不過了。現在不光是設計行業，一些非設計類崗位在招聘人員的時候也更加傾向於會使用Photoshop的人，因為現在很多行業都會用到PS來簡單改圖，新媒體行業更是如此。那麼UI設計行業的從業者當然就得更加精於Photoshop，才能夠做出更好的設計、拿到更高的薪資。Photoshop是設計的基礎，不管是UI設計還是平面設計、網頁設計、電商設計，都需要熟練運用Photoshop，Photoshop也可以說是設計行業的門檻，掌握了它，才能夠邁入UI設計行業。

二、Illustrator(AI)

Illustrator是矢量圖形和插圖軟體。它主要用來做頁數多的宣傳品，也可以完成一些簡單的圖像編輯。復雜的圖層設計會先用Photoshop完成，再導入Illustrator進行排列。它是高階UI設計師需要的技能，也是在UI設計中比較常用到的軟體。

UI設計常用軟體有哪些?

三、Indesign(ld)

Indesign主要用於圖書和講義的排版，也是UI設計師經常用到的，雖然它不能做太多樣式的設計、但是排版還是比較有效率的。

四、XD

XD主要用於用戶體驗設計和原型創建，更多的用於UI交互設計。一些網站設計以及app軟體的設計大多數會用到它。不過它對系統的級別和配置要求比較高。

五、CAD

CAD是一個草圖繪畫軟體，用於室內設計、工業設計等三維設計，在設計師當中也算是常用軟體之一。有這項技能的UI設計師的工資往往會比沒有這項技能的高出很多。

六、AE

Adobe After Effects簡稱「AE」是Adobe公司推出的一款圖形視頻處理軟體，適用於從事設計和視頻特技的機構，包括電視台、動畫製作公司、個人後期製作工作室以及多媒體工作室。屬於層類型後期軟體。

Adobe After Effects軟體可以幫助您高效且精確地創建無數種引人注目的動態圖形和震撼人心的視覺效果。利用與其他Adobe軟體無與倫比的緊密集成和高度靈活的2D和3D合成，以及數百種預設的效果和動畫，為您的電影、視頻、DVD和Macromedia Flash作品增添令人耳目一新的效果。

七、C4D

中文名4D電影，外文名CINEMA 4D，研發公司為德國Maxon Computer，特點為極高的運算速度和強大的渲染插件，使用在電影《毀滅戰士》、《阿凡達》中，獲得貿易展中最佳產品』的稱號，前身為FastRay。

以上就是UI設計師最基本用到的軟體，當然等你深入學習之後就會發現還有很多需要學習的其他軟體，但是，作為入門的學習這些已經足夠了。

4、網頁設計有必要先畫網頁設計草圖嗎

有必要的！
通過手繪的方式，可以將創意靈感快速地記錄下來，比起在電腦面前不斷搜尋資料，有一定的思路，但還無法立即做出效果而耗著時間要實在得多，即便網頁設計包括色調風格，效果切換等，不能馬上填充顏色，可以先進行標記，而不至於設計到某個板塊時，製作完之後又忘記了下面板塊設計的靈感。
當呈現給用戶看時，簡單的草圖有時候時創意的體現，若客戶不滿意，可以在手繪圖上擦掉不滿意的部分進行修改，或者從多個手繪草圖方案中挑選出最滿意的。一般完成一個草圖在有靈感的時候，幾小時甚至幾分鍾就可實現。然後再對照著草圖在電腦上製作出最終的效果，在一定程度上提高了網頁製作的效率。

5、如何將一張用PHOTOSHOP設計的，畫好的網頁設計草圖，用最方便省力的辦法轉化成網頁。

這個簡單如果只是一個圖網頁 直接用fireworks裡面切片工具 保存生成網頁。索引直接在DW裡面加 。。

6、個人網頁製作詳細草圖

你搜下萬能頁吧，這個是專門做網頁的，手機版說是最近就會上線，基本做一個頁面也就幾分鍾，還不要錢。