生活工程体验信仰哲学精神
投稿投诉
精神世界
探索历史
哲学文学
艺术价值
信仰创造
境界审美
体验技术
技能工具
工程信息
医学生产
生活运用
操作能力

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

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

个方法使你的设计项目对比度更明显很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。……做最好的自己读后感迎来了新的学期,续写崭新的诗篇,塑造全新的自我。新学期,新目标,新奋斗。让我们在这个学期勾勒一幅幅美丽的画卷,谈走出一篇篇最优美的乐曲。让我们大声的告诉自己:要做就做最好的自己……焚身造句用焚身造句大全【焚身fnshn】:1。焚烧身体。旧时宗教信徒以之作为一种祈祷赎罪行为。(1)名为锢身锁,利是焚身火。(2)劝君少干名,名是锢身锁。劝君少求利,利是焚身火。(……马云分享创业必杀技我只让对手流眼泪在这个互联网和大众创业叠加的时代,总有些人和故事让人鼓足前进的动力。8月8日晚间,马云在北京联合大学的演讲中分享了他的创业经和对未来互联网发展的看法。谈创业,他说:创业成……女孩儿造句用女孩儿造句大全31。女孩儿哭的泪流满面:“你太自私了,从来不在乎我的感受,只知道顾着自己。”男孩儿赶紧捧起她的脸,安慰道:“宝贝别哭好不好,看你流泪我心好痛。”女孩一把甩开男孩的手:“都这个……前进还是转向决定你成功还是失败有一天上网,收到这样一份短消息,标题是:现实中,我们该怎样权衡放弃与坚持?正文是这样的:老师,在我看得许多有关励志方面的书中,有些里面提到要学会坚持,而且举了很多因为坚持最后取……规范治理小饭桌很有必要对于城市里很多双职工家庭来说,小饭桌的作用和意义重大。小饭桌虽然解决了家长的后顾之忧,但也存在食品安全、监管乏力等问题。有经营者认为,近年来,成本上涨,还要应对各种检查,很多学……贵在造句用贵在造句大全211相交贵在知心,我们是战场上相互照顾过的弟兄,本不用那些繁文缛节!所谓弟兄,不用什么同年同月同,荣辱与共、互信互爱而已!2121379年彭莹玉的同族彭普贤和彭普贵在四……指甲盖上有竖纹是怎么回事指甲盖上有竖纹是怎么回事相信很多人的手指的指甲上会出现很明显竖纹,对于这种情况,很多人都不以为意,觉得这个不会影响个人的健康问题。但是恰恰相反,当我们指甲上出现一条或者是数条的竖纹。那么指甲盖上有竖纹……避开哪些误区才能给宝宝备足口粮避开哪些误区才能给宝宝备足口粮?每年八月的第一周是世界母乳喂养周,近年来中国妈妈们母乳喂养的意识越来越强烈。母乳有多好早已毋庸置疑,但怎么才能让自己变成一头奶牛?母乳喂养到底有……女人心理学会高傲地生活作为女孩子,心理高傲地生活,永远比卑谦地生活,更能得到尊敬、怀念和爱。Psy525。cn1、如果发短信息给一个人,他不回。不要再发。2、如果没有人陪,学着一个人听音……备孕吃石榴好吗石榴的营养特别丰富,含有多种人体所需的营养成分,果实中含有维生素C及B族维生素,有机酸、糖类、蛋白质、脂肪,以及钙、磷、钾等矿物质。据分析,石榴果实中含碳水化合物17,水份79……
老妈给我开门突然眼前一黑凤尾竹干枯后会缓过来吗多肉生白色虫子用盐水小儿风湿热易与哪些疾病相混淆怎么样去除指甲死皮减肥只做有氧运动可以吗有氧无氧结合效果更好生产技术造句用生产技术造句大全过春节的作文贵金属理财误区有哪些菊花茶真丝造句用真丝造句大全精湛造句用精湛造句大全79支队伍参赛!山东省省直机关篮球赛火热进行湖南气温上演最后的疯狂,冷空气已下单面向造句用面向造句大全胸痹心痛?多因痰瘀互结,送你四味中药,化瘀化痰标本兼治一万个理由歌词过年日记400字分享刘邦平定异姓王,为什么只有长沙国和长沙王得以幸免诈骗60万能判缓刑吗世人贪婪,总想寻找两全,但人生百年,不过是教人如何取舍纸团疑云(续写)茶花品种(茶花品种欣赏)孕妇甲减对胎儿影响可造成胎儿严重智障

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找