網頁設計誤區

1、網站建設的策劃應該避開的誤區有哪些？

網站的策劃應該避免下面幾個的誤區。
1、缺乏客觀理性分析：在網站策劃中，很多企業老闆都希望將網站建設成自己喜歡的模樣。但要知道的是，網站是為了吸引目標客戶進行瀏覽的，宣傳企業品牌，傳播企業文化。那麼，網站建設就應該圍繞目標客戶的需求進行，在網站策劃時應該理性客觀地分析客戶的需求。
2、過於堆砌技術：一個網站是否成功，不僅是需要網站有著技術支持，還包括人為因素，比如管理、服務等。技術只是網站建設中的一環，它更像一種工具，而瀏覽者關注的不是你用了什麼工具，而是網站呈現的內容。
3、缺少調研基礎：很多番禺中小企業只將企業的文字圖片資料搜集好交給網站建設公司去製作，並且要求在幾天之內將網站建設好，這種心態下建成的網站質量自然不會高。
4、網站內容質量低：如果網站的內容質量沒有保障，排版混亂，會導致用戶黏性低。一個好的網站整體的布局應該有條理性，訪問者很容易就可以找到自己需要的內容。網站的內容要具有原創性、可讀性，內容是給用戶看的
5、忽視移動端網站的重要性：移動端的重要性不容忽視。如果移動網頁沒有優化，載入速度慢，從移動端訪問的用戶會迫不及待的關掉網頁。
上述內容是網站策劃當中常見的幾個誤區，總而言之，網站策劃包括了解客戶需求，客戶評估、網站功能設計、網站結構規劃、頁面設計、內容編輯，撰寫「網站功能需求分析報告」，提供網站系統硬體、軟體配置方案，整理相關技術資料和文字資料等。

2、什麼是網站Web端互動式設計的常見誤區

交互設計的5個常見錯誤
艷麗的圖片、順暢的滑鼠懸停效果和意外的動畫，不再那麼容易引起用戶注意了。但難題卻沒有解決——如何創造令人愉快的用戶體驗，讓用戶面帶笑容完成轉化？如果你對常見的設計陷阱有所警覺，就能更少犯錯。
為了方便——可能也為了讓你知道你不是獨自一人——以下總結了最常見的交互設計誤區。
1、鋪天蓋地的創新
網頁設計師都非常有創造力。我們希望通過作品來表達自我。我們總是在尋求創新的設計方法來脫穎而出。但是，當涉及到交互設計時，創新並不總是好事。甚至會給你的網站帶來壞的影響。用戶渴望熟悉的事物，他們總是會遵循一些特定的操作方式。
Randy
J. Hunt，Etsy的創意總監和Proct Design for the
Web作者，清晰地陳述過：「嘿，設計師：別再TM自作聰明了。」在文章中，他詳細解釋了為什麼別在網頁設計上過分熱衷創新。
以Iotorama網站為例。它挺漂亮，音樂深情，但是看著滿屏幕移動的球，用戶不知所措。不要誤解我的意思，這個項目非常出色，超級有創造力！我喜歡這個大膽的創意，但它一點也不直觀。

還有一個例子。Safety on the
Slopes項目背後的創作者想到一個巧妙的互動式圖形，用來警告用戶冬季運動的危險。非常創新，同時也很直觀、有趣、令人印象深刻。

2、令人困惑的導航
「不要自作聰明」的准則也可以沿用到導航上。有些設計師試圖使用折衷的名稱來尋求新穎。比如Chijoff
網站就讓用戶不知道他們究竟提供什麼，如何聘請他們。需要看上好一陣子，才能理解「共同創造」頁面實際上就等同於「服務」。甚至還有，通讀整頁後用戶仍然
不知道該怎麼做……頁面末尾只有個小注冊表單用來獲取最新的行業新聞和提示！在「聯系」頁面也沒有表單，只有郵編和郵箱地址。使人們聯絡或聘用他們非常困
難。

你能猜出「Universe」在Maison
Margiela網站中是什麼意思嗎？實際上它鏈接到他們的Facebook主頁。誰能想到？

相反，看看legworkstudio的網站。它的創意與超凡令人震撼。導航非常清晰不含糊。用戶絕對不會迷路。
3.
雜亂無章
有一段時期，網站都試圖把一切可能的東西擺上檯面。那些日子已經一去不復返，但是很多網站仍然在犯這個錯誤。看看這個在線商城：

