網站設計的一般流程圖

1、如何製作網站流程圖

用OFFICE裡面的WORD就可以製作流程圖！！
我們利用word給我們提供的如下工具來畫出美觀規范的流程圖：
1.自選圖形—流程圖圖形
2.自選圖形—連接符
3.繪圖網格工具
4.對齊與分布工具
5.其它美化工具
個人覺得，畫好流程圖的要點在於統一各框型的風格，注意它們的大小，協調它們的擺放位置。
在開始之前，建議大家打開繪圖網格（繪圖工具欄—繪圖—繪圖網格），如圖中所示，選上「對象與網格對齊」，選上「在屏幕上顯示網格線」，並且將「垂直間隔」選上以顯示垂直網格線，根據筆者個人經驗，A4紙使用0.5CM的水平間距和0.5CM的垂直間距比較合適。

圖http://www.gonet8.com/Article/UploadFiles/200706/200762619444206.jpg

首先畫出圖形框，可以一邊畫一邊添加文字，也可以先畫出整體構架，再一個個添加文字。使用了網格，要畫出等大小的框就容易多了（當然也可以直接復制出等大小的方框），稍微注意一下各方框中間的距離，注意一下長寬，就能畫得比較美觀，如下圖所示：

圖http://www.gonet8.com/Article/UploadFiles/200706/200762619445925.jpg

要選中多個圖形時，使用繪圖工具欄上的「選擇對象」工具比較方便。
注意：如果不使用網格，也務必要使用「對齊與分布」工具。要做出美觀的圖表,最重細節，切記，做好了圖表中的每一個細節別人可能不會有贊言，但若是其中有哪個細節未處理好，是一定有損整體的形象的，會給別人留下不好、不專業的印象的。這點再怎麼強調也不為過。如果有圖形在畫完之後發現不對，又要改成其它的圖形，選中該圖形，在自選圖形窗格里單擊要更改為的圖形，點擊下面的「更改自選圖形」按鈕即可快速更改。
右鍵單擊方框，選擇「添加」文字，按CTRL+E或者點擊工具欄的居中對齊按鈕，使文字居中。在上圖中，有三個方框，其中第一個方框中有兩行字，但是文本框的下邊框遮住了一部分文字，這時，在該文本框內部的文字里單擊右鍵，選擇「段落」，打開「段落」對話框，將「文本框」選項卡里的內部邊距值進行調整。上圖中的第二個文本框就是前者在將上、下、左、右邊距都設為了0之後的結果。

圖http://www.gonet8.com/Article/UploadFiles/200706/200762619445177.jpg
在畫好框型，添加好文字之後，可調整一下各圖形之間的距離，改善整體效果。有這樣幾個原則一定要注意：
1.一條主線下來的過程一定放在同一中線上；
2.同一層次的圖形放在同一水平線上，使用相同的大小，兩兩之間間隔相同；
3.文字使用居中方式；
4.同一主線上的圖形框內文字有多有少，若不能使用相同的大小，優先更改寬度。

圖4

調整好了之後就可以連線了，在連接各圖形框的過程中，多使用自選圖形里提供的「連接符」，除非它不能滿足你的要求，再去考慮使用普通的箭頭。

圖5

連接符的使用很方便，這里不多說，只要注意不同情況下的使用對應類型的連接符就是了。連接完了之後，使用繪圖工具欄上的「選擇對象」工具選中整個圖表，看看是否有沒有連接好的連接符。連接好了的連接符兩個端點應該都是紅色，若是綠色，重連。肘形連接符的邊可能會經過其它圖形的區域，這時候可以拖動它的黃色控制點，使它不與其它圖形重合。下面是連線後的效果：

圖6

最後一步就是美化工作了，用「選擇工具」全選整個圖表，右鍵組合，加上統一的修飾，取消網格的顯示，就可以放到文檔中使用了。

圖7

2、UI設計整個過程一般分為哪些步驟？

