1. 愉悅的設計
Web 設計師的工作是有效的傳遞思想，引導用戶完成他們的任務并贏得他們的信任，我們有很多方法實現(xiàn)這些，如視覺之美，之驚奇，之愉悅，之難忘。令人過目不忘的設計會在你的品牌和用戶之間建立起堅固的，可靠的情感紐帶。
Brizk design studio 擁有令人目眩的設計，精美的動畫，漂亮的字體和干凈的布局，將鼠標放到底部的小鳥上時，會浮顯出 Twitter 消息。
以下的這些示例站點，盡管名不經(jīng)傳，但它們在努力表達一些東西，試圖融入我們的感受，它們擁有美麗的外觀，而更重要的是，讓人過目難忘。
Bounty Bev ： Bounty Bev 是一家軟飲料公司，這是一個單頁式網(wǎng)站，該站的設計簡單，清晰，充滿個性。
Analog.coop ： Analog 為訪問者帶來很個性化體驗，根據(jù)的 IP 顯示你地理位置，并告訴你他們的工作人員中有誰離你最近（不過，根據(jù)測試，這個消息似乎并沒有什么實際價值，不管訪問者來自何地，離他們最近的似乎永遠是 Alan 和 Jon - 譯者）。整站的設計還是充滿了樂趣感。
[Page: ]
Forrst ： 漂亮的設計，吸引人的視覺元素，富有創(chuàng)意的導航系統(tǒng)。
Billy Tamplin ： 這是 Billy Tamplin 的博客，記錄他生活與工作中的小小得意與榮譽。設計簡單，漂亮。
[Page: ]
MIX ： 這是一個開發(fā)與設計社區(qū)博客，吸引人的動畫與引人注目的效果，設計上保持了視覺上的一貫性，整體注重內(nèi)容和個人感觸。
Blue Sky Resumes : 一個代寫簡歷的小團隊，Header 部分的 Flash 動畫很好地暗合了公司的名字，值得注意的是，在這段動畫加載之前，Header 部分是以簡單的圖形填補動畫加載前的空白的，這種漸進式體驗非常體貼。
[Page: ]
Mailchimp : 小猴子視覺表征隨處可見，使用 ASCII 字符動畫顯示最新動態(tài)。
[Page: ]
快捷鍵導航
現(xiàn)代的 Web，越來越擁有桌面應用的特質，借助 JavaScript，傳統(tǒng)的 Web 站點變得更富有交互性，鍵盤快捷鍵導航開始流行，其中最著名的例子是照片共享站點 Flickr 和 FFFFound。快捷鍵導航曾一度是 Flash 站點的專利，現(xiàn)在越來越多出現(xiàn)在基于 CSS 的站點，Google Reader 是一個最典型的例子，還有更多站點也做得非常好。
They Make Apps ： 幾個月前，他們有一個鍵盤導航模式，使用箭頭在內(nèi)容之間穿梭，回車鍵展示細節(jié)內(nèi)容，Escape 鍵返回主頁面。但不知何故，鍵盤導航功能現(xiàn)在已經(jīng)去掉了。
Mad-ar.ch ： 基于 Flash，因此可以實現(xiàn)很高級的導航，按 c 到留言頁，按 - 和 + 縮放圖片，諸如此類。
[Page: ]
9GAG : 一個社會化圖片書簽站點，按 j 和 k 前進或后退，使用 l 鍵為當前圖片投票。
FFFFound! : 最早的圖片書簽網(wǎng)站之一，按 h 鍵返回頁面頂部，按 v 改變視圖，同樣 j 和 k 表示前進和后退。
[Page: ]
Feta : 另一個基于 Flash 的站點，使用箭頭鍵在不同項目之間穿梭，下箭頭表示選擇，上箭頭返回。
NY Times: Times Skimmer : 紐約時報的新聞概要頁擁有很好的鍵盤導航功能，使用箭頭鍵在新聞間前進后退，使用 Shift 鍵縮放，返回頂部按 t，刷新當前內(nèi)容按 r，選擇新聞按 a 和箭頭。
[Page: ]
Pictory : 照片故事雜志，同樣使用 j 和 k 在不同圖片之間瀏覽。
CrushLovely : 一個單頁式站點，使用箭頭鍵在不同部分之間瀏覽。
[Page: ]
Thinking for a Living : 使用左右箭頭鍵導航。
Picnic Extraterrestre : 一個非常不同的設計，模仿圖文電視風格，所有導航內(nèi)容都可以通過數(shù)字鍵實現(xiàn)。
[Page: ]
Web的平面設計風
現(xiàn)代 Web 設計，還追求平面設計般的精致與創(chuàng)意，以下這些示例站點，擁有雜志和海報般的設計風格，醒目的題頭，多欄，縮進，圖片包圍，旁注與腳注，諸如此類。
Design Informer: Grid-Based Web Design, Simplified 擁有兩欄式結構，將文字和圖片清晰地左右分開。
A Lesson on How to Be a Villain : 一個擁有出色設計和獨特布局的站點，CSS 加 Table 布局，有時候，這是 Web 平面設計化的必要技術。
[Page: ]
Evan Dinsmore: 21 : 海報式設計，使用生動的圖片替代文字，不好的一面是，用戶界面不夠有好。（Web 平面設計化的固有問題 - 譯者）
The Bold Italic: Dr. Feel Good : 雜志式布局，多欄，如果將頁面打印出來，你也許不相信這是個 Web 頁面。
[Page: ]
A Way Back: Revised Font Stack ： 非常精細的設計，大型圖片橫跨整個頁面。
Chris Coyier: The Safari Challenge : 一個微妙的設計，大面積留白，多欄文字，從美學上看，更像一頁書。
[Page: ]
Kyle Fielder: Keeping Curious : 多像那些舊雜志的畫面。
Sleepover: A Critical Analysis of my Shoes : 簡單的網(wǎng)格布局，文字左右對齊，圖片也漂亮，不過左右對齊式文字在 Web 上似乎不怎么行得通。
[Page: ]
Yaron Schoen: Too Many Buttons : 平面設計化的 Web 頁面需要更多東西，背景圖片與配色，CSS 式樣，這個示例說明了這些。
The Bold Italic: Keep Off the Grass : 另一個多欄式設計示例。
[Page: ]
The Bold Italic: Cinderella Story : 受平面設計影響
Travis Neilson: Default Switch : 一個冷靜的，簡潔的設計