設計師試圖堅持一種單色配色，但是大量顏色不同的色塊、logo和字體，在這個頁面上就足夠讓用戶步履蹣跚。搜索框有著醒目的文案：「那麼，今天你想要什麼？」，但整個布局的外觀和感覺非常過時。
EBay是主要在在線零售商之一，在這點上做得不錯。沒有用產品圖片、促銷和各種行動召喚塞滿整個頁面，而是保持它干凈簡潔，強調他們確實希望用戶首先關注的東西，並附上清晰的提示，接下來該怎麼做。

4.
注意對比，大哥！
對比是創造視覺層級、吸引用戶注意特定元素的最重要的方式之一。在網頁設計中，對比不僅僅意味著顏色使用，也包括尺寸、形狀和位置。
這個網站是最簡單生動的例子。他們做到了統一一致，但整體背景和按鈕並不夠吸引人，尤其是在訂購按鈕上。

相比來看這個。顏色選用很接近，但結果卻完全不同。而且，創新的滾動效果，流暢地介紹了產品的新功能——反光材料。很酷，對吧？

5.
忽視表單樣式
表單設計是用戶體驗最基本的部分。每個網站都有一個目標——無論是樹立榜樣、直接售賣產品或是提供信息。不幸的是，許多網站有著光鮮的首頁，卻寧可用長表單和復雜的驗證碼來使用戶厭煩致死。除非用戶有強烈的先導動機，否則他們就會離開。
有了JCF這樣的有效的跨瀏覽器的解決方案，是時候忘記那些醜陋的默認表單元素了，轉向一種更加沉浸的用戶體驗吧。

另一件氣人的事，是表單要求太多信息，或者沒通過完善測試。例如sketchybusiness.io的表單高亮顯示了所有的空白框，甚至包括非必填項。

如果你看了sketchybusiness.io的表單，你絕對會喜歡它的滑鼠懸停和按鈕按下狀態。而且，「別害羞」的提示文案增加了一絲親切幽默的感覺。

最後……
不要懶於測試！對你重要的對於顧客未必重要。他們在哪裡遇到問題卡住？是導航、奇特的視覺差滾動效果、還是長時間載入的視頻？用戶測試的最大好處之一，是你可以通過用戶的視角來觀察，關注他們的需求、做出改進。不要抑制你的創造力。要牢記網站訪客可能會感到困惑和沮喪。
你見過最糟的交互設計錯誤是什麼？可以在評論中分享你的想法和故事。

3、網頁設計要注意的幾個要點，幾點網頁設計時注

一、精簡代碼

為了更有利於網站優化，要符合web2.0標准，盡量使用DIV+CSS設計網頁，合理布局標簽要盡量減少div層，使用描述標簽，精練的描述網頁，將網站重點內容與經常更新的內容代碼盡量靠近的位置，還要注意頁面不要超過125K。

二、網站導航重點設計

網站的導航是網站優化很重要的武器，網站的導航全站通用，要盡量用文字導航，千萬不要用圖片和flash等，若非得要用圖片請一定加上alt屬性。Flash則盡量避免，Flash的效果是很好的，但載入很慢，搜索引擎也無法讀取Flash文件，不利於之後網站優化。

三、少用腳本和外部調用

網站的JavaScript和CSS等文件一律外部調用，不要把代碼寫在網頁中，並且盡量減少腳本文件個數，這樣不僅僅有利於網頁載入速度也有利於搜索引擎蜘蛛的抓取，之後網站優化才會更給力。

四、避免頁面重復

每個頁麵包換標題、描述和關鍵字等都應該不一樣，需要注意的是很多設計師會做一個通用的模板，而用的時候又忘記修改。標題一定要是具有獨特性的

五、圖片與文字鏈接加上屬性

記得要給所有圖片加上alt屬性，還要符合W3C標准，搜索引擎會讀取alt屬性，圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上TITLE屬性，8U網路推廣提醒大家要盡量減少用圖片代替文字

六、網頁布局結構

麵包屑型導航，樹狀扁平化結構。為了更有利於網站優化，有利於百度收錄，要降低頁面的層次，首頁點擊不出三次可以到達網站任何一個頁面，任何頁面都可以很快的回到想要的頁面。文章內容部分先於其他部分顯示，設置上一篇、下一篇文章，根據文章的關鍵詞設置相關文章，如果文章內容多分幾頁顯示，需要保持每頁的網頁標題、文章內容均不同，避免出現復制內容問題。

4、企業對網站建設的誤區有哪些

