設計差的網頁

1、平面設計與網頁設計之間的差異性

平面設計和網頁都是設計，但區別又是那麼大，那不就與大自然中的貓和老虎一樣嘛，它們都屬於貓科動物，但又不是同一種生物，有著很大的差別。現在就讓我們來分析一下同樣作為視覺傳達設計，她們之間的差異性。

1、視覺元素

在色彩方面平面設計與網頁設計使用的色彩模式完全不同，平面設計因為後期的實現依賴於印刷，所以採用CMYK的色彩模式，而網頁根據其顯像方式使用RGB的色彩模式。平面設計時的色彩運用注重視覺的沖擊力及視覺流的引導(在這點上與網頁設計中的BANNER設計相類似)，而網頁設計(產品類)更注重的是信息結構關系的梳理，如果將色彩運用的過多過強，很容易引起視覺的疲勞感。

我們平時在設計過程中，平面設計的字體選用更為自由一些，不用擔心後期實現的問題，所有的文字最後都會輸出為圖形進行印刷，而網頁設計就需要考慮的更為全面，並且在字體的選用范圍上也很小，為了讓輸出的成品大小不對伺服器造成壓力，基於html的特性，所有字體都是根據用戶操作系統內默認字體而定的，當然近年隨著技術的沿革與發展，這個差距也逐步在縮小，目前通過html5的API可以實現個性化字體的使用而不需要將個性化的字體最終輸出為圖形，在不增加後端壓力的同時，大大提升了用戶體驗，非常贊。

從圖形使用上，平面設計比網頁設計豐富，表現方式也多樣化，特別是對於產品類的網頁設計，模塊化的設計思路更為明顯，在視覺表現上也是如此，平面對於圖形的表現是不需要考慮到後期的實現的，在一點上是有目共睹的。在來說一下咱們設計時使用的尺寸單位問題，平面設計在使用尺寸標注時都用的是物理尺寸的概念，比如英寸，厘米，毫米等，而網頁使用的像素。

2、呈現方式

3、信息載體

4、瀏覽方式

平面設計的屬於漸進式的瀏覽方式，無法對整個瀏覽的'過程進行多樣化串聯，網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式，在擁有同樣一種信息架構的條件下，信息之間的串聯性更為豐富，用戶選擇信息的自由度更大，但平面設計也自然有其優勢所在，比如平時我在設計照片書這類產品的時候，就很明顯的發現，這一類的產品在電腦顯示器上進行翻閱，不如印刷成為一個真實的書本來翻閱感受要更好一些，並且更具有收藏及紀念意義。

5、信息傳播

平面設計屬於比較傳統的信息媒介設計，一般會通過張貼、銷售、郵寄派送等形式進行傳播，這樣傳播的方式范圍小且成本較高，相對而言在這方面網頁設計的信息傳播能力卻非常的強，但依賴於第三方媒介的支持，平面設計卻擁有更為廣泛的受眾人群，不同的年齡層對於紙張或書本的信息接受能力總是強於網路媒體的，畢竟網路信息獲取的將會存在一個學習成本，在今後網路信息的不斷普及以及終端媒介用戶體驗的不斷提升，在受眾人群方面在我看來差距會越來越小。

2、關於網頁設計的問題。

行行出狀元。
最好找一門你感興趣的行業。網頁設計又叫網頁美工還叫「美術民工」簡稱「美工」。呵呵
網頁美工：主要用到Photoshop Daeamweaver flash DIV+CSS,你會CorelDRAW更好。
CAD用不到。DIV+CSS是必須要學的以後的趨勢。你可以先找一些div+css的教程了解一下。再決定是不是選網頁設計。我認為DIV這東西難度不大但很繁瑣。
Daeamweaver,很簡單不需要很熟練。估計你看看視頻教程2天也就可以用了。
軟體這東西就是個工具，關鍵還是看你的設計 創意。
網頁設計的待遇每個地區都不同幾百到上萬的工資都有。
天賦+勤奮+學習+機遇=成功
祝你好運。

3、現在主要在網頁製作，有時也做一些設計，但是感覺設計能力很差，請問高手們如何能提高設計水平呢?

我也是網頁設計的，首先把基礎知識學好，這個是必須的。HTML語言。要會用代碼和設計視圖做網頁，然後多看看一些大型門戶網站的網頁，尋找一些靈感，你也可以模仿別人的網頁自己開發，看看有多少技術上的差距，在好好把不會的知識學好。

4、網頁設計中遇到的問題

你好，如果是與陌生客戶溝通的時候遇到問題，如何取得客戶的信任是最重要的一步，所以上海營銷型網站建設上一定要有明確的、顯眼的、有始有終的一套榮譽資質展示系統，如原產地證書，3C、ISO認證等。還有就是在線客服系統，形成與瀏覽者良好的互動，留下瀏覽者的聯系方式，這是流量轉化為訂單的關鍵等，希望對你有幫助，謝謝！望採納！！

5、在中設計的網頁和在瀏覽器中瀏覽的效果不一樣是怎麼回事

