資訊

網頁設計要(yào / yāo)遵循的(de)設計原則!

來(lái)源:山东烈日网络科技有限公司 | 2015.11.18

       在(zài)網頁設計過程中,每個(gè)網站的(de)用色和(hé / huò)布局都能夠充分體現出(chū)相關産品和(hé / huò)品牌的(de)宣傳信息。然而(ér)在(zài)網頁設計過程中我們要(yào / yāo)遵循哪些原則才能夠讓網站更加的(de)易用,每個(gè)訪客來(lái)到(dào)網站就(jiù)會對網站有不(bù)一(yī / yì /yí)樣的(de)感覺,下面濟南網絡公司就(jiù)爲(wéi / wèi)您講解下網頁設計過程中遵循的(de)設計原則。
      1、不(bù)要(yào / yāo)改變用戶窗口的(de)大(dà)小:這(zhè)個(gè)觀點和(hé / huò)反對彈出(chū)窗口的(de)觀點是(shì)類似的(de)。一(yī / yì /yí)些浏覽器,比如IE,會爲(wéi / wèi)以(yǐ)後的(de)進程保存浏覽器的(de)尺寸。如濟南網站建設所描述的(de)那樣"認爲(wéi / wèi)自己比用戶更清楚軟件環境該如何配置是(shì)非常不(bù)合情理的(de)"。
      2、不(bù)要(yào / yāo)使字體太小:字體如果太小,長篇的(de)文章閱讀起來(lái)會比較困難。也(yě)不(bù)要(yào / yāo)把鏈接、表單、搜索框和(hé / huò)其他(tā)的(de)元素弄得太小。另外,确保任何内容塊都在(zài)50-85個(gè)字符之(zhī)間,在(zài)文字的(de)周圍提供充足的(de)空白。
      3、鏈接文本要(yào / yāo)清晰:鏈接文字應該用來(lái)描述它所指向的(de)目的(de)地(dì / de)。避免使用含糊的(de)描述。
      4、去除死鏈,網上(shàng)有太多死鏈了(le/liǎo)。不(bù)要(yào / yāo)把你的(de)用戶引入死路。
      5、校對:通讀全部内容。即使你已經讀過了(le/liǎo),再讀一(yī / yì /yí)遍。另外,也(yě)請别人(rén)來(lái)讀一(yī / yì /yí)讀。你總會找到(dào)一(yī / yì /yí)些可以(yǐ)改進的(de)地(dì / de)方。看看你是(shì)否可以(yǐ)在(zài)保持特性不(bù)變的(de)情況下壓縮文本。把大(dà)的(de)文本塊分成小的(de)段落。添加醒目的(de)标題,使用列表以(yǐ)便用戶掃讀。校對時(shí)也(yě)不(bù)要(yào / yāo)忘記動态文本,比如彈出(chū)窗口的(de)文字。通過檢查,确保重要(yào / yāo)的(de)文字在(zài)顯示時(shí)不(bù)會成爲(wéi / wèi)孤立的(de)一(yī / yì /yí)行,确保标點符号使用正确,尤其是(shì)撇号、引号、連字符和(hé / huò)破折号。
      6、檢查功能:仔細檢查每一(yī / yì /yí)處,如果你有一(yī / yì /yí)個(gè)建立聯系的(de)表單,測試一(yī / yì /yí)下它的(de)結果。讓其他(tā)人(rén)去檢測你的(de)網站,不(bù)僅僅限于(yú)家庭成員和(hé / huò)朋友,還應包括括目标用戶。坐下來(lái)看看他(tā)們如何使用你的(de)網站的(de),當其他(tā)人(rén)使用網站的(de)方式和(hé / huò)你的(de)預期不(bù)同時(shí)會發現什麽,這(zhè)是(shì)個(gè)很有吸引力的(de)問題。通常要(yào / yāo)檢查的(de)東西是(shì)建立聯系的(de)表單、搜索功能、購物框和(hé / huò)注冊區域。
      7、使表單盡可能簡潔:使用合适的(de)表單元素(選擇按鈕、複選框、輸入區域、文本區域)來(lái)完成相應的(de)任務,提供充足的(de)空白(以(yǐ)及足夠的(de)邊距)以(yǐ)便入内容,移除不(bù)必要(yào / yāo)的(de)區域,爲(wéi / wèi)每個(gè)輸入區域提供描述性的(de)标簽《如果有必要(yào / yāo)添加幫助信息和(hé / huò)提示倌息)。同樣,不(bù)要(yào / yāo)強迫用戶使用嚴格的(de)輸入格式(比如,當用戶輸入的(de)電話号碼沒有括号、連字符和(hé / huò)空格時(shí),系統也(yě)應該能夠識别)。同樣,提供有用的(de)、信息充分的(de)錯誤提示信息。
      8、優雅降級。你的(de)網站在(zài)JavaScript不(bù)起作用時(shí)也(yě)要(yào / yāo)能正常工作。因爲(wéi / wèi)出(chū)于(yú)對安全因素的(de)考慮,用戶通常會關閉浏覽器JavaScript的(de)支持功能,所以(yǐ)對此要(yào / yāo)有所準備。通過測試,确保你的(de)表達在(zài)這(zhè)種情況下仍然能完成服務器端的(de)有效性檢驗,同時(shí)對你使用的(de)AJAX效果進行測試。
      9、不(bù)要(yào / yāo)忘記保護性設計:最容易被忽略的(de)保護性設計元素就(jiù)是(shì)404頁面。當用戶請求一(yī / yì /yí)個(gè)不(bù)存在(zài)的(de)頁面時(shí),就(jiù)會顯示404頁面。通過提供一(yī / yì /yí)個(gè)有用的(de)404頁面把你的(de)用戶引導回來(lái),這(zhè)個(gè)頁面可以(yǐ)導向主頁,也(yě)可以(yǐ)向其他(tā)用戶推薦他(tā)們可能感興趣的(de)頁面。同樣檢查你需要(yào / yāo)驗證的(de)表單。通過提交異常信息進行測試(在(zài)需要(yào / yāo)填數字的(de)區域填寫大(dà)量字符和(hé / huò)字母等信息),看一(yī / yì /yí)看是(shì)否會發生錯誤,以(yǐ)及是(shì)否爲(wéi / wèi)用戶提供了(le/liǎo)足夠的(de)反饋信息以(yǐ)便修正它。
      10. 考慮打印網頁:如果用戶想要(yào / yāo)打印網站上(shàng)的(de)網頁,他(tā)們隻希望打印主要(yào / yāo)内容而(ér)不(bù)是(shì)導航和(hé / huò)額外的(de)設計元素。這(zhè)就(jiù)是(shì)爲(wéi / wèi)什麽要(yào / yāo)創建—個(gè)專門用來(lái)打印的(de)模闆。同時(shí),某些CSS元素,比如懸浮文字區,打印出(chū)來(lái)的(de)效果并不(bù)總是(shì)很好。
      11、爲(wéi / wèi)獲得最佳性能而(ér)努力:你将會爲(wéi / wèi)了(le/liǎo)獲得最佳性能而(ér)配置你的(de)網站。在(zài)網站發布後應該持續進行這(zhè)一(yī / yì /yí)工作,但是(shì)你也(yě)可以(yǐ)在(zài)發布前通過簡單的(de)幾個(gè)步驟進行操作。減少HTTP請求、盡可能使用CSS sprite、優化網站圖片、壓縮JavaScript和(hé / huò)CSS文件,這(zhè)樣你的(de)頁面會載入得更快,并且占用更少的(de)服務器資源。
      12、讓用戶很容易聯系到(dào)你:也(yě)許你不(bù)想與用戶聯系|但是(shì)如果你的(de)用戶想要(yào / yāo)和(hé / huò)你聯系,但是(shì)卻找不(bù)到(dào)任何聯系信息,他(tā)們将失去興趣和(hé / huò)對你的(de)信任,這(zhè)對于(yú)網站而(ér)言是(shì)個(gè)設計上(shàng)的(de)失誤,他(tā)會使網站錯失良機。

十九年 建站經驗

多一(yī / yì /yí)份參考,總有益處

聯系客服,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以(yǐ)通過以(yǐ)下方式與我們聯系

業務熱線:400-606-8008 / 大(dà)客戶專線 濟南:15589999555