使用強調來吸引觀眾的眼球
強調網頁設計會創建一個區域或對象,它是頁面的焦點。 這是在設計中突出一個元素的一種方式。 焦點可能比設計的其他元素更大或顏色鮮豔 - 兩者都傾向於吸引眼球。 當你設計一個網頁時,你可以通過選擇一個單詞或短語來增加重點,並為它指定一種顏色,字體或大小以使其突出,但在設計中使用重點還有很多其他方法。
強調設計中的使用
設計師能夠做出的最大錯誤之一就是試圖讓設計中的所有東西都脫穎而出。 當所有事情都有同樣的重點時,設計看起來很忙碌,令人困惑,或者更加枯燥乏味,沒有吸引力。 要在網頁設計中創建一個焦點,請不要忽略以下內容的使用:
- 線條:通過對比創造強調。 如果幾個元素是水平的,則一個垂直元素成為焦點。
- 顏色:如果設計中的大多數元素都是黑色或靜音的,任何帶有顏色的物體都會吸引眼球。
- 形狀:大多數形狀不規則時,幾何形狀突出。
- 接近度:當幾個項目分組時,一個與組分開,眼睛轉到單個項目。
- 放置:雖然也有例外,但放置在設計中心的元素通常會吸引眼球。
- 重量:沉重的元素吸引觀眾的注意力。
- 重複:當重複一個簡單的圖形到元素類型元素時,眼睛會將重複元素跟在焦點上。
- 對比度:除了由顏色和線條創建的對比度外,還可以通過尺寸,紋理或字體更改生成對比度。 這種變化導致焦點元素脫穎而出。
- 白色空間:由白色(或空白)空間包圍的元素成為焦點。
Web設計中的層次結構
層次結構是設計元素的視覺排列,表示按大小顯示重要性。 最重要的因素是最重要的; 不太重要的元素更小。 專注於在您的網頁設計中創建視覺層次結構。 如果您已經努力為HTML標記創建語義流,這很容易,因為您的網頁已經具有層次結構。 您的設計需要做的就是強調正確的元素 - 比如H1標題 - 最重要。
除了標記層次結構之外,還要識別訪客的眼睛從屏幕左上角開始以Z模式查看網頁。 這使得頁面的左上角成為諸如公司徽標等重要項目的好地方。 右上角是重要信息的第二好位置。
如何將重點放在Web設計中
網頁設計的重點可以通過多種方式實現:
- 即使沒有任何樣式,也可以使用語義標記來強調。
- 在設計中改變字體或圖像的大小以強調或不強調它們。
- 使用對比色來強調。
- 尺寸計數。 頁面或屏幕上的巨大單詞會立即引起注意。
- 用白色空間圍繞焦點。
- 重複一個單詞或圖像以引起注意。
從屬地位在哪裡?
當您調低設計中的其他元素以突出焦點時,會出現從屬關係。 一個例子是一張鮮豔的彩色圖形,放置在黑色和白色背景照片上。 當您使用與焦點後面的背景混合的柔和顏色或顏色時,會產生同樣的效果,從而使其脫穎而出。