1、網站設計的明確
確定需要建設網站，那麼首先就需要確定企業的網站頁面設計風格，品牌形象的logo設計，整個網站的構架搭配，頁面設計，版面設計，甚至包括哪些地方本使用動態效果，哪些地方搭配文字信息，這些都需要納入到整體網站品牌形象設計。尤其是logo設計，這個logo代表的就是企業品牌與商標，是長久有效的。

2、網站的架構布局
對於大眾用戶來說，進入網站後給他的第一眼就是網站布局設計。不同類型的網站設計風格也不一樣，在建站前期需要做一個合理的頁面布局規劃，想好需要實現的功能，想要的板式類型和主要的面對用戶群，但是不管怎麼設計，網站的作用都是為了能直接吸引用戶，讓用戶能更快的了解企業產品及技術。這時候我們要准備好素材，包括網站中需要的內容，文字，圖片，產品等信息。
網站的主題元素在建站的時候不可以過度分散，企業網站主題元素越集中，一般狀況下企業網站所有者在這塊投入的精力會越多，因而所提供數據的質量也會越高，那麼網站在打開載入的速度上就會大大折扣變的很慢。

3、網站按鈕布局
網站的導航欄布局的不好，將導航欄布局在了不起眼的地方或者是錯誤的位置，當用戶來到公司網站，想要了解網站更多內容的時候，卻找到不到其他頁面的按鈕，那這個問題就相當的嚴重了，不僅會讓用戶對網站失去興趣，也會讓搜索引擎對你的網站失去興趣。
導航欄的設計要依據邏輯思維和建站常識，讓用戶盡可能少的點擊，就能到達任何想要到達的頁面，這才是理想的導航設計。一般從首頁到內容頁，從內容頁到首頁，不要超過三次點擊，這樣的頁面布局設計就成功了。

4、網站頁面特效
格子網路網站建設， 有許多的企業網站會為頁面添加了特效。這些效果一般通過Javascript實現，視覺上非常新穎，但在網站優化的眼裡則沒那麼誘人，相反搜索引擎不能解讀這種程序。如果想讓搜索引擎順暢抓取到網站頁面內容，建議還是不要使用Javascript實現的動態畫面。

5、網頁設計的設計誤區

一、不重視域名和空間
不少企業在進行網頁設計時的時候，不注重域名和空間的穩定性，隨便找個域名和空間來注冊。一個空間可以存放很多網站，一旦其中一個網站被降權或被K那將影響到其他的網站，選擇好的、有保障的供應商非常重要。
二、注重外觀不注重實用
很多企業在進行網頁設計時，網站注重網站外觀是否漂亮，有的網頁為追求漂亮，用了大量的flash，實際上flash不利於網路蜘蛛的抓取，不利於企業開展網路營銷，建議企業在進行網頁設計時的時候，不僅要重視它的外觀是否漂亮，還要注意網頁是否迎合搜索引擎的喜好。
三、網站維護的缺乏
很多企業把網頁建好以後就不管不問了，有的網頁成年累月沒有更新內容，這樣網路就無法收錄對於企業來說，必須找一些專業人士進行網頁內容更新。

6、高端網站建設需要避免哪些誤區

網站的策劃應該避免下面幾個的誤區。
1、缺乏客觀理性分析：在網站策劃中，很多企業老闆都希望將網站建設成自己喜歡的模樣。但要知道的是，網站是為了吸引目標客戶進行瀏覽的，宣傳企業品牌，傳播企業文化。那麼，網站建設就應該圍繞目標客戶的需求進行，在網站策劃時應該理性客觀地分析客戶的需求。
2、過於堆砌技術：一個網站是否成功，不僅是需要網站有著技術支持，還包括人為因素，比如管理、服務等。技術只是網站建設中的一環，它更像一種工具，而瀏覽者關注的不是你用了什麼工具，而是網站呈現的內容。
3、缺少調研基礎：很多番禺中小企業只將企業的文字圖片資料搜集好交給網站建設公司去製作，並且要求在幾天之內將網站建設好，這種心態下建成的網站質量自然不會高。
4、網站內容質量低：如果網站的內容質量沒有保障，排版混亂，會導致用戶黏性低。一個好的網站整體的布局應該有條理性，訪問者很容易就可以找到自己需要的內容。網站的內容要具有原創性、可讀性，內容是給用戶看的
5、忽視移動端網站的重要性：移動端的重要性不容忽視。如果移動網頁沒有優化，載入速度慢，從移動端訪問的用戶會迫不及待的關掉網頁。
上述內容是網站策劃當中常見的幾個誤區，總而言之，網站策劃包括了解客戶需求，客戶評估、網站功能設計、網站結構規劃、頁面設計、內容編輯，撰寫「網站功能需求分析報告」，提供網站系統硬體、軟體配置方案，整理相關技術資料和文字資料等。