嘿設匯app上的回答很全面，分享給你，希望對你有幫助。
一、前期工作
1.畫。草圖記錄理念。用筆記本來收集創意，不時的翻翻可以根據一些有趣的舊點子想一些新玩意兒。
2. 收集圖片。方法有好多種，我習慣Dropbox文件夾分類（例如，我會分成後台界面設計、iOS設計、插畫設計等等）這些圖片，有新項目時可以用來尋找靈感。
3. 情緒板和准備工作。Dribbble，Behance，嘿設匯、Pttrns，Pinterest。我總會准備4個文件夾——PSD，屏，資源，靈感。把和項目相關的東西全分類到文件夾里。
二、開始著手設計
4. 不必在乎線框圖的質量。 線框圖的作用是幫助架構層級，讓彼此更好的理解目的，而不是最終結果。設計師必須懂得去「敏捷」設計，如果真的太在意線框圖的細節，那麼整個設計流程會拉長。
5. PSD - 大尺寸畫布。我一般會創建8000*5000的畫布，不是用來畫出整個應用的UI套件，而是用來記錄元素在不同階段的不同狀態——也就是流程。設計復用很方便，開發看到這種東西也會工作的更快。
6. 所有屏都放入一個PSD中.整體的對比效果會更好，也更容易讓他人理解你的設計理念。
元素的復用也非常方便，只需要復制一下其他屏的圖層/圖層組，修改一下背景或者幾個圖標就成了。
7. 整理、規范圖層和圖層組
我是一個崇尚整齊的人，因此我的PSD結構非常的有序。我個人的規則是，如果超過8個圖層，那麼就創建一個圖層組。
8. 和朋友溝通
我非常重視那些能夠給出專業性反饋意見的人。留意他們的反應和初次看到你設計時的想法，這未嘗不是一種用戶測試。而且多聆聽別人的意見，能夠讓你從不同的角度看待問題。9.圖示
當所有屏的設計都裝入到一個PSD中後做一點圖示，用來暗示交互流程，我覺得這算是一種早期原型設計吧，與此同時，還能充分感受到視覺設計的細節。
三、後期工作——視覺規范
完成了設計工作後，要做的事情就是出一份視覺規范，然後檢查一下整體的視覺層級。我個人認為，無論是小型項目還是大型項目，視覺規范都有其存在的必要性。無論是對你自己，還是對於同事，都能起到很好的規范作用，避免不一致的設計。
10. 配色表
扁平化的要領之一是配色精簡。也方便了我們展現配色表。
11. 字體表
12. 要完善的記錄Logo使用的字體，文本使用的字體，標題使用的字體等等，這對於開發會大有裨益。個人復查作品時也會很有幫助。
12. UI 套件
UI套件非常重要，尤其對於工作對接來說，能夠保持視覺高度的一致性。前端也非常需要這東西。做好了之後丟給前端，他要問你，你就說這東西在UI套件中，他立馬就能明白了。
這一條非常重要，關繫到整體的視覺一致性。

3、應該如何製作web流程圖

一、設計的任務：設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。 網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。 第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。 第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。 第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。 當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。

4、做一個網站網頁（類似於淘寶店鋪那樣的頁面）的概要設計流程圖，我要關於服裝的。

直接套一個模板就可以了，還要什麼流程啊

5、網頁設計流程，用畫原型圖嗎？邏輯誰來設計

首先要有網頁或者說是網站的需求方提供需求內容。
例如頁面要包括哪些，如用戶登錄，注冊，信息展示，甚至在線支付之類的東西。
然後還要有一些具體功能需求，如用戶注冊需要提供哪些資料，如身份證，地址之類的信息。
信息展示具體是哪些。

有需求方先要寫明自己的需求，然後根據需求進行下一步的設計，原型圖肯定要畫，因為沒有圖就無法製作網頁。
先把圖畫好，然後和對方商定細節，例如logo的大小，段落間距，字體顏色，之類的細節東西。
畫好圖並確定後就可以按照圖來製作網頁。
至於內部後台相關也要商定。
具體由誰來做什麼要視情況而定。
例如如果對方公司有美工之類的，可能就直接給你一些素材甚至畫好的圖讓你直接製作。
也有可能需要你自己畫圖或者找人畫圖。

