雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

淺談網(wǎng)頁設(shè)計模板及原則

Time: 2019-12-31

做為一個設(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)在所處的位置。


1.jpg

(圖片來自網(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ū)域。


2.png

(圖片來自網(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)頁模板了吧。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開