7、Web前端開發的六大誤區

隨著互聯網+提出以及移動互聯網技術的快速發展，web前端開發越來越重要，在這兩年迅速走紅，越來越多的開發者加入前端開發隊伍。不過目前大學中還沒有對前端系統的課程體系，再加上web前端技術的更新迭代，大家對它的認識也各不相同。下面小編給大家介紹web前端開發易出現的六個誤區。
誤區一：網頁不全面考慮
大部分前端呈現使用DOM,但DOM用得多了會有性能問題。現在很流行列表頁頁底上拉載入更多，但很少有前端關注載入的極端問題，如果一個頁面我下拉了很多次，載入了幾千個DOM，會發生什麼問題?答案是輕則頁面響應緩慢，重則瀏覽器閃退。
另外舉個例子：LocalStorage使用起來確實方便，很多企業的前端重度依賴它，甚至知名的前端開發框架也依賴它。但它有個缺點——有容量限制(2.6M-10M)，我們得考慮極端情況，當LocalStorage空間快滿時，怎麼處理。或在架構上避免這種極端情況的發生。
誤區二：前端只是JS
有些人會認為，前端開發只有js，其實非也，不是所有的效果只有js能夠解決問題，還需要掌握很多知識，比如：瀏覽器原理，html5,css3等。比如說做一個觸摸屏上的轉盤，看似一個簡單的效果，但是代表了前端知識的綜合應用。你沒有觸摸屏開發經驗，不知道CSS3或canvas，不了解網頁優化，是做不出來的。前端是綜合技術的應用，只會JS是解決不了問題的。
誤區三：前端不需要了解後端知識
隨著行業在發展著，前端的功能越來越強大。離線資料庫能提供數據存儲和管理的功能，但不會寫SQL語句顯然已經行不通。WebSocket能提供即時通信，但不了解socket和WebSocket的區別，能和後端開發(很多後端開發只會socket技術)一起搭建嗎? 加快頁面展示速度不只是要從前端分析，後端也要考慮到，使用keep alive、 緩存等後端技術能使頁面更快地打開。
對於想要深造或者是從事web前端開發工作的人，如果自學能力強，可以依靠自身來學，不過也可以到培訓學校學習，源碼時代是一家專業培養web前端、java、PHP、UI設計高級人才的IT教育培訓機構。歡迎大家的加入與咨詢了解。
誤區四：利用現有的，不學新東西
有60%的人沒有h5和CSS3的實際工作經驗，甚至只聽過一些名詞，沒有研究過。這種狀況的原因可能和工作內容有關，目前國內的一些移動端網頁還是比較中規中矩的，產品經理對前端實現很少有非常規的要求。一些前端開發者的任務是把後端的數據給呈現出來即可，這些確實CSS2也能實現。但這些也不是不學不用新技術的理由，啃老本總有一天被淘汰。
誤區五：不使用/不推動 新技術
我們已經有新的技術了，不要把它們浪費了，是時候對以前的網頁和以前的操作方式進行變革了。試問一下自己，網頁用了CSS3動畫嗎?網頁支持多點觸摸操作嗎?距離感應器，動作感應器，你用了沒有?並不是說為了用而用這些新技術，而是更應該將技術不斷提升，將新技術運用到工作中。
誤區六：頁面給用戶看，用戶能用就好
Web App一直在覬覦Native App的位置，有的Web App和Native App 根本看不出差別。Web App大紅大紫，各種前端MVC框架也風聲水起，但它們都有個問題，幾乎沒法做SEO，因為搜索引擎無視JS。流量是企業的立命之本，SEO做得好能引來大量的流量，所以前端還是得考慮SEO問題。

8、一個成功的網頁設計要注意什麼

我們在網站設計時，往往追求網頁給人感覺漂亮，大方。從運營角度看，需要追求用戶體驗度好。那麼網頁設計時，需要注意哪些要點呢？網頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網站的整體風格
將你的標志logo，盡可能的放在每個頁面上最突出的位置。突出你的標准色彩。總結一句能反映貴站精髓的宣傳標語！相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！
二、網頁色彩的搭配
用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。用兩種色彩。先選定一種色彩，然後選擇它的對比色。用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：不要將所有顏色都用到，盡量控制在三至五種色彩以內。背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。
三、網頁設計的工具
dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具。Frontpage 跟dreamweaver一樣，不過個人感覺還是dreamweaver好。FLASH 網頁需要畫面流動時的首選擇。PS圖象處理軟體，一般網頁都需要。圖片相搭配，PS是款很強大的工具。FW跟PS一樣都是圖象處理軟體，但FW偏向與對網頁的處理。

