童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

6个方法,使你的设计项目对比度更明显

9月5日 萌嘟嘟投稿
  很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。
  对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。在几乎所有的设计项目当中,设计师总会出于各种目的来营造对比,通常而言,对比可以用来:
  强调重点
  提高可读性
  创建层次
  增加视觉吸引力
  很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。
  1、调整元素的尺寸大小构成对比
  如果你所设计的UI界面或者插画当中,绝大多数的元素都是尺寸相似的,位置对称的,色彩相似,那么它们在一起是很难创造出视觉焦点的。
  增加设计的对比度的诸多方法当中,让元素之间的尺寸差别尽可能大一点是最快最直接的。想要达到这个目标,可以让某个元素更大一点,或者更小一点。用户的眼睛会很自然地被这种差异性吸引过去,因为它们是不同的。
  如果你此刻所设计的是网页,那么可以让标题或者CTA标语和按钮比周围的元素更大一些。更大的元素会拥有更明显的视觉重量,这种东西可以通过对比来呈现。
  下面是一些实战案例:
  2、使用纹理和图案来构建对比
  想创造对比度更高的设计,本质始终还在在于创造差异。而纹理和图案这种元素,相互之间往往有着很大的差异,在设计的时候可以充分利用这一点。比如:可以让粗糙的纹理和平滑的元素搭配在一起,创造出对比度。
  另外一方面,纹理本身会带有一些特定的属性,比如:粗粝的纹理能够创造复古的质感,微妙的纹理则能够给人自然的感受。同样的,不同的气质和质感之间也存在差异,一方面能够创造更加独特的效果,另外一方面也能强化对比度。
  以下是一些实战案例:
  3、通过色彩强化对比度
  配色也是很重要的设计技巧,同样是最容易被感知到的设计元素。色彩的色相、明暗、饱和度上的差异,都能够制造足够对比度。同一种色相之下,不同深浅的颜色之间的对比是非常明显的,而我们最常见的就是在黑色背景上的白色文本和在白色背景上的黑色文本,这种对比度确保了内容拥有基本的可读性。
  当然,在实际的色彩搭配当中,对比度足够明显的配色方案会更加复杂,通常而言,下面基于色轮的三种色彩搭配方式能够给你对比明显效果不错的配色:
  互补配色:色轮上处于相对位置的两种色彩,比如红色和绿色。
  分割互补:这是互补配色的变种,指的是色轮上相邻的两种色彩和它们各自相对位置的色彩,共同组成的配色方案。
  三元互补:这指的是在色轮上互相间隔120度的三种色彩组成的配色,比如绿色,紫色和橙色构成的配色。
  TripAdvisor这个网站就使用了三元互补的配色,来构建对比色。
  最后补充一句,除了借助色轮以外,还可以比较简单地使用冷色和暖色来作为对比色,构建配色方案。
  4、通过留白来制造层次和对比
  在设计的时候,留白是组织内容的重要手段,它们能够创造足够明晰的视觉层次。比如:设计一个包含大量内容的页面,不同元素之间的疏密控制,能让内容各自拥有不同的层级,不同元素之间的留白和间距,则能够让它们拥有不同程度的吸引力。被大量留白所环绕的元素,更容易吸引人的注意力。
  注意InformationHighwayman这个网站是怎么借助视觉层级来吸引用户注意力的。
  距离靠近的元素会让用户觉得它们相互之间是有关系的,而相互远离的元素这种关联性就会降低。这是留白的作用。
  大量的留白不仅能够营造对比,还能创造优雅大气的感觉。
  5、充分利用字体排版来制造对比
  不同的字体组合和排版布局,同样能够强化设计的对比度。不同的字体有着不同的视觉效果,给人不同的体验,可以通过合理的字体组合,来营造对比度。字体之间的差异要足够显著,但是在搭配使用的时候,还需要足够协调,这种微妙的平衡需要控制。最受欢迎的搭配方式,是采用衬线体字体和非衬线体字体。诸如Fontjoy和TypeConnectiong可以帮你进行字体搭配的挑选。
  另外一种方法,是使用不同的字体样式来创造差异,比如:使用斜体、加粗的效果,或者使用不同的字重来进行区别。
  下面是案例:
  6、使用意外的元素
  如果使用得当,一些非常规的、意外的元素,能够给你的设计保持平衡还能够创造足够的对比度。意外的元素并不是用户不希望看到的东西,而是让他们感到惊讶的元素。
  虽然这些元素很难做到恰到好处,但是也不是没有规律可供遵循。比如:使用不对称的设计,来打破沉闷的布局,或者在中性的配色方案当中,加入一抹亮色,这都是比较典型的方案。
  下面是案例:
  结语
  在设计的过程中,并非所有的设计都是一次成型的。当你的设计需要足够的对比度的时候,可以按照上述的方法,来进行调整,将对比度提升上来,让整个设计更加贴合用户的需要,让设计发挥作用。
  
  作者:RICHSTAATS
