- 相關(guān)推薦
7個(gè)常犯的網(wǎng)頁(yè)設計錯誤
設計錯誤可能發(fā)生在任何人身上。也許你正在試圖快速的完成一個(gè)項目，或者你正在執行一個(gè)復雜的網(wǎng)站設計，然而簡(jiǎn)單的東西往往最容易被忽視。但是，當它們發(fā)生了，你必須能夠立即改成它們！下面是小編為大家整理的7個(gè)常犯的網(wǎng)頁(yè)設計錯誤，歡迎參考~
1.混亂的排版
在排版時(shí)我們最常犯的錯誤就是在空間上。線(xiàn)間距，或者行距，以及在文字包裝上的空間我們經(jīng)常栽跟頭。雖然有時(shí)你已經(jīng)看到了空間的重要性，但是設計面臨的最常見(jiàn)的問(wèn)題是，文本太多讓空間擁擠沒(méi)有足夠的空間呼吸，使設計凌亂和難以閱讀。
很多人認為正文的字體段亂-網(wǎng)頁(yè)的公共線(xiàn)間距為網(wǎng)頁(yè)的常用行距約為字體大小的百分之120至百分之150。但是其實(shí)我們可以在設計時(shí)使用更小的間距，例如在移動(dòng)設備上，在劇本的小的部分改變這個(gè)規律，以確�？勺x性。
它的訣竅在于傳播快樂(lè )，讓文本易于閱讀，讓空間有自然的流動(dòng)，但不會(huì )使眼睛變得疲憊。并且太過(guò)分散的文本就像文字太接近一樣并不好。
當涉及到文本換行，一般需要我們遵循同樣的規則。例如使用有聯(lián)系的元素，考慮使用鏡像行間距規則。這樣，所有的東西都會(huì )有一致的感覺(jué)，各種我們看到的元素是有關(guān)聯(lián)的，增加了可讀性。
2. 什么東西都同樣大小
所有的照片大小相同，所有的文本大小相同，所有的按鈕大小相同，你到底是強迫癥還是懶癌晚期？！......你不知道這樣的畫(huà)面有多乏味嗎？！
把幾個(gè)不同大小類(lèi)型的元素進(jìn)行混合，這樣你可以在保持一致性的同時(shí)，又能夠制造一些視覺(jué)的趣味點(diǎn)，而且更吸引眼球哦！
其中，你能做的最好的事情之一，就是考慮照片的比例。每個(gè)頁(yè)面上的頂部視覺(jué)可能大小是相同的，但是你如何將照片分布其中是可以達到不同的感覺(jué)哦�？s小的圖像會(huì )讓人有遠距離的感覺(jué)，較小的視覺(jué)重量感；使用緊湊元素，會(huì )讓它的體量看起來(lái)更大，在不改變實(shí)際大小和網(wǎng)站風(fēng)格模板的基礎上，你可以創(chuàng )造更多的可能性。
3. 被遺忘的層次
當用戶(hù)來(lái)到一個(gè)網(wǎng)站，是期望能夠最快找到某個(gè)東西時(shí)，使他們很容易找到他，就需要一個(gè)獨特的層次結構的元素，去引導這一行為。
設計中我們應該明白什么是最重要的需求，減少對那些不是那么重要的信息的設計。讓畫(huà)面更有有秩序和層次感，讓用戶(hù)看一眼，就能找到他們要的。
然后把你的層次變成一種規則，標題和按鈕遵循同樣的規則放置，所有這些小的設計，最后都將會(huì )讓用戶(hù)的體驗更好。
4. 忽視基礎知識
有多少次你進(jìn)入一個(gè)網(wǎng)站，點(diǎn)擊一個(gè)鏈接，結果什么都沒(méi)有發(fā)生？或尋找電子郵件地址或聯(lián)系形式，就是找不到？
不要忘了照顧設計中的所有的元素，確保它們容易被找到和準確行。密切關(guān)注導航、搜索和頁(yè)腳的設計。
這些領(lǐng)域包括了許多鏈接和信息，非常重要！用戶(hù)經(jīng)常從這些地方獲取他們小樣的東西，并且很容易因為這里的設計不合理而流失。無(wú)法點(diǎn)擊的鏈接或者沒(méi)有聯(lián)系信息可能會(huì )導致用戶(hù)的不信任感。真的得不償失。
5. 太多的話(huà)
編輯您的文本，然后把它放在一邊后，然后拿過(guò)來(lái)然再編輯它！
許多網(wǎng)站的問(wèn)題是他們用太多的文字來(lái)解釋簡(jiǎn)單的事情，語(yǔ)言應簡(jiǎn)潔明了！
在設計中應該使用活躍的、描述性的詞語(yǔ)與用戶(hù)進(jìn)行良好的溝通。提供明確的指示以及可操作的項目，告訴用戶(hù)究竟要做什么，以及接下來(lái)會(huì )發(fā)生什么。
這樣才能過(guò)讓用戶(hù)保持興趣，并通過(guò)文字找到他們想做的事情。
6. 渣渣分辨率
任何一個(gè)會(huì )影響形象的圖片都應該被避免。許多用戶(hù)會(huì )在高分辨率設備上觀(guān)看你的設計，現在屏幕大多都是視網(wǎng)膜屏幕了，每個(gè)像素的細節都會(huì )被一一看見(jiàn)。分辨率差的圖像無(wú)疑會(huì )殺死任何好的設計。
現在我們需要重新考慮圖片的大小了，雖然對于網(wǎng)站圖片的大小一直被限制著(zhù)，但是現在的規律已經(jīng)改變，大多數互聯(lián)網(wǎng)可以處理負載，所以大膽的用高清圖片吧！
并且有一個(gè)這樣的現實(shí)：如果你不能使用一個(gè)清晰的圖像，你的第一印象就會(huì )變得很差，因為你的視覺(jué)第一印象告訴用戶(hù)很多關(guān)于你的信息，一個(gè)渣渣分辨率的圖片表示你并不關(guān)系你網(wǎng)站的形象，毫無(wú)疑問(wèn)這些不是你希望用戶(hù)在訪(fǎng)問(wèn)你的網(wǎng)站設計時(shí)所想的。
7. 太多的套路
太多的插圖照片和陰影和跳躍的圖標，都是不恰當的哦！太多這些常見(jiàn)的設計技巧，會(huì )分散用戶(hù)的注意力。一個(gè)不尋常的顏色，動(dòng)畫(huà)，以及奇怪的照片組合和插圖都是可以被認為是一種設計技巧。
他們可以是有效的工具，可以幫助你吸引用戶(hù)的注意力。
但是一切都要適度...
設計時(shí)你一定要克制下你炫技，雖然你真的會(huì )很多，但盡量不要過(guò)度使用。一個(gè)“大把戲”總是比許多個(gè)小技巧更有效。
結論
如果你犯了這些設計錯誤，也不要氣餒。因為每個(gè)人都有可能犯以上的錯誤。
對設計元素進(jìn)行一些調整，就足修改那些錯誤。所以第一步你要審計你的設計，然后找到他們，祝你好運哦!
【7個(gè)常犯的網(wǎng)頁(yè)設計錯誤】相關(guān)文章：
常犯的網(wǎng)頁(yè)設計錯誤08-09
ps常犯的后期錯誤08-30
新手開(kāi)車(chē)常犯的錯誤05-03
網(wǎng)頁(yè)設計常見(jiàn)的交互設計錯誤09-28
新手上路常犯的錯誤08-11
網(wǎng)頁(yè)設計中常見(jiàn)的交互設計錯誤09-26
網(wǎng)頁(yè)設計常見(jiàn)錯誤及解決辦法10-07