設計一個優秀的網站可能看起來像一個巨大的挑戰，但只要遵循設計的基本要素，你就會發現這個過程很有趣而且令人愉快。這不僅僅是聽起來很好！我們將會說明進行設計的基本要素和一些一般性的指導方針，以幫助你設計有使用者粘性的網站。
（01）規則1：傾聽你的客戶。你可以設計一個“有史以來世界上最好的網站”，具有豐富的黑色精細字型、大膽的有藝術色彩的網站，彷彿在召喚“現在就來瀏覽我吧！”。很不幸，你的客戶想要的卻是具有大塊粉色和橙色這種風格的選單條。你被解僱了，你有史以來最好的網站，再也沒有機會面對使用者，客戶會把它們擱置在他們的備份硬盤裡。研究客戶的企業形象。有客戶會告訴你一些他們真正喜歡的網站。這不僅會提示你迎合他們的想法，它也會給你一些自己未想到的設計靈感。如果你以為橙色和粉色的網站是在開玩笑，試想一下這個有史以來最酷的網站如何推動它們的產品：
（02）規則2：瞭解你的使用者正在尋找什麼，並進行相應的設計。人們建立自己網站的原因是希望其他人看到他們。這個網站可能用來提供資訊，有商業用途，或者供特定受眾娛樂。作為設計師，你要知道在為誰設計網站，並讓他們開啟你的網站後就一直待在上面。你可能會認為，“如果網站看起來很漂亮，使用者就會留下來。”，其實這不一定。讓我們看看房地產的例子。這裡是一個網站，具有整潔，有趣的設計。它有大量的開放式的白色空間，大膽的色彩和一個強烈現代感的寬屏格式，超鏈也被突出顯示了：現在想想如果用這種做法在同一位置銷售不動產的效果：頁面凌亂，花哨的顏色，大量的廣告。想一想哪個網站可以更好地為人們尋找家園呢？沒錯，就是把“家”羅列出來供人瀏覽的那個！當人們正在搜尋“聖莫尼卡待售房產”時，他們並不關心網站的美學。他們不想了解房地產經紀人，或是看到漂亮的城市景色圖片。他們想看的就是房產。
（03）規則3：傾聽自己。你瞭解客戶喜歡什麼，你知道市場需要什麼。現在是時候關注你自己，網站的設計者！就你的選擇在繪圖軟體中建立一個模板。在不同的層（這樣做可以後續再修改而不破壞整體的模板）上建立頁面元素。這些因素可能包括：頁頭。它將在網站的每個頁面上共用。組成頁頭的包括網站的名稱和標誌，以及到其他下級網頁（比如關於、聯絡人等）的連結。不管是視覺上還是實際操作，頁頭都會把網站的各部分整合起來。把選單欄上的第一個按鈕設定為返回主頁也是很好的做法。讓我們來看看蘋果公司的網站，如下：與大多數蘋果產品一樣，他們的首頁設計得非常乾淨、整潔。注意橫穿網頁頂部的選單欄，每個按鈕都有與內容相符的標題，還有一個搜尋框，如果你的網站也支援，就能很友好地到達各個所需的網頁。現在，讓我們來看看iPad按鈕對應的頁面，有幾個頁面元素：選單欄的變化只是將iPad按鈕變暗。頁面的主題在左上角以黑色大字型顯示。出現了一個新的子選單欄，這樣使使用者可以瞭解更多關於產品的資訊。如果點選那些子選單，你會看到每一頁都會提供新的主題相關的內容，但在佈局和設計風格上都是統一的。可能你的網站上，會有選單欄主標題下包含多級子標題的情況。你可以考慮不用二級選單欄，而使用彈出選單的方式，例如下面這個音樂家之友網站:邊欄。這種設計在網站上很常見，但不一定所有網站都需要, 記住--內容為王。但它也是一個非常重要的元素，需要精心設計，以保證直觀，避免不必要的混亂。不像選單欄，邊欄的內容可以是動態的。考慮下面兩個邊欄，它們來自房地產營銷網站Trulia，首先是給買家的：第二個是給租客的。請注意它們有非常類似的資訊，但是關注點完全不同，並且這些關注點都顯示在邊欄的相同位置：頁面主體。這是網站的主要部分，也是你的設計中變化最多的部分。如果你正在設計一個電子商務網站，可能某個頁面上會進行產品的展示，還有二十個待售項。你的工作是把這兩部分整合在一起，使他們不顯得雜亂。你可以使用相似的顏色，字型和介面元素把它們融合在一起。頁尾。這部分並非每個網站都有或需要。它經常用來整理雜項，或是集中網站中非焦點的部分以供訪問。如下是一個來自Groupon網站的例子：
（01）踐行良好的使用者介面設計。定位網站的各種元素，如標題，邊欄，標誌，圖形和文字，把它們放置在每一頁的同一個位置上，這樣會讓你的網站很直觀且導航性良好。在每一頁的頂部保持相同的頁頭。無論你的網站內容本身是否有很多重複的元素，都必須確保每一頁都有統一的頁頭。使你的設計保持邏輯性。應當保證一個頁面上的元素按照重要性或主題有邏輯地排列;網站的各個頁面也都要這樣做。
（02）建立一致的風格。統一的佈局能夠給網站帶來結構上的一致性，統一的風格帶給網站的則是主題的和諧一致。堅持使用兩個或三個主色調，並確保他們協調統一。避免使用太多的字型樣式或尺寸，如果你打算交替使用幾種不同的設定，就要確保在每一頁上以同樣的方式使用它們。使用層疊樣式表（CSS）來管理統一的風格，它也使修改整個網站的元素更加容易，不必再去每一個頁面修改了。
（03）使可讀性最大化。為了讓文字更容易閱讀，需要把它們分解成較小的幾部分。使用小標題和適當的間距以使各部分分開。使用粗體或不同尺寸的字型，這樣可以顯示主題的層次結構和重要性。注重文字處理。不要使字型太小，並擴大行距，使大塊的文字更具可讀性。大塊的文字更難閱讀，所以最好把它們分解成小段落。
（04）使你的網站具有普遍的可讀性。使用標準的HTML，避免使用只適用於某個品牌或瀏覽器版本的標籤、功能和外掛。儘管大部分當代的瀏覽器和電腦都可以處理複雜的影象，如果能保持圖片具有較小的尺寸併為網路做過優化，也會加快對這些網頁的訪問。在質量和速度之間要進行平衡。
（05）測試你的網站。確保每一部分執行正常，影象顯示正確。你也可以實施一些可用性測試：請一些目標受眾成員測試網站的清晰度和易用性，並在網站上進行反饋。
（06）釋出您的網站。如果你還沒有做，就需要先買一個域名。定期檢查連結，以確保它們仍然存在，並瀏覽網站訪問者通過電子郵件傳送的建議。
不要用豔麗，花哨的圖形轟炸觀眾。Flash動畫，明亮的色彩，有圖案的背景以及每次頁面載入都會自動播放的音樂，這些在20世紀90年代是一個有趣的體驗，但會趕走今天的網路使用者。要堅持用簡單的、與文字顏色有反差的背景，以最大化地增加可讀性。
為了適應有聽覺和視覺障礙的訪問者，你可以給視訊加上字幕，轉錄音訊，並對可訪問性進行說明。雖然表格是一種組織資訊的有效方式，但當弱視訪問者使用螢幕閱讀程式時，他們可能無法有序地聽到表格中的內容。
你可能有自己的設計感覺，或者也有一些已經在其他網站上應用的頗受喜愛的設計，你可以以它們為基礎來設計佈局，但是購買一個現成的模板可能是更容易的方法。
要保持不浪費遊客的列印油墨，就需要在列印時使用一個單獨的樣式表來格式化你的網站。<br/>當設定列印引數時關閉背景圖片。<br/>在白色背景上使用黑色文字。<br/>移除選單欄和任何不必要的圖片。
總是可以使用CSS保持適合的段落間距。
避免剽竊，遵守所有版權法。不要新增來自網路的無來源圖片，或是無授權的結構性元素。往網站上新增任何東西都必須遵守法律和道德。
酷知知識幫
