網頁設計對比

1、網頁設計有哪些好的網站

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
無論是什麼樣的網頁設計常用的工具一般都是以下幾個：PS、FL、DW、FW

2、請教網頁設計和平面設計兩者的對比?

很難對比，不過網頁設計也需要平面設計的基礎。平面設計相對來說學得要專一點。網頁設計要雜一點。最好是先做好平面設計，然後有興趣接觸代碼之類的再轉網頁設計

3、環境藝術設計和網頁設計哪個比較好?

個人偏好網頁。環藝要學的東西很多吧，比如建築、手繪、CAD或3D軟體。以及建築史之類，如果要學的全一些。網頁比較好上手。各有利弊。

4、網頁設計哪些軟體比較好？

一、菜鳥級網頁製作軟體

如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！

①Microsoft FrontPage

如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真正體會到「功能強大，簡單易用」的含義。頁面製作由FrontPage中的Editor完成，其工作窗口由3個標簽頁組成，分別是「所見即所得」的編輯頁，HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。

FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作，又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。

②Netscape編輯器

Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網，使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時，單擊編輯按鈕，Netscape就會把網頁存儲在硬碟中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。

Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。

③Adobe Pagemill

Pagemill功能不算強大，但使用起來很方便，適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill的確是你的首選。

Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。

④Claris Home Page

如果使用Claris Home Page軟體，你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙，對Image Map圖像的處理也不完全。

二、中級網頁製作軟體

如果你對網頁設計已經有了一定的基礎，對HTML語言又有一定的了解，那麼你可以選擇下面的幾種軟體來設計你的網頁，他們一定會為你的網頁添色不少。

①DreamWeaver

自製動態HTML動畫的網頁

DreamWeaver是一個很酷的網頁設計軟體，它包括可視化編輯、HTML代碼編輯的軟體包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾製作動態的HTML動畫，支持動態HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。

DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。

②Fireworks

第一款徹底為Web製作者們設計的軟體

Fireworks的來頭實在不小，它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發，內建豐富的支持網路出版功能，比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系，可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片！

③Flash

讓你的網頁動起來

Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫，還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程，但用其內置的語句並結合JavaScripe，您也可做出互動性很強的主頁來。有人曾經說過：下個世紀的網路設計人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！

④HotDog Professional

製作要加入多種復雜技術的網頁

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創這種標簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。

HotDog是個功能強大的軟體，對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者，是個很好的選擇。

⑤HomeSite

製作可完全控制頁面進程的網頁

Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，並且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。

HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你製作的頁面的進程，HomeSite是你最佳選擇。不過對於生手過於復雜。

⑥HotMetal Pro

製作具有強大數據嵌入能力的網頁

HotMetal既提供「所見即所得」圖形製作方式，又提供代碼編輯方式，是個令各層次設計者都不至於失望的軟體。但是初學者需要熟知HTML，才能得心應手地使用這個軟體。HotMetal具有強大的數據嵌入能力，利用它的數據插入向導，可以把外部的Access、Word、Excel以及其他ODBC數據提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒?此外它還能轉換很多老格式的文檔(如WordStar等)，並能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。

HotMetal為用戶提供了「太多」的工具，而且它還可以用網狀圖或樹狀圖表現整個站點文檔的鏈接狀況。

三、高級網頁製作軟體

①Microsoft Visual Studio

該系列的版本有：2003、2005、2008和未來的版本；

適合開發動態的aspx網頁，同時，還能製作無刷新網站、webservice功能等，僅適合高級用戶。

②Jbuilder

不論是各種版本，均適合使用其開發出JSP網頁，僅適合高級用戶。

③記事本

別以為記事本功能非常少，軟體很簡單；但是，如何想使用它來製作網頁，也僅適合高級用戶；因為在其內容，沒有任何可視化的操作可直接製作網頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態腳本，方能製作出網頁來。

5、平面設計和網頁設計有什麼區別

網頁設計與平面設計雖然都是出於藝術設計，但是網站設計和平面設計還是有很多不同的地方，那麼我們網頁設計與平面設計的區別在哪?
一、在於視覺的呈現
兩個設計在色彩方面的選擇都是不一樣的，平面和網頁的設計時用的色彩模式都是不同的，平面頁設計在創意是運用的色彩在其注重視覺的沖擊力及視覺流的引導，網頁設計注重的是信息結構，簡潔明了關系的梳理，如果將色彩運用的過重過多過強，這樣會很容易引起用戶瀏覽時的視覺疲勞感。平面設計因為後期的實現是因為要依賴於印刷，才能展現在用戶體驗的視覺中，所以必須採用的是CMYK的色彩模式;而網頁設計是根據其顯像方式，在互聯網上展示出真實的視覺，所以使用的是RGB色彩模式。
二、在於展現的形式
平面設計的的展示方式是靜止狀態的，而網頁設計是擁有許多動態的元素，包括按鈕、表單、導航等等。在視覺上也較為豐富，沒那麼死板，這樣才能夠引導用戶有繼續看下去的可能性，增加用戶的互動性。
三、在於視覺的焦點
平面設計的完整性較強，用戶在一頁內基本上可獲得相對直觀的感受。而網頁設計受制於顯示屏大小，會盡可能將重要信息在第一屏內予以展示，因此完整性相對較弱。
四、在於排版的設計
在內容傳播上，平面設計僅限於紙質媒介，傳播力度小，因此在內容排版上的靈活性受限於紙質印刷尺寸的大小。而網站設計則可以靈活出現於各種電子產品載體當中，如桌面顯示屏，智能手機、平板電腦等。而且隨著互聯網科技的發展，自適應頁面技術日趨成熟，同樣的內容，在不同尺寸的瀏覽器下都可以獲得最佳的排版效果，加強了網頁內容排版的靈活性。
五