6、建立網站的流程圖?

在開始做網頁的時候你要想好自己要做一個什麼樣風格的網頁,接著就是 要規劃好每個網頁中的各個模塊
這樣就能做出一個好的網站來
網頁做好的話你還有在網上申請個個人空間把做的網頁上傳上去
接著就是申請個域名來跟自己的主頁進行綁定這樣就可以了
大致就是這樣了
不過你也可以在sina申請個博客不過裡面會受到很多限制還是自己做個上傳上去吧
祝你成功!

7、繪制網站建設流程圖與繪制辦公室布局圖由什麼區別和聯系

網站建設流程圖是網站策劃中對網站結構 ，欄目等規劃設計的流程圖。或網站建設進度流程圖。整體從策劃角度講。和辦公司布局圖沒有實質關系。

8、製作流程圖用什麼軟體好？在線等的，謝謝！

Visio、億圖圖示、Axure等都是不錯的流程圖製作軟體。後三者都有試用版或者是免費版，雖然不能夠使用一些專業的功能，您可以先下載嘗試一下那個更為適合您的使用習慣。以下是詳細介紹：

1、億圖圖示是一款跨平台、多功能、同時支持雲儲存、分享功能的專業圖形圖表繪制軟體。除了各種流程圖以外，億圖圖示同時也支持繪制思維導圖、工業設計、組織結構、建築平面圖、計算機網路、信息圖等不同制圖的需要；

2、Visio是由微軟推出的，功能也比較強大，但是無論是標准版還是專業版價格都比較貴，不太推薦非專業或者個人用戶使用；

3、Axure，這個主要是用來進行軟體原型線框設計的，同時具有流程圖功能，特點是非常簡潔易用，如果作很單純的說明性的流程圖（注重功能講解的），用這個很方便。

4、還有迅捷流程圖製作軟體，這是一款功能強大的輕量級思維導圖製作工具，可用於繪制各種專業的業務流程圖、程序流程圖等。

9、網頁美工和程序員詳細的工作流程和步驟是怎樣的？有流程圖更好，謝謝

一般來說，作為專業公司的網站建設流程都是這樣的：
1.先是由美工用Fireworks 或者 Photoshop 設計出平面外觀，
2.再由美工用Dreamwerver 把已經設計好的平面圖，做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了。一個網頁優化得好不好，在這個方面其實是一個比較重要的地方了。這個地方做得好，程序員也可以省很多時間
3.由程序員添加程序、連接後台、連接資料庫；美工再進行一些FLASH的製作和一些網頁文件的修改

當然以上三個步驟省略了和客戶溝通這一項，必要的時候美工或者程序員還必須和客戶進行面談。

當然也有很多公司在第二個步驟的時候，是由程序員完成，因為有的時候程序員的設計思想和美工的設計思想不太一樣。

所以你所要學的軟體一般是Fireworks或者Photoshop、Dreamwever、FLASH、HTML語言；如果你想進一步提高的話，最好懂得CSS技術，和DIV技術，FLASH的AS語言。呵呵

這里如果你懂得CSS和DIV的話對你的美工是一個絕對的飛躍；如果FLASH你懂得AS的話，那也絕對是一個很大的提高的。

網頁美工的技術水平越高，一般來說花的時間就越久。
一般來說Fireworks或者Photoshop認真學3個星期，你就很熟悉了（當然你還必須經常用，否則還是很容易忘記掉）；Dreamwever也大概用一個月，就可以比較容易控制了。FLASH基本的東西在一個月也可以完全學會。但是那些語言和一些技巧，就要看有沒有人教你了，自己在家裡閉門造車是很難有太大突破的。
不過Photoshop 和 FLASH 在很多方面（比如快捷鍵等）都是一樣的，所以你學會了一個軟體以後，其他的你也會很快就記得。所以你全部軟體都學會的話，並不是一個簡單的時間相加。