投诉 评论 转载

订单结算管理系统的产品设计思路(上)通过对企业商户的各种业务的订单进行管理,财务人员免去了QQ微信沟通及导出订单人工计算的环节,同时相关订单结算记录也可以查询。笔者在一家物业集团科技公司负责平台型产品,有幸……评论区设计(三):如何做好直线分枝式评论?文章以网易云音乐评论区为例,给大家讲解一下如何做好直线分枝式评论?网易云音乐的评论区排版,分三部分:近期热评精彩评论最新评论。本文只探讨最新评论区,最新评论区是直线分枝式……干货:如何设计一套微信表情包?本篇文章作者给大家分享了一套微信表情从设计到上架的整个流程,感兴趣的小伙伴看完也可以自己试一下哦一、概述1。微信表情是什么?微信算是表情家喻户晓,每个用微信表……集体人格与WMS的设计集体人格是现实中普遍存在的现象,而作为一个产品经理,需要理解它,去借用它的力量,运用到产品工作中。集体人格是什么?集体人格就是一堆角色。这是梁宁在《产品思维3……6个方法,使你的设计项目对比度更明显很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。……设计文章列表时,左文右图还是左图右文好?当我们仔细看APP的文章列表时我们会发现:有些采用的是左文右图;有些采用的则是左图右文。这个时候我们有没有进一步思考过,这两种方式有什么区别呢?各自的优缺点又是什么呢?在……译文HoloLens的手势交互指南本篇文章是微软官网上对HoloLens手势交互的说明,作者做了翻译,并分享给大家用户可以通过手势在混合现实的环境下完成一些指令和操作。HoloLens的交互方式是用目光凝……一次背包旅行引发的对P2P旅行产品的思考前段时间独自去西藏背包游,结束后开始了解旅游p2p产品让志趣相投、非常了解当地文化和生活的当地人直接为游客提供服务的旅游产品;旅游p2p是不是一种正确的模式呢?产品是否有可改进……“邀请好友“功能的设计逻辑今天和大家分享的是邀请好友功能的设计逻辑,希望能对初次接触“邀请好友”功能的小伙伴有所帮助启发。一、为何要设计邀请好友功能?大多数的APP都有邀请好友功能,……我对谷歌浏览器的优化设计:一键打开所有网站新版本的谷歌浏览器在界面上做了不少优化,但在用户体验上还有很多提升的空间。本文作者就是从这个角度出发,并设计了对应的解决方案,希望能给大家带来启发。一、最初的直觉在……互联网公司的创意设计师,都在做什么?创意人人都有,但创意设计师可不是谁都能当。互联网公司有很多设计师、体验设计师、界面设计师、创意设计师、视觉设计师、等等。体验设计师专注于给用户带来积极的用户体验,让……Dropbox设计师总结:如何让界面信息更加聚焦?始终围绕用户目标做设计决策,根据功能优先级做出不同的设计形式,强化核心功能,是一篇非常棒的细节优化方向参考文章。内容不多,但是蛮有启发,分享给大家!想想看,在手机上工作是……
是什么造就了一个伟大的谷歌产品经理?十年老产品经理教你管理需求池见微知著:怎么做产品的数据驱动想做出优秀产品,你得把握这三大要素站在大师角度拆解,可用性该怎么玩?(一)从宏观和微观角度,讨论下用户、产品、运营的三角恋关系进阶之路:站在高视角看产品是一种怎样的体验?未来已来,如何成为一名人工智能产品经理产品经理,做个斜杠青年也挺好的那些年,看到别人掉过的产品坑为什么说完美主义的产品理念背后有个天坑毫无价值的“一天”,你都做了什么?
黄黑皮适合的13款口红推荐,黄黑皮怎么涂口红好看2000档位手机开卷,联发科又成炮灰,一加Ace2V还能称王游处州公园作文500字老年人怎么泡脚养生专利技术转让合同交易得到比尔?勇士记者明确回应,库兹马自比塔图姆,确定离队松下LX7支持防抖吗新买的保温瓶如何处理才能用六个健康长寿的因素,看看你占了几个?占一半就很好电脑下载软件的正确方式食品加工的高标准,正促使行业加速向自动化制造转型立夏晚上能种什么菜立夏晚上能种什么

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界