平面設計的屬於漸進式的瀏覽方式，無法對整個瀏覽的過程進行多樣化串聯，網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式，在擁有同樣一種信息架構的條件下，信息之間的串聯性更為豐富，用戶選擇信息的自由度更大。
這里主要介紹了網頁設計與平面設計的技術性差異。從設計范疇來說，網頁設計接近於平面設計，甚至說，網頁設計是平面設計的一種也不為過，但是網頁設計確實有其獨特性，比如網頁設計的設計空間、設計模式，與平面設計就有很大的不同。
這兩種設計形式擁有著不同的用戶體驗，我們應該根據不同設計內容，選擇正確的設計形式提升用戶體驗。

6、UI設計和網頁設計的區別？

要想了解這兩者的區別，就先來看看他們的定義是什麼。UI設計是指軟體的人機交互、操作邏輯、界面美觀的整體設計，用自己的話來說就是設計軟體和用戶的互動方式。而網頁設計是根據企業希望向瀏覽者傳遞的信息，進行網站功能策劃，然後進行的頁面設計美化工作。現階段的UI設計，通常來說是一定程度上包含了網頁設計的內容的，目前的UI設計面向的方向很廣泛，除了UI設計，還包括了網站管理、網頁設計、交互平台設計、app移動界面設計、用戶體驗、產品設計、電商包裝設計等。而網頁設計通常來講是專門負責網站中各個頁面的設計。而網頁設計中，最先提到的就是網頁的布局。布局是否合理、美觀，將直接影響到用戶的閱讀體驗及訪問時間。

總之，UI設計包含有網頁設計的內容，但是網頁設計是一種更專業的網頁界面、布局等設計。

7、網頁設計和平面設計哪個比較好？

網頁設計比較好吧，畢竟現在網路科技比較發達，網頁設計的技術含量設計范圍也更廣一些，但是平面設計要相對好學一點

8、網頁設計和web前端的區別

前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。
設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員。

9、網頁設計跟平面設計的區別是什麼？學哪個比較好點？

兩者共同點：
1、都需要良好的視覺表現；
2、設計師需要有良好的審美能力；
3、基本都是用同一類軟體；
其實網頁設計應該屬於多媒體設計的范疇，多媒體設計是從屬於平面設計規律而又有很多不同的一個領域，網頁除了注重設計外，更多的是考慮瀏覽的使用體驗，打工速度，程序邏輯，SEO優化各方面的知識，知識面和側重點跟平面設計有很大的不一樣。一個好的平面設計師不一定就能做好網頁設計，網頁注重交互性、操作性跟瀏覽性。如果細分出來主要差別有一下幾點：
1、設計核心的差別
平面設計的核心是品牌。它要以品牌為出發點去設計，要在視覺上100％體現品牌的魅力。
網頁設計的核心是用戶。要以用戶的操作習慣為出發點去設計，換句話說也就是要設計得人性化，讓用戶瀏覽和操作要方便。
2、字體使用有限制
平面設計的字體一般不受限制，為了表現效果，相關的字體中以任意使用。
網頁設計的字體則受到很多的限制，一般中文字體只能用宋體、微軟雅黑。
3、顏色運用的區別
平面設計可以使用成千上萬種顏色，換句話說可以使用所有顏色，但是網頁設計不行！網頁設計中規定相關安全色。
4、處理與製作方面的差別問題
傳統平面設計的作品大多是以印刷的平面形式表現。
網頁設計作品則是透過顯示器表現，並且在傳輸的過程中受到網路頻寬的限制。網頁設計不僅僅是在做設計，更多的是要考慮網頁的打開速度、兼容性等問題。所以有時候不得不為了照顧這些特殊的要求而犧牲美觀。
5、圖片格式和像素的差別
平面設計需要的圖片格式一般為 PSD CDR AI EPS 等比較大的源文件格式 或導出的JPG 一般像素（解析度）大於300的高清晰圖片。
網站設計 一般為GIF 或PNG 或JPG 一般像素（解析度）小於72的）。
6、目的差異
傳統平面的設計作品是以向人們傳達某種資訊或訴求為目的。
網站製作的設計必須是配合網站的內容設計，而不是單純地只為表現藝術而設計。除了擁有平面設計作品的功能以外，還有重要的引導和連接功能，也就是網頁具有很強的可操作性和互動性。