發佈日期 : 2019-02-23
網頁設計在技術上要求很高，但不要低估視覺方面的重要性。您的網頁外觀 - 無論您是呈現純信息還是添加導航工具 - 都會對訪問者在網頁上停留的時間產生很大影響。因此，註重設計元素以達到網站的好品味是值得深究的。
基本網頁設計技巧
1、在設計網頁時，您需要直觀地思考。圖文平衡的網站會令瀏覽者賞心悅目，吸引觀眾的註意力，並願意多關註這個網站。良好的網頁設計依賴於網頁設計師 -遵循某些設計原則： 設計網頁界面以適應當前800 x 600像素，以便在首次加載頁面時可以看到重要內容。雖然大多數現代顯示器都比這大得多，但依然有許多人是通過筆記本電腦和移動設備瀏覽互聯網頁面的。
2、通過設計不超過三個焦點實現平衡布局：使用“大，中，小”策略。
3、避免使用小於10磅的字體（取決於字體）。
4、對所有HTML文本使用標準計算機系統字體，或確保使用CSS或其他技術嵌入專業字體。
下圖將這些原則付諸實踐：
網頁設計之圖片設計技巧
圖片是網頁設計的重要組成部分。了解和使用不同類型的Web圖形的標準和格式，使用這些提示可確保您的視覺元素在視覺上引人註目：
1、以72 dpi構建所有Web圖片，這是Web的標準顯示分辨率。
2、為獲得最佳下載性能，請將具有文本，平面圖片和照片混合的圖形保存為使用盡可能少顏色的自適應調色板GIF文件。
3、將所有純粹的攝影圖像保存為JPEG文件。 （PNG文件也可以，但文件大小通常較大。）
4、始終在背景顏色上使用單色透明度（如GIF）的抗鋸齒圖形;否則，你會看到周圍有一個難看的暈圈。
5、要實現從圖像到透明背景的軟轉換，請使用PNG格式。 PNG格式支持Alpha通道透明度。
導航工具的網頁設計技巧
在網頁設計中，當您的設計將訪問者從一個頁面移到另一個頁面的導航工具時，請考慮視覺效果。在設計網頁導航工具時，您需要使它們具有吸引力和功能性。這些提示可以幫助您做到這一點：
1、區分不可點擊和可點擊元素的視覺設計。
2、使用視覺設計和反饋來增強交互和可用性。例如，您可以在翻轉時更改項目的顏色，大小或形狀。
3、始終將導航放在頁面上的相同位置，不要更改其外觀。
4、始終把圖標做上標簽。插圖本身並不總是清楚它們的功能。
