集致设计 | www.sxh4.net 西安集致品牌设计有限公司是品牌设计更新管理的专家14年来为300多家客户提供了品牌设计服务
集致设计
品牌热线
扫码访问手机微网
集致全部服务
集致服务 首页 关于集致 服务领域 案例展示 集致动态 集致观点 集致文化 人力资源 联?#23548;?#33268;
集致观点 > 品牌观察 返回目录
提高设计对比度的六种方法

对比是不同的尤其是在实体或物体之间的强烈的不同

简单地说就是页面上的两个元素完全不同设计师使用对比度的原因有很多

提高设计对比度的6种方法


一调整元素大小
如果你试图使事物尽可能相似或对称那么在您的设计中创建一个明确的焦点可能会非常困难具有相同尺寸颜色和重量的元素可能最终变得不明显

增加设计对比度的最简单方法之一是使一个元素比它周围的元素更大或更小浏览者的眼睛自然会被对比鲜明的页面元素所吸引因为它看起来与他们所看到的其他元素不一样

例如如果你正在设计一个登?#23478;?#38754;你会希望在折叠上方调用action按钮其大小要大于它周围的标题和文?#23613;?br />
使元素如图像文本块标题或按钮更大超出了它的尺寸例如如果您正在处理标题字体的重量?#19981;?#24433;响其显示的大小虽然这句话中的文本大小明显相同但这部分看起来会更大一些因为它具有更多的视觉重量

提高设计对比度的6种方法

二使用纹理和图案
纹理和图案可以帮助你创建高对比度的设计时他们的特点是显著不同的彼此例如将粗糙纹理的背景与平滑的前景文本进行配对可以增加设计的对比度

纹理赋予设计个性粗糙的颗粒状的纹理会给你的设计带来复古的?#20998;ʣ?#32780;细微的噪音纹理会帮助你创造出一种自然的变化类似于你在报纸上看到的那种同样的照片的纹理会给你的设计带来逼真的效果也是另一种流行的增加对比度的方法

提高设计对比度的6种方法

Conchords网站演示了如何在排版中使用纹理来提高对比度

西安集致品牌设计公司专业设计二十年029-85421195

提高设计对比度的6种方法

三添加颜色
使用颜色为你的设计增加对比度是非常有效的最好的部分是有几种不同的方法去做它你可以对比暗色调和浅色色相和/或色温
与明暗颜色对比是很简单的想想深色背景上的浅色文字或者浅色背景上的深色文字或者你?#37096;?#20197;将不同的调色板组合在一起以使用不同的颜色

主要有三种选择:
互补的这些是在色轮上相对出现的颜色一些例子包括红绿紫黄和蓝橙
拆分互补这是互补色方案的变体它使用基色和色轮上与其互补色相邻的两种颜色
三元色这些调色板包括均匀分布在色轮上的颜色如?#19979;?#27225;

TripAdvisor网站在搜索结果中使用了三元调色板来增加一些对比提高设计对比度的6种方法
最后你可以混合颜色温度尤其是暖色和冷色来改善你设计中的对比度红色橙色和黄色是暖色而蓝色绿色和紫色是冷色



四注意对齐和间距
空白和文本对齐有助于建立组织结构并在设计中创建视觉层次结构例如如果你正在设计一个包含大量内容的页面那么在重要元素周围加上空白可以帮助它们脱颖而出并吸引访问者的注意力

请注意Information Highwayman网站如?#38382;?#29992;空白和文本对齐来将页面元素分组并创建一个视觉层次结构来引导读者的视线向下浏览屏幕提高设计对比度的6种方法
将对象分组在一起可以让用户知道它们是相关的并将它们分隔成不同的部分通过这种方式你可以通过简单地使用空白和对齐来实现设计中的对比度


五利用排版
版式对于网页设计是必不可少的它给了你很多机会来提高你的设计的对比度具体来说您可以添加与字体组合样式和权重的对比

当您在设计中使用多个字体来实现对比度时您需要确保字体对很好地组合在一起并且在视觉上彼此不同最流行的公式之一是使用衬线和无衬线配对使用像Fontjoy或Type Connection这样的工具为你的设计?#19994;?#19968;个好的对比鲜明的字体搭配

通过排版提高对比度的另一个简单方法是使用不同的字体样式(斜体缩写或小帽)或字体权重(轻普通或粗体)例如可以对标题使用粗体对文本块使用相同字体的轻型版?#23613;?br />

六添加意外的元素
意想不到的元素如果使用得当可以给你的设计一个平衡的对比

尽管这种对比技巧很难掌握但是有几种不同的方法可以让你开始尝试例如您可以通过引入不对称元素来打破干净对称的设计或者你?#37096;?#20197;在其他中性的设计中使用明亮的颜色?#39038;?#26356;流?#23567;?



本文章来源于网络如有侵权请联系?#22659;?#32852;系电话029-85421195

来源互联网    作者?#20309;粗?nbsp;   时间2019-3-21

上一篇 西安集致设计深度解析农产品包装设计
下一篇 品牌起名注意事项2019
返回目录 返回集致观点目录
集致公司介绍.pdf 标志案例下载.pdf
VIS案例下载.pdf 包装案例下载.pdf
酒店案例下载.pdf 实施案例下载.pdf
客户案例>>
小图标 在线联系
公司地址西安小寨西路皇家公馆英郡楼1903室
联?#23548;?#33268;029-85421195   18991272078
图文传真029-85421195
电子?#22987;[email protected]
人才招聘[email protected]
QQ咨询 集致设计 集致设计
小图标 在线留言
小图标 电子地图
集致公司位置图
公交路线6006163619605603路小寨站下西行300米皇家公馆英郡楼1903室地铁1号线小寨站下
Ŧ˹ͼ
vr3ֲʲô淨 ʴ͸ ʱʱɵİٿ ʱʱʱƭ׷ Ѽƻ ӱ11ѡ53 500ͼ ʱʱˮ Dzʿ ӮǮλ㵽 ѡ11ѡ5 ֻ沶 ʱʱͶע ʮרԤ 11ѡ5 ٵ