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