Dreamwaver是瀏覽器嗎？我怎麼沒聽說過啊。不會是最新出品的吧，改天有空我也去試試，看看會不會比IE更好。好的話我也去換一個。

Dreamwaver是一個網頁製作的軟體，而不是瀏覽器。用軟體做的網頁就跟瀏覽器有關。在不同類型的瀏覽器中所顯示出來的網頁有時是會不同的。因為它們都有自己的一套風格。

6、設計自己的網頁

初級前端

主要學習三個部分：HTML，CSS，JavaScript

一、html + css部分：這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先順序等這些自學起來也是非常容易。最後再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。

二、JavaScript部分。1.基礎學習：難點，也是重點，要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反復研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。另外，js面向對象編程必須要學習，非常重要，個人推薦一本書， Stoyan Stefanov著，凌傑譯的《javascript面向對象指南》。邊學邊練，實踐出真知。

針對那些有條件的人來說，很多小夥伴更喜歡的是自學。但是一個人自學畢竟力量是有限的，為了讓想學習的人可以更好的學習，給大家推薦一個裙，前面是6 1 1，中間是肆 二 8，最後面就是壹 四 二，這里有很多想學習的人和你一起交流，也有大牛每天晚上免費教學，想要學習的人都可以加入我們，但是我們只歡迎想學習的人，不是來學習，隨便看看的就不要進了。

2.jQuery學習：這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的復雜操作，消除了Javascript跨平台兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。慕課網學習視頻幕課網。學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。

大概流程就是這樣，如下圖所示：3.進階學習：有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。

中高級前端

1.工具學習習：大型項目中，前端代碼構建已經不是簡單的壓縮一下了，依賴管理、模塊合並、各種編譯步步不可缺少，需要學會使用grunt、gulp等前端構建工具，要學習的還有：包管理器bower、npm，代碼優化CSS Lint、JSHint、JSLint，CSS預處理器less、sass,代碼管理及版本控制svn、Git，web框架/伺服器Node、Express，代碼規范、HTML模塊化、css模塊化。

2.布局框架學習如Bootstrap。

3.新技術html5學習。

4.js框架學習，requireJS、 AngularJS等，往前端架構師靠近。

5.nodejs學習。

到招聘網站，參考任聘要求，准沒錯，舉例如下：

1.精通html和css，能製作符合W3C標準的靜態頁面；2.精通JavaScript編程，對面向對象編程思想有深刻理解；3.精通主流Javascript庫/框架jQuery；4.理解並掌握JavaScript語言核心技術DOM、BOM有Javascript性能優化經驗；5.對瀏覽器兼容性有深入的研究，精通各種瀏覽器問題 ；6.了解Backbone.js、AngularJs等MVC框架並有實際項目開發經驗；7.了解http://asp.net等伺服器後台技術和擁有一定的C#編程能力者優先；8.對交互體驗、可用性、用戶體驗有一定程度的理解；9.有良好的責任心和團隊合作能力、能承受較大的壓力；

自己動手搜索下吧，確定目標和方向，以上是個人路線，僅供參考。

7、UI設計和網頁美工的區別是什麼

UI設計只是網站美工的一部分，網站美工需要學習的內容有UI設計，PS，AI，html語言，javaScript語言等。

網頁美工局限於美術設計和頁面製作，UI注重交互，用戶體驗是第一目標。

UI設計師的職能大體包括三方面：一是圖形設計，軟體產品的產品「外形」設計。二是交互設計，主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計，並且確立交互模型，交互規范。三是用戶測試/研究，這里所謂的「測試」，其目標恰在於測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶問卷的形式衡量UI設計的合理性。

網頁美工需要學習網站概念知識、色彩構成、網頁設計中的美學規律、FIREWORKS網頁圖形處理、FLASH二維動畫、PHOTOSHOP平面設計軟體在網站設計中的應用、作品設計及點評等內容。

拓展知識

UI設計：UI即User Interface（用戶界面）的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。

網頁美工：是精通美學，photoshop（PS），FLASH，dreamwaver（DW）等一網站製作軟體的網路人員，必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來並用DW和css排版出來。頁面必須清晰簡潔，還要適宜後台調用。

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

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

9、同樣是設計，為什麼平面，UI，網頁差這么多

第一點，從技能來說，UI設計師需要掌握更多的技能，需要會PS，SKETCH，AI，AE，AXURE等軟體，從零基礎學到可以上班至少得半年多的勤奮學習。UI設計師基本上界面設計，電商設計，網頁設計，插畫設計都得會，所以工資會比較高於平面設計師。
第二點：從公司角度來說，平面設計師給公司帶來什麼？也就是日常的一些包裝宣傳什麼的，網頁設計師也就是網頁，但是UI主要是APP，現在APP就是公司的臉面，並且一般來說有APP的需求的公司肯定是比普通只需要平面設計師的公司要效益好的，所以工資肯定有差距。

10、網頁的版式設計應注意哪幾個方面？與平面設計相比有哪些共同點和不同點

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