想要讓網(wǎng)站中的網(wǎng)頁來吸引人氣，提升用戶忠誠度，關(guān)鍵就在于網(wǎng)頁的策劃上，只有策劃到位，才能夠更好的切中用戶的需求核心，從而有效激發(fā)網(wǎng)頁的利潤 潛力。通常一個網(wǎng)頁的策劃工作主要包括下面幾個方面的內(nèi)容：需求分析、針對競爭網(wǎng)站的調(diào)研以及網(wǎng)站架構(gòu)及文化設(shè)計，{zh1}就是有關(guān)網(wǎng)頁設(shè)計和后臺程序以及客 戶需求的有效溝通等。由此可見網(wǎng)頁策劃工作的重要性。

　　但是很多時候，站長們在網(wǎng)頁設(shè)計時，并不十分重要網(wǎng)頁策劃工作，往往是做到哪里是哪里，從而讓網(wǎng)頁設(shè)計出現(xiàn)不同程度的錯誤，下面就來對這些常見的錯誤風險進行分析和規(guī)避。

　　{dy}個錯誤風險，就是網(wǎng)頁邏輯表面上完整。要知道正確的網(wǎng)頁設(shè)計邏輯應(yīng)該是提供激情內(nèi)容，激發(fā)用戶興趣，形成信任關(guān)系，促進消費欲望，最終形成 消費行為。很多站長在構(gòu)建網(wǎng)站時，雖然也遵循著這種網(wǎng)頁設(shè)計邏輯關(guān)系，但是從策劃上更多注重表現(xiàn)上的邏輯，也就是說從思想中能夠了解這個理論，但是從實際 的網(wǎng)頁設(shè)計過程中，卻存在著不同的邏輯要點被割裂開來。要么只有激情內(nèi)容，要么只有消費欲望，而沒有將這個邏輯關(guān)系從頭至尾的串聯(lián)起來。

　　所以要想解決這個問題，最重要的方法就是循序漸進的設(shè)計，首先要將內(nèi)容選擇好，讓用戶喜歡這些內(nèi)容，然后通過擴展閱讀進一步激發(fā)用戶信任度。而在擴展閱讀的過程中，還要串聯(lián)一些解決問題的方法，而這些方法往往需要一定的消費能夠解決，從而促使用戶的最終消費。

　　第二個錯誤風險是網(wǎng)頁要面面俱到的抓亮點。很多站長喜歡讓網(wǎng)頁變得wm無缺，這樣似乎能夠更好的吸引用戶?？墒俏覀冎理n國美女雖然經(jīng)過多次整 形，無論是從臉蛋還是從體型都變得wm無缺，可是我們卻始終認為這樣的美女缺乏tr性，總會在心理產(chǎn)生一種被蒼蠅咯吱的感覺。因為當所有的網(wǎng)頁都變得wm 時，就沒有突出的亮點，從而缺乏對用戶的吸引力。所以我們在策劃網(wǎng)頁時，就需要注重可能會產(chǎn)生亮點的部分要進一步凸顯，而其他的設(shè)計僅僅為這個亮點進行烘 托，這樣才能夠有效的規(guī)避這種策劃風險。

