日本欧美一区二区三区在线播放 ,亚洲国产日产无码精品,中文字幕av无码免费一区

搜索

APP

起點課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導直播

12場專業(yè)技能直播

會員專屬社群

榮耀標識

發(fā)布

注冊 | 登錄

影響網(wǎng)頁內(nèi)容的七種設計誤區(qū)

Aine

2017-04-10

0 評論 9836 瀏覽 39 收藏

10 分鐘

如果你的設計當中出現(xiàn)了這些問題，請不要擔心。它們的解決方案并不復雜，通常也不需要經(jīng)過復雜的重設計來完善，只需要進行適當?shù)恼{(diào)整即可。

設計中出現(xiàn)誤差或者錯誤其實是很正常也很普遍的現(xiàn)象，也許你只是想盡快完成一個設計項目而倉促地提升進度，也可能是因為項目本身的復雜度過高，你忽略的某些問題。但是無論是怎么造成，總得試圖解決問題，修復不完美的設計。

而今天我們要探討的核心是影響你的網(wǎng)頁內(nèi)容的設計誤區(qū)，這些誤區(qū)有的讓網(wǎng)站的信息無法正確的傳達，有的讓人感到迷惑，這些問題可能會導致用戶無法接受，理解錯誤，甚至感到不適。那么，有哪些常見的影響內(nèi)容的設計問題需要規(guī)避呢？

1、不合理的排版

排版設計出問題，首當其沖的空間設計不合理。段間距和行間距是文本內(nèi)容常見的空間控制變量，雖然有的排版會因為間隙過大而顯得松散，但是更常見的問題其實是排布布局過于緊密，缺乏呼吸感，這可能會讓設計看起來混亂，可讀性低下。

一般而言，對于大段的文本內(nèi)容，行間距最好是文字高度的120%到150%。對于較小的文本，考慮到移動端的用戶使用場景，這個行間距可能還得在提高一些，這樣才能確保舒適的閱讀體驗。

但是，不論是怎樣控制，核心始終在于確保閱讀體驗是愉悅而恰到好處的。擁有恰當而富有流動性的排版，視覺上才會令人舒適。間距太大太小都不合適。

另一方面，整個頁面排版的行間距的比例要保持一致，這樣能讓視覺上更加統(tǒng)一，也能夠強化同類、相關(guān)元素的關(guān)聯(lián)性，增加可讀性。

2、所有元素尺寸一樣

所有的圖片尺寸都一樣，所有的文本都一樣大小，所有的按鈕都一樣的樣式，這樣的“一致”看起來不錯，但是實際上會顯得更加無聊。

網(wǎng)頁中的許多元素可以一致，但是不能完全一樣，這是兩個概念?；诓煌男枨?，不同的位置的按鈕尺寸是不能完全一樣的，但是它們可以沿用相同的樣式，并且設計幾個相對固定的尺寸比例，這樣也可以更好的控制整個視覺和體驗。

其實這當中，圖片在網(wǎng)頁框架中的使用就是一個最好的實例。不同頁面的首圖尺寸是一樣，其中的圖片如果要應用到不同整個布局其他的位置的時候，直接按比例縮小，其中的元素視覺重量會直接降低，信息傳達的有效性也隨之降低。最理想的狀況，是根據(jù)整個網(wǎng)頁框架布局的需求，基于原圖有針對性地進行切圖。

3、忽略層次

我們所看到的絕大多數(shù)的網(wǎng)頁是需要通過精心組織的層次結(jié)構(gòu)來呈現(xiàn)內(nèi)容的，畢竟網(wǎng)頁內(nèi)容也是遵循 80/20 法則的，20%的內(nèi)容常常能夠擁有80%的重要性。這也使得網(wǎng)頁的層次結(jié)構(gòu)如此的重要。

網(wǎng)頁中不同的內(nèi)容是有輕重緩急的，而這種重要性不論是基于設計的需求還是用戶的需求，都是能夠進行判斷和劃分的。與此同時，用戶在快速瀏覽內(nèi)容的時候，重要的內(nèi)容應當置于重要的、易于掃視查看的位置。在我們之前的《F式布局》的文章當中，對此有詳細的陳述。

在確定了重要性優(yōu)先級之后，層次結(jié)構(gòu)的設計思路就可以基本確定了。首圖、標題等元素是承載重要信息的載體，而能夠引導用戶行為的CTA按鈕、輸入框等元素，則能在交互的層面上，強化內(nèi)容的效力。所有的這些東西，在設計網(wǎng)頁的層次結(jié)構(gòu)的時候，應該系統(tǒng)的考慮。