做為一個設(shè)計師，除了最基本的之外，還要考慮各種問題，那么，網(wǎng)頁設(shè)計有哪些原則?怎么設(shè)計網(wǎng)頁模板呢?接下來就讓小編來給大家介紹一下相關(guān)內(nèi)容吧。有需要的朋友可以來了解一下。

網(wǎng)頁設(shè)計有哪些原則

　　(一)保持醒目和簡潔

　　我們經(jīng)常會遇到一個問題，非常多的用戶抱怨注冊表單需要太多的信息。如果你設(shè)計的網(wǎng)站正在想辦法增加注冊用戶數(shù)量，那么首先必須保證設(shè)計的表單盡可能的簡潔，易于填寫。同時對于著重強調(diào)的版塊和信息，在設(shè)計時可以采用更醒目的方式加以強調(diào)。

　　(二)合理組織信息

　　對于較為復(fù)雜、填寫項多的表單，如果不對信息進行組織，很容易顯得繁雜混亂，讓用戶在一開始就產(chǎn)生抵觸的情緒，甚至選擇放棄。合理有層次的組織信息，可以利用框線、空間間隔、顏色的不同，按照不同信息的類別、屬性和相關(guān)性進行區(qū)塊的劃分，用步驟條指示當(dāng)前的進程。清晰的瀏覽線，合理的標(biāo)簽、提示文字及按鈕的排布，避免不必要的信息重復(fù)出現(xiàn)，能夠降低用戶的視覺負(fù)擔(dān)和物理負(fù)擔(dān)。

　　(三)更大的輸入框

　　根據(jù)實際的用戶反饋，表單設(shè)計中更大的文字輸入框、適度的留白空間會讓人更有填寫的欲望，優(yōu)雅的動畫效果也能增加填寫的趣味。設(shè)計師在設(shè)計表單的過程中，需要緩和不同輸入元素之間的沖突。加粗的文字提示用戶哪些區(qū)域已經(jīng)填寫了，哪些區(qū)域還空著，當(dāng)激活某一輸入框時，它會變成淡藍(lán)色，提示光標(biāo)現(xiàn)在所處的位置。

（圖片來自網(wǎng)絡(luò)）

　　(四)為用戶節(jié)省時間

　　需要花大量時間填寫的表單容易讓人失去耐心，用戶是懶惰而繁忙的，試著刪去所有不必要的填寫項，考慮除了讓用戶機械的通過鍵盤在表單上輸入數(shù)據(jù)外，還有沒有別的更優(yōu)方式(如后續(xù)進行用研調(diào)查)收集所需信息。

　　(五)一條龍服務(wù)的設(shè)計理念

　　表單的終點并不是提交，設(shè)計師在設(shè)計的時候需要抱著為用戶提供一條龍服務(wù)的理念，形成流程閉環(huán)，避免用戶在中途跳出。一個好的表單設(shè)計，不僅需要考慮用戶填寫前的引導(dǎo)、填寫時的及時校驗與幫助、還需要考慮填寫后的整個流程體驗。思考用戶填寫表單的初衷是什么，讓他在填寫完表單后能夠最快得到他最想要的東西。即便是他暫時無法得到的，也需要告訴他相應(yīng)的原因和能夠進行的替代操作。

　　(六)提供設(shè)計關(guān)懷

　　根據(jù)不完全統(tǒng)計，互聯(lián)網(wǎng)中大約有12%的人具有或輕或重的色覺障礙。如果將色彩作為區(qū)分不可點擊文本和可點擊鏈接的唯一元素，可能會讓這部分的人使用時出現(xiàn)困難。我們在設(shè)計表單的過程中可以通過給鏈接文字加下劃虛線、使用按鈕或其他形狀做區(qū)分，讓這類用戶能更加清楚的知道哪些是可點擊的區(qū)域。

（圖片來自網(wǎng)絡(luò)）

　　怎么設(shè)計網(wǎng)頁模板

　　第一：設(shè)計

　　設(shè)計模板一般用photoshop或者fireworks等做圖軟件來設(shè)計，設(shè)計出來的是一張圖片。也就是我們看到的網(wǎng)頁外觀。

　　第二：轉(zhuǎn)化為html模板

　　這也是個一個不可缺少的過程。如dreamweaver網(wǎng)頁設(shè)計，主要用dreamweaver把圖片改成html形式的模板。

　　第三：轉(zhuǎn)化為可用模板

　　每個程序都有不同的標(biāo)簽，有了這些標(biāo)簽，才能顯示出需要顯示的內(nèi)容。所以最后一步，我們要根據(jù)不同的網(wǎng)頁程序調(diào)整網(wǎng)頁結(jié)構(gòu)，標(biāo)出可用標(biāo)簽，做出相應(yīng)的模板。

　　怎么設(shè)計網(wǎng)頁模板?今天小編就給大家說這么多了，相信大家對這方面的內(nèi)容有了一個基本的了解了，大家應(yīng)該都會設(shè)計網(wǎng)頁模板了吧。