這裡整理了28個出色的網站設計，希望能夠啟發你的設計靈感。這些網站中的大部分都比較新，所以或許他們將很可能給你下一個項目帶來一些創意或想法。希望你能喜歡。

2010年海外Web設計趨勢的第二部分，著重講解了反 Box 式佈局，單頁佈局，多欄佈局，巨型插圖設計，更多留白，社會網絡元素，講解式導航菜單，以及動態 Tabs 等設計風格。
例如: 1、反 Box 佈局
曾有一篇文章，講到反 Box 佈局。所謂反 Box 佈局，就是不再拘泥與傳統的 Box 佈局模型，而是採用一種更有創意的的佈局，然而需要指出，這種創意佈局需要非常注意易用性問題，一種新的創意佈局需要時間去慢慢成熟。

我們這些網站設計者都是善變的。我們樂於嘗試不同的事。我們樂於觀察人們如何與我們的的作品進行交互。我們樂於嘗試用特別設計方法，這些方法有可能成為主流並變成標準、優秀的設計方法。
因此，新的設計方法不斷湧現，越來越多的設計者注意它們並運用這些方法技巧，新的趨勢也就自然出現。
在過去的幾個月裡，我們已經分析了眾多的網頁設計，觀察了新的趨勢，權衡了眾多設計決策與代碼解決方案。在這篇文章裡，我們展示了2009年網頁設計的趨勢：新的發展，新的設計元素，新圖形技巧方法。
首先看一下我們這幾個月確認、發現與觀察到的主要趨勢。在這一概述裡，你會發現每個趨勢與很多精美案例，這些案例能夠讓你在新項目中激發靈感。

雖然我不是專業的視覺設計人員，但是我能想像「配色」的工作在這個領域裡所佔的地位是多麼的重要。因為人類的眼睛對顏色是敏感的，不同的顏色會讓人產生不同的心理感受（也就是視覺），所以在一個視覺設計的作品當中，顏色的搭配是可以傳答出各種不同的訊息給欣賞的人們。
就 拿網頁設計來說，網頁配色的好壞能影響造訪者對這個網頁的觀感，甚至還能起到是否願意留下來繼續瀏覽網頁的關鍵作用。但是在成千上萬的顏色裡，如何選出合 適的搭配並不是一件簡單的事。就好像畫家會在調色盤上面嘗試各種顏色的組合，在電腦世界裡，也有所謂的調色、配色工具幫助視覺設計人員完成配色的工作。

現實生活中無時無處不存在著光照和陰影。你看到的每樣東西都是通過光影反射形成它的形象。視覺上，光影幫助我們辨別事物，認知他們的材質、尺度和透視。
所以如果要讓我們的網頁設計更加自然、有動感且真實直觀，正確理解光影效果就變得非常重要。以下是助你更好利用光影的五個技巧，好好運用它們，能讓你的設計更加精緻，從眾多的頁面中脫穎而出。

這些網頁設計資源類別包括：字體、CSS、Logo設計、圖標、設計啟發、教學、Photoshop素材下載以及WordPress。總計達75個實用連結集合，總資源達2500個以上 ! 每個分類都一定可以找到符合所需的資源，強烈建議瀏覽。

WordPress

- 100 出色的 Wordpress 免費主題 [Smashing Magazine]
- 30 個最實用的 Wordpress 技巧 [Hongkiat]
- 45 套免費的 Wordpress 網格佈景主題 [WPZOOM]
- 45 套必須要看到 WordPress 主題 [Noupe]
- 20 套 Wordpress 公司網站主題 [Blogsessive]
- 24 套高質量免費 Wordpress 主題 [Toxel]
- 21 套令人耳目一新的免費Wordpress主題 [Smashing Apps]
- 50 套漂亮的免費 Wordpress 主題 [Six Revisions]
- 10 個尋找免費 Wordpress 主題的地方 [UPrinting]
- 50 個最好的 Wordpress 主題 [CrazyLeaf Design Blog]
- 10 個 Wordpress 實用 RSS 技巧 [Smashing Magazine]
- 45 個出色的免費 Wordpress 主題 [DzineBlog]
字體

- 60 套公司用設計字體 [Smashing Magazine]
- 20 套免費手寫字體與資源 [Fuel Your Creativity]
- 50 套專業Web設計與印刷用字體 [Noupe]
- 15 套漂亮的高質量免費字體 [Smashing Magazine]
- 21 套來自 DeviantArt 的藝術字體 [Designflavr]
- …

前幾天老同事 Hector 介紹這個 Balsamiq Mockups 給我，一用之下驚為天人，用來畫網頁 layout 實在超級好用！
過去在規畫網頁 layout 時，用過不少方法：紙＋筆、畫白板、用 PowerPoint 來畫，每次都弄得滿頭汗，特別是要做簡報或寫計畫書時，網頁還得畫得有模有樣，很多網頁元件得自己描出來；一個網頁的 layout 就要畫半天。有畫過網頁 layout 的人，相信都有類似的痛苦經驗。

ColourLovers 是一個以顏色為主的社群網站。就像書籤網站一樣，網友可以在該網站上新增色盤或是色碼，其他的網友則可以投票給自己喜歡的顏色 (類似推的機制)，藉此機制讓好顏色、美麗的顏色更容易被發掘。

Web Design Company List in Hong Kong 2009 (香港網頁設計公司列表)
*The list is just for reference, for any question please contact me.

網頁是為了網路使用者而設計的，它不是印刷品。所以在網站設計時，應該多花點心思去思考如何吸引用戶瀏覽網站內容。
方法很多以下列舉簡單幾項…

在我們設計一個登錄框或登錄頁面的時候，會產生很多疑惑，比如，它應該寫成「login」？「log in」？還是「sign in」？
這裡我收集了一些漂亮的登錄界面設計，希望你能喜歡這些設計並從中獲取靈感，然後設計出適合自己的登錄界面設計方案。

The Open Source Web Design Toolbox: 100 Web Design Template Sources, Tools and Resources
Posted by Mustafa

The open source model has, over the last 20 years, proven that collaborative development is one of the best ways to incorporate the newest ideas and latest concepts into design.
In fact, the open source model, which began with programmers, has been so successful that it is currently being applied in government, media, education and private business. But despite these new applications, the unique combination of the open source model with the universalism of web design …

9 Essential Principles for Good Web Design
Dec 17th in Designing by Collis

Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, is technically sound and visually coherent.

Author: Collis
Hello! I started Psdtuts+ because years ago reading Photoshop tutorials was how I got into design. You can find me on Twitter or on my blog theNetsetter.

Add to this the fact that many Web designers (myself included) are self-taught, that Web design is still novel enough to be only a …

The past year has been an amazing period for those wishing to learn the ropes of design, whether you’re a noob just getting into the game or a seasoned designer or programmer. As we enter 2008, let’s take a look back at some of the most popular articles, resources, and tutorials that helped those who toiled away on the web everyday.
Basics & Principles
9 Essential Design Principles - PSDtuts, known for its Photoshop tutorials, gives us a nice list of basic design principles that can be applied to many …