　　第三個風險就是玩小心眼?？墒俏覀円欢〞缆斆鞣幢宦斆髡`的典故，如果在網(wǎng)頁設(shè)計中，通過賣弄自己的小聰明，盡可能的調(diào)動消費者消費的欲望， 往往最終的結(jié)果是被用戶所拋棄。比如有的站長喜歡將產(chǎn)品的價格先升的很高，然后再來個吐血大甩賣，這樣消費者就會認為自己占了便宜，而愿意掏錢購買產(chǎn)品。

　　可是這種做法事實上已經(jīng)被玩膩了，消費者對于這樣的小伎倆還是很容易識別的，所以在網(wǎng)頁設(shè)計時，需要緊密結(jié)合自己產(chǎn)品或者服務(wù)的優(yōu)勢來進行合理夸大的描述，千萬不要吹牛吹得臉都不要了，這樣的結(jié)果只能夠讓消費者選擇拋棄。

　　由此可見，網(wǎng)頁想要設(shè)計成功，其核心要素就需要注重邏輯關(guān)系的緊密聯(lián)系，而且針對每一個邏輯節(jié)點都需要進行詳細的設(shè)計和規(guī)劃，從而讓這些邏輯節(jié)點形成吸引用戶的亮點，這樣才能夠有效提升網(wǎng)站的吸引力以及利潤率，達成網(wǎng)頁設(shè)計成功的目的。

　　文/前端外刊評論

　　注：現(xiàn)如今快要被各種各樣的 CSS 前端框架給淹沒了，真做的不錯的其實也就那么幾個。本文將對比五個我認為是現(xiàn)在{zh0}的框架。這些框架每一個都有自己的優(yōu)缺點和適用的應(yīng)用類型， 你需要根據(jù)自己的需要來選擇不同的框架。

　　例如，如果你的項目簡單，就不需要使用一個復雜的框架。又或者，很多框架都是模塊化的，你可以只是用你需要的模塊，或者把不同框架的模塊混到一起使用。

　　我將要介紹的這些框架的順序與它們在 GitHub 的流行程度有關(guān)。自然，就是從{zlx}的 Bootstrap 說起。

　　提示：在接下的幾周或者幾個月內(nèi)，下面的一些信息很可能會過時。比如 GitHub 上的 star 數(shù)、版本號等等。如果你在文章發(fā)布很久之后來讀本文的話，一定別忘了這一點。還有，下面這些框架的大小指的是經(jīng)過壓縮的必要的 CSS 和 JavaScript 文件大小。

　　Bootstrap

　　Bootstrap 無疑地是目前這些類庫的lpz。它非常流行，流行程度還在{yt}天的增加。這個令人贊嘆的工具集不會讓你失望的，在你構(gòu)建成功站點之路上少不了它。

　　作者：Mark Otto 和 Jacob Thornton

　　發(fā)布時間：2011年

　　{zx1}版本：3.3.

　　流行程度：GitHub 上 75,000+ 的 star

　　介紹：“Bootstrap 是{zlx}的 HTML、CSS 和 JavaScript 框架，可用來開響應(yīng)式的移動有限的 Web 項目?！?

　　核心理念/原則：響應(yīng)式與移動優(yōu)先

　　框架大?。?45 KB

　　預(yù)處理器：Less 和 Sass

　　響應(yīng)式：是

　　模塊化：是

　　上手模塊/布局：是

　　字體圖標：大半 Glyphicon圖標

　　插件/擴展：無，不過有大量的第三方插件

　　特色組件：超大屏設(shè)計

　　文檔：完善

　　自定義：基礎(chǔ)的 GUI 自定義;不過你需要手動輸入顏色值，因為不支持顏色選擇器

　　瀏覽器支持：Firefox、Chrome、Safari、IE8+ (IE8 的話需要使用 Respond.js)

　　開源協(xié)議：MIT

　　Bootstrap 使用心得

　　Bootstrap {zd0}的優(yōu)勢就是它非常流行。從技術(shù)上講，它并不是比其他在列框架要優(yōu)秀。只是它有很多資源(文章、教程、第三方插件和擴展以及主題構(gòu)造器等等)，比起其他 四個框架合到一起還要多。簡單地講，Bootstrap 就是無處不在。這也是大家繼續(xù)使用它的原因。

　　提示:當我說“特色”的組件，這種特色就是針對目前列出的這些框架而言的。

　　Foundation(ZURB)

　　Foundation 是這個領(lǐng)域的第二大玩家。擁有像 ZURB 這樣的公司在背后支持，不得不說seo顧問它確實有一個非常堅實的基礎(chǔ)?？傊?，F(xiàn)oundation 被很多大的網(wǎng)站采用。包括 Facebook、Mozilla、Ebay、Yahoo 以及 National Geographic 等等。