9、網頁設計有哪些細節需要注意

　　1、切勿隨意添加欄目：作為美工，這一行為是要避免的，如果隨意給界面添加表單、鏈接、「更多」等需要後台開發才能支持的功能，這樣隨意添加，就無形的更改了網站最初的需求，增加了項目的工作量，會影響網站的整體功能，同時也增加了後期測試的工作量，另一種可能就是不符合用戶的需求，導致後期還需要重新修改。
2、切勿隨意篡改設計：沒有按照欄目的邏輯來設計頁面，也沒能為網站的內容進行良好的呈現。這種行為只是單純的為了自己能在網頁設計時方便，從而隨意的消減了很多網站的內容。
3、隨意切圖，不考慮頁面動態擴展：這個一般是美工技術含量不夠導致的。切出的圖片只能用在一個界面尺寸里，換個頁面，就需要重新切圖，沒有任何擴展性，要結合響應式網頁設計的原理，進行合理切圖。
4、圖片好看，但是沒有實在的意義：給一個美工一個新聞主題，讓他給做一個Banner，但是做出來之後，和新聞主題沒有任何的關系，僅僅是好看。還有一些美工，更加對工作不負責任，只是把一個圖片做了一下PS，這樣對網站的整體效果都是有害的。
5、整站界面風格：在後期維護網站的階段，美工們在製作圖片時，沒有考慮當前網站的風格，隨意變換圖片基本色調，在網頁色彩搭配設計時，不合理配合網站整體風格，會影響網站後期的優化工作。

10、網頁設計出現的誤區

1、誰都可以做好網頁設計
如果你問隔壁小明他能否給自己做一個網站，他可能會說網頁設計他手到擒來之類的話，但是他真正做出來的東西，可能並不是那麼一回事。
他用Dreamweaver在1個小時內做出來個網頁Demo，千萬不要被那唬住。真正的的網頁設計是一門綜合學科，集合了信息架構設計，用戶界面設計，排版設計，色彩搭配，字體設計等多門學科，只有真正將這些方面都正確兼顧到了才能做好網頁的設計。
2、填滿頁面所有的空間
千萬別這么干!留白(或者負空間)有著非常重要的作用，它與網頁上的其他的視覺元素相互依託，是構建一個優秀網頁的重要組成部分。有留白，才能創造出網頁的視覺焦點，讓網頁的設計感更強，更易於瀏覽和使用。想知道留白是如何使用的?看看Apple的官方網站就知道了。當然，留白並不一定非要是白色的。永遠不要填滿你網頁所有的角落，適當的留白永遠比這樣設計好看。
3、所有的細節都必須醒目
對於網頁排版有種誤解，認為網頁中所有的東西都要要大，要粗，要閃，要亮(親愛的老闆們，你們又躺槍了……)。是的，我們將內容放到網站中是希望它們能被注意到，能脫穎而出。可問題在於，如果所有的內容和元素都加粗了，閃耀了，那麼什麼內容都不會突出來的。突出是需要通過合理的布局、差異和負空間烘托出來的。使用不同的字體，主次內容相互依託，圖文混排，優質的內容才會被眼睛捕捉到。
4、大Logo綜合征
是的，這就是廣大設計師津津樂道的大Logo綜合征，這是病，該吃葯。Logo的確是用戶進入網站最容易注意到的元素，但是用戶更應該注意的東西是你網站的內容!當用戶開始注意網站內容之後，它們不再會去看你的Logo，當你強行放大Logo無異於強迫用戶去關注他們不想看的東西。
5、上網搜個圖來用用吧
你永遠無法預知搜索引擎給你扒來的圖片都是從哪兒來的。有的圖片是有版權的，如果你不小心碰到有版權所有的圖片，那麼你將面對的是對方的索賠了(國外很嚴格，國內對這一塊也越來越苛刻了)。
如果你是為公司幹活兒的設計師，不妨在合適的時候請公司購買圖片庫或者資料庫之類的，再不濟也有大把的免費圖片網站供你挑選。總而言之，小心控制好內容，別交無謂的學費。