?

全國統一服務熱線:18021770366

站內公告:

淮安市嘉瑞廣告有限公司主要提供廣告設計制作安裝服務以及網站制作,是一家經驗豐富的廣告設計制作公司,擁有十幾年廣告設計制作經驗!

聯系我們CONTACT

地址:淮安市翔宇大道1009號
熱線:0517-8588 1663
Q Q:34665706
郵箱:[email protected]

18021770366

新聞中心

當前位置:主頁 > 新聞中心 >

提高設計對比安裝度的6種方法

2020-01-15 點擊量:

寫在前面

對比是不同的,尤其是在實體或物體之間的強烈的不同。簡單地說,就是頁面上的兩個元素完全不同。設計師使用對比度的原因有很多。

你可以用它來:

  • 強調重點
  • 提高可讀性
  • 建立層次結構
  • 并添加一些可視化的趣味

你的設計中加入對比度可以讓它更加突出。在本文中,我們將與你分享一些使用不同類型元素來提高設計對比度的方法。

 

一、調整元素大小

如果你試圖使事物盡可能相似或對稱,那么在您的設計中創建一個明確的焦點可能會非常困難。具有相同尺寸,顏色和重量的元素可能最終變得不明顯。

增加設計對比度的最簡單方法之一是使一個元素比它周圍的元素更大(或更?。?。瀏覽者的眼睛自然會被對比鮮明的頁面元素所吸引,因為它看起來與他們所看到的其他元素不一樣。

例如,如果你正在設計一個登錄頁面,你會希望在折疊上方調用action按鈕,其大小要大于它周圍的標題和文本。

使元素(如圖像,文本塊,標題或按鈕)更大,超出了它的尺寸。例如,如果您正在處理標題,字體的重量也會影響其顯示的大小。雖然這句話中的文本大小明顯相同,但這部分看起來會更大一些,因為它具有更多的視覺重量。

我們來看一些例子:

提高設計對比度的6種方法

 

二、使用紋理和圖案

紋理和圖案可以幫助你創建高對比度的設計時,他們的特點是顯著不同的彼此。例如,將粗糙紋理的背景與平滑的前景文本進行配對,可以增加設計的對比度。

紋理賦予設計個性。粗糙的,顆粒狀的紋理會給你的設計帶來復古的品質,而細微的噪音紋理會幫助你創造出一種自然的變化,類似于你在報紙上看到的那種。同樣的,照片的紋理會給你的設計帶來逼真的效果,也是另一種流行的增加對比度的方法。

以下是一些使用紋理和圖案的一些網站案例:

提高設計對比度的6種方法

提高設計對比度的6種方法

Conchords網站演示了如何在排版中使用紋理來提高對比度。

提高設計對比度的6種方法

 

三、添加顏色

使用顏色為你的設計增加對比度是非常有效的。最好的部分是有幾種不同的方法去做它。你可以對比暗色調和淺色,色相和/或色溫。

與明暗顏色對比是很簡單的。想想深色背景上的淺色文字或者淺色背景上的深色文字?;蛘?,你也可以將不同的調色板組合在一起以使用不同的顏色。

主要有三種選擇:

  • 互補的。這些是在色輪上相對出現的顏色。一些例子包括紅綠,紫黃和藍橙。
  • 拆分互補。這是互補色方案的變體。它使用基色和色輪上與其互補色相鄰的兩種顏色。
  • 三元色。這些調色板包括均勻分布在色輪上的顏色,如紫綠橙。

TripAdvisor網站在搜索結果中使用了三元調色板來增加一些對比

提高設計對比度的6種方法

最后,你可以混合顏色溫度,尤其是暖色和冷色,來改善你設計中的對比度。紅色、橙色和黃色是暖色,而藍色、綠色和紫色是冷色。

提高設計對比度的6種方法

 

四、注意對齊和間距

空白和文本對齊有助于建立組織結構,并在設計中創建視覺層次結構。例如,如果你正在設計一個包含大量內容的頁面,那么在重要元素周圍加上空白可以幫助它們脫穎而出,并吸引訪問者的注意力。

請注意,Information Highwayman網站如何使用空白和文本對齊來將頁面元素分組,并創建一個視覺層次結構來引導讀者的視線向下瀏覽屏幕。

提高設計對比度的6種方法

將對象分組在一起可以讓用戶知道它們是相關的,嘉瑞廣告,并將它們分隔成不同的部分。通過這種方式,你可以通過簡單地使用空白和對齊來實現設計中的對比度。

提高設計對比度的6種方法

周圍的產品與大量的空白空間注入您的網頁與豪華和優雅的感覺。

提高設計對比度的6種方法

提高設計對比度的6種方法

 

五、利用排版

版式對于網頁設計是必不可少的,它給了你很多機會來提高你的設計的對比度。具體來說,您可以添加與字體組合、樣式和權重的對比。

?
渡劫5龙宫赚钱 短线黑马股推荐 海南环岛赛彩票下载 排列五最小值 证券投资上证指数 广东11选5开奖记录 炒股多少钱能开户 分分11选5怎么玩 正规股票配资 江苏7位数开奖官网 舟山飞鱼彩票走势图