網頁設計中常會犯的錯誤

來源:文萃谷 9.68K

設計錯誤可能發生在任何人身上。也許你正在試圖快速的完成一個項目,或者你正在執行一個複雜的網站設計,然而簡單的東西往往最容易被忽視。一些設計錯誤可能會破壞你的內容,最終導致用户放棄使用你的網站,或者對你提供的內容失去信任!如果你不及時改成這些設計錯誤,後果將不堪設想。所以今天我們就來説説那些我們設計中常會犯的錯誤吧!

網頁設計中常會犯的錯誤

  1.混亂的排版

在排版時我們最常犯的錯誤就是在空間上。線間距,或者行距,以及在文字包裝上的空間我們經常栽跟頭。雖然有時你已經看到了空間的重要性,但是設計面臨的最常見的問題是,文本太多讓空間擁擠沒有足夠的空間呼吸,使設計凌亂和難以閲讀

很多人認為正文的字體段亂-網頁的公共線間距為網頁的常用行距約為字體大小的百分之120至百分之150。但是其實我們可以在設計時使用更小的間距,例如在移動設備上,在劇本的小的部分改變這個規律,以確保可讀性。

它的訣竅在於傳播快樂,讓文本易於閲讀,讓空間有自然的流動,但不會使眼睛變得疲憊。並且太過分散的文本就像文字太接近一樣並不好。

當涉及到文本換行,一般需要我們遵循同樣的規則。例如使用有聯繫的元素,考慮使用鏡像行間距規則。這樣,所有的東西都會有一致的感覺,各種我們看到的元素是有關聯的,增加了可讀性。

正確案例示範:House of Khlebny

  2. 什麼東西都同樣大小

所有的照片大小相同,所有的文本大小相同,所有的按鈕大小相同,你到底是強迫症還是懶癌晚期?!......你不知道這樣的畫面有多乏味嗎?!

把幾個不同大小類型的元素進行混合,這樣你可以在保持一致性的同時,又能夠製造一些視覺的趣味點,而且更吸引眼球哦!

其中,你能做的最好的事情之一,就是考慮照片的比例。每個頁面上的頂部視覺可能大小是相同的,但是你如何將照片分佈其中是可以達到不同的感覺哦。縮小的圖像會讓人有遠距離的感覺,較小的視覺重量感;使用緊湊元素,會讓它的體量看起來更大,在不改變實際大小和網站風格模板的基礎上,你可以創造更多的可能性。

正確案例示範:Brooke Promiitz

  3. 被遺忘的層次

當用户來到一個網站,是期望能夠最快找到某個東西時,使他們很容易找到他,就需要一個獨特的層次結構的`元素,去引導這一行為。

設計中我們應該明白什麼是最重要的需求,減少對那些不是那麼重要的信息的設計。讓畫面更有有秩序和層次感,讓用户看一眼,就能找到他們要的。

然後把你的層次變成一種規則,標題和按鈕遵循同樣的規則放置,所有這些小的設計,最後都將會讓用户的體驗更好。

正確案例示範:Ragnar Theme

  4. 忽視基礎知識

有多少次你進入一個網站,點擊一個鏈接,結果什麼都沒有發生?或尋找電子郵件地址或聯繫形式,就是找不到?

不要忘了照顧設計中的所有的元素,確保它們容易被找到和準確行。密切關注導航、搜索和頁腳的設計。

這些領域包括了許多鏈接和信息,非常重要!用户經常從這些地方獲取他們小樣的東西,並且很容易因為這裏的設計不合理而流失。無法點擊的鏈接或者沒有聯繫信息可能會導致用户的不信任感。真的得不償失。

正確案例示範:Anagram Paris

  5. 太多的話

編輯您的文本,然後把它放在一邊後,然後拿過來然再編輯它!

許多網站的問題是他們用太多的文字來解釋簡單的事情,語言簡潔明瞭!

在設計中應該使用活躍的、描述性的詞語與用户進行良好的溝通。提供明確的指示以及可操作的項目,告訴用户究竟要做什麼,以及接下來會發生什麼。

這樣才能過讓用户保持興趣,並通過文字找到他們想做的事情。

正確案例示範:A is for Albert

  6. 渣渣分辨率

任何一個會影響形象的圖片都應該被避免。許多用户會在高分辨率設備上觀看你的設計,現在屏幕大多都是視網膜屏幕了,每個像素的細節都會被一一看見。分辨率差的圖像無疑會殺死任何好的設計。

現在我們需要重新考慮圖片的大小了,雖然對於網站圖片的大小一直被限制着,但是現在的規律已經改變,大多數互聯網可以處理負載,所以大膽的用高清圖片吧!

並且有一個這樣的現實:如果你不能使用一個清晰的圖像,你的第一印象就會變得很差,因為你的視覺第一印象告訴用户很多關於你的信息,一個渣渣分辨率的圖片表示你並不關係你網站的形象,毫無疑問這些不是你希望用户在訪問你的網站設計時所想的。

正確案例示範:Orsolina 28

  7. 太多的套路

太多的插圖照片和陰影和跳躍的圖標,都是不恰當的哦!太多這些常見的設計技巧,會分散用户的注意力。一個不尋常的顏色,動畫,以及奇怪的照片組合和插圖都是可以被認為是一種設計技巧。

他們可以是有效的工具,可以幫助你吸引用户的注意力。

但是一切都要適度...

設計時你一定要剋制下你炫技,雖然你真的會很多,但儘量不要過度使用。一個“大把戲”總是比許多個小技巧更有效。

正確案例示範:Wokine

熱門標籤