1、鏈接(link)

設置鏈接狀態的不同風格，這是基礎也是必須。你可能吃驚細節被忽略的次數。包括下面列舉的頁面上所有鏈接的狀態。

Normal(常態)

這是鏈接的默認狀態。鼠標還沒有懸停、點擊，或是轉向向URL的時候，這個鏈接格式大部分的設計師會考慮到。

Visited(已訪問)

這個鏈接是鼠標沒有懸?；蚴屈c擊，但是已經被用戶訪問過。

Active(活躍)

這是正在被用戶點擊的狀態。絕大部分開發者會復制Hover(懸停)狀態到這里。

Hover(懸停)

Hover狀態是鼠標經過、并未點擊。你忽略它了嗎?

最常被忽略的情況是，鏈接的各種狀態沒有計劃到網站的所有地方。比如很多網站針對淺色背景會有深色的主體(body)，但是在頁腳卻恰恰相反。

在Full Moon BBQ，我們看到基本的紅色鏈接在內容區域，基本的白色鏈接在下面的頁腳處。非常小的細節，但是毫無疑問很重要。

2. 表單(Forms)

對于很多開發者，表單的配置是重要的，不可能被忽略的。然而，還有許多開發者在事后才想到。

上述后者認為表單僅是代表將用戶轉為客戶的路徑，并且沒有適當的計劃和設計，這些表單的實用性將大大降低。準備好這些元素是重要的，即使被看來要比顏色、圖片、品牌等更小的緊迫性。

下面的2個元素，要做重點考量。

Form label(表單標簽)

表單是收集用戶數據的途徑，而且用戶是自愿提交個人數據的。準確的目的，適當的提醒用戶，是聰明的做法。

Input fields and labels(輸入域和標簽)

其次，頁面表單輸入域的布局，標簽樣式及導向性。

當使用默認值，表單會看起來很糗。但是進行恰當的準備，網站會看起來會非常有效果。從好的規劃開始，一起看看下面的例子吧。

Awesome 上的商業型表單很清晰。整個頁面的目的和使命被充分考慮到。從標題和介紹，到每個域的布局，標簽和控制風格，可以說是模板。

3. 按鈕行為(Button behavior)

按鈕可用戶實現各種目的，貫穿整個網站。但是他們的各種狀態，還是容易被忽略。

Default(默認)

按鈕的默認狀態，等待被點擊。多數設計師記得住這個，忘記了其他。

Hover(懸停)

懸停狀態，當用戶鼠標經過按鈕時的狀態。該狀態提示用戶按鈕是可觸發的，這一點很有幫助。

Click(點擊)

當用戶點擊按鈕，狀態來進行提示。這樣的視覺提示可以幫助降低用戶的困惑。

Disabled(失效)

按鈕的失效狀態，可能是最少被使用的。但是對于開發者卻是很有幫助，除非你已經為按鈕準備好了驗證過程。

它非常像鏈接的各種狀態，一定要考慮整站的按鈕狀態的運用。從彈出框(pop-up)、登陸框(log-in)，到搜索域、報名表單等，所有的按鈕需要有一致性的風格。

4. 表單驗證(Form validation)

網站與用戶的要求或錯誤的溝通形式，也是非常重要。下面的三個核心問題需要考慮。

Required fields(請求域)

所有的請求域應該被提示，一般會有星號標記。

Real-time validation(實時驗證)

用戶完成表單就會有驗證，這種類型的驗證要將各種數據處理信息盡快通知用戶。你可以借助jQuery驗證插件:

Post-back validation(回發驗證)

該類型驗證發生在用戶已經提交表單，與實時驗證的風格可重復，但是另外一個選項是將所有問題歸于一條信息，就像Moo：

5. 狀態消息(錯誤、警告、確認等)

用戶在網站上執行一些動作，一般需要一些類型的反饋。這很像提交表單后的場景。但是很多其他的事件也會發生。規劃好你站點的消息機制，是良好的交互性的需要。

在Life Today上，我看到一些驗證消息，可作為錯誤消息，風格符合全球各地。對顏色和圖標進行少量更改，也可以用作警告，真是確認消息。

??????? 6. 拓展背景到更大的屏幕

依據網站風格的不同，背景元素可有更好的運用。絕大部分背景很簡單，不需要更多的準備，但是也存在復雜的需要(梯度、圖案和意象)。

考慮到大的顯示器已經非常普及，大部分設計師僅規劃960像素寬度，忽略了大量的顯示器。如果你的背景復雜，你理當拓展至更大的屏幕。

下面是我創建的例子，木式背景可做更大的延伸。

7. HTML基本元素

HTML基本元素是基礎，并且不能被忽略。但是在許多市場為導向的網站上，雜亂的布局，迥異的視覺風格，基本元素都被遺忘。

標準網頁模板規劃好，很重要，基本元素包括：段落，標題1至6，整齊的列表，列表數據，表單域，粗體文本，斜體文本。

我在很多網站工作過，總結樣式如下，以助開發者。

8. 網站郵件(Website emails)

我從未見任何設計師規劃網站郵件，它很容易被忽略是因為它不是網站核心焦點。然而郵件是提升和拓展服務的強大工具。

我的建議是在規劃階段，仔細查看站點內容。

郵件列表注冊確認。

登記確認。

表單完成確認(比如一聯系表單)

購買后的訂單驗證

如果你真想做好網站郵件，那么還要準備好郵件營銷模板。

9. 頁面拉伸

　　頁面拉伸以適應內容的改變，很少用，但是也很重要。例子如下：

網站Full Moon BBQ有個緊湊的主頁，每個元素都有特定的尺寸和位置。那么如果決定加長歡迎信息或者增加圖片，將會發生什么?幸運的是，他們考慮了這一點?？疵靼琢寺?可以登錄網站一試。

準備好多內容的布局的版本，你忽略了嗎?

10. 動畫：彈出框、工具提示、轉換等

標準的HTML/CSS網站，動畫和轉換很容易被忽略。一旦忽略，效果會很不合適。

列舉如下，請謹記。

Tooltips(工具提示)

當鼠標經過某元素時的提示。

Image rotators(圖片旋轉)

首頁幻燈片至今仍很流行，對于轉換與風格可有更多的選項。

Lightbox(燈箱)

規劃的風格，不僅燈箱，還有轉換。

每個動畫元素都有明顯的視覺風格，比如適合它本身。

網站名稱：網頁制作必須注意的事項
網站路徑：http://m.newbst.com/news47/315397.html

成都網站建設公司_創新互聯，為您提供響應式網站、面包屑導航、企業建站、網站策劃、做網站、營銷型網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