網頁設計新知

接續上篇「設計高易用性網站的8個實用小技巧（上）」前六個易用性小技巧的介紹，本篇進一步介紹撰寫網頁文案及視覺動線的規劃技巧，協助讀者理解高易用性網站的最基本原則。

吸引人的第一視覺區，留住使用者「接近律」與「封閉律」讓使用者快速理解頁面元素行動按鍵上的用字遣詞大大影響頁面轉換率可以點的東西就要「看起來可以點」重要資訊主動展開在頁面上，不要隨易使用頁籤隱藏內容頁面底部與Footer比你想像的重要網頁文案這樣寫，溝通更容易如何掌控使用者在網站上的視線

設計網站最重要的當然是達成網站目標，而易用性好壞也大大影響網站目標的達成率！beBit將透過「設計高易用性網站的8個實用小技巧（上）」介紹網站製作的前6個易用性小技巧，下篇將介紹撰寫網頁文案及視覺動線的規劃，協助讀者理解高易用性網站的最基本原則。

你認為線上世界依舊是塊黃金遍佈的新大陸，任何商品只要po上網，都可無往不利，讓你大撈一筆嗎？若還這麼想，那可要小心了！目前線上零售競爭激烈，競爭對手多、網路平台與線上功能日新月異，在沒有『知己知彼』的情況下，想打出漂亮的一擊， 談何容易.....

眼見為實耳聽為虛。人腦處理視覺資訊的速度是文字資訊的50倍。因此，借助視覺刺激讓他人執行動作要比利用口頭交流或文字更為容易，此原理也適用于電商網站設計。 根據網頁設計心理學最新研究成果，要讓訪客執行動作，首先必須瞭解他們的心理。人腦做決策時大多是倉促的，未經過深思熟慮。MalcolmGladwell說過，“成功的決策是權衡理性思維....

相信大家一定有很多疑慮

所以應該是說，你必須先瞭解你的網站需求和方向

根據你的產業去做規劃，再去考慮說你是要做手機版網站or APP or RWD自適應網站

為何要架設RWD自適應網站？有甚麼幫助？目前是個智慧型手機普及的時代，加上4G Lite已經正式上市，未來普遍使用手機瀏覽的使用者會越來越多；這時候若你的網站還不支援手機版，很可能會因此失去掉這些客戶族....

三機一體 完美呈現 - RWD (Responsive Web Design)響應式設計，因為使用最新的HTML5與CSS3技術，網站會隨著載具的不同而產生不同的畫面，所以客戶不需要再額外花錢設計手機版網站....

今天來介紹一個非常知名品牌的RWD網站，那就是國外starbucks，畫面呈現非常簡約，這也是因為現在大家使用行動裝置的普及，所以不少知名品牌企業也打算搶....

目前國外普遍接受RWD的網站，因為對於一個網站的管理者來說，RWD這樣的製作方式，省去了不少的維護時間，所以就讓我們一起來欣賞國外人家製做過的作品吧！以下要介紹的這個網站是Media Queries，他們蒐集了超過400多種的RWD網站提供參考.....

RWD英文全名為：Responsive Web Design。中文名稱為：自適應網頁設計、響應式網頁設計。簡單的來說，就是讓一個網頁在電腦、智慧型手機、平板上都可以有很好的瀏覽效果.....