产品与服务金海电子
产品与服务
当前位置:金海电子 >> 产品与服务 >> 浏览文章
产品与服务

7条用于创建UI配色方案的实用技巧二

标签:用于,创建,配色,方案,实用,技巧 发布时间:2024年04月19日 阅读:111次

       1.限定颜色的数量

  将色彩应用于设计并平衡颜色间的关系也很紧张。一样平常来说,你使用的颜色越多,就越难达到它们间的平衡。这就是为什么会建议在一个配色方案中使用有限数量的颜色。对于一些移动应用产品,你可以用一种主色来创造一些令人惊艳的产品。诀窍是使用主色的明暗转变。你可以通过降低亮度和增长饱和度来创造更暗的颜色转变,而更通亮的颜色可以通过增长亮度和降低饱和度来产生。看一看iOS版的Facebook App应用。这款应用的重要颜色是蓝色,在界面上使用蓝色作为主色。Facebook使用了蓝色的深浅转变颜色组合。
  7条用于创建UI配色方案的实用技巧二
    2.使用60%:30%:10%颜色比例规则
    即使颜色数量很有限香港化验所,也不易于创造出一个协调的配色方案。很多设计师面临着色彩比例的题目,这在之前的移动应用程序的UX/UI设计提醒的文章中就说过,大概合理分配UI界面中的颜色比例并非易事。
    盼望一个简单的颜色比例规则,即60%:30%:10%可以帮你创建一个适当的平衡。这项配色技术来自于室内设计行业。这条规则很容易把颜色平衡带入到构图画面中。配色应该遵循60%-30%-10%的比例品牌策划公司,按照这条规则,你将拥有60%的主色网页设计报价,30%的辅助颜色,10%的强调颜色。
  7条用于创建UI配色方案的实用技巧二
    3.不要忽略可访问性的两个基本规则在UI设计的紧张性
    在创建UI界面时,设计师的首要目标是确保每个用户在使用产品时都有优秀的的使用经验。当所有效户群体,包括有视觉停滞的人,都可以正常访问设计时,就能很好实现可行性。负责配色的设计师必须认识WCAG 2.1规则(https://www.esmo.cn/w33453/TR/WCAG/),并将实践融入到配色选择中。可访问性的两个基本规则应该应用于每个UI设计中:
    ● 当出如今有色背景上时,文本应该是清晰的。元素之间应该有充足的颜色对比,如许视力较低的用户就可以阅读文本了。设计师可以使用一些专门的工具,比如Webaim对比检查器来检查颜色对比的可识别性。
    ● 不要只寄托颜色来传达功能。运用笔墨说明与UI元素一路发生的事件,这将使界面也适合那些色盲用户使用。
  7条用于创建UI配色方案的实用技巧二
    配色工具
    为了增补我们创建配色方案的快速指南,我们还提供了一些配色工具,在7条用于创建UI配色方案的实用技巧(一)中也有细致的介绍。它们可以简化创建特定的UI配色方案的步骤。
    Coolors.co(https://coolors.co/)
    Coolors.co是一个便捷的配色工具。你所必要做的就是锁定选定的颜色并按空格来生成调色板。或者江苏人事考试网站,你可以上传一个图片,并从中制作一个调色板。该工具许可将颜色组合导出到不同的格式,比如SVG。
  7条用于创建UI配色方案的实用技巧二
    Adobe Color CC(https://color.adobe3564/zh/create/color-wheel/)
    Adobe Color CC许可你使用一个色轮来创建一个配色方案。创建的方案可以导出到Adobe Photoshop中。它还提供了来自Adobe创意社区的数千种良好的配色组合。
  7条用于创建UI配色方案的实用技巧二
    Paletton(http://paletton3564/)
    Paletton类似于Adobe Color CC,关键的区别在于你不仅限于了5个色调。当你有了主色并且想要使用更多的配色时,这个特征就很方便了。
    谷歌的MDL Color Customizer(https://getmdl.io/customize/index.html)
    对于Android开发者来说,这是一个很好的工具。它许可用户在Android应用上,天真地组成主色及辅助颜色。
  7条用于创建UI配色方案的实用技巧二
    结语
    颜色是UI设计的基石。在为UI界面配色时,请记住,没有错误的颜色。最紧张的是你如何合理使用它们。多花点时间来创建一个对你的产品最有用力的配色方案,并在UI界面中合理地应用它。
  7条用于创建UI配色方案的实用技巧二

电话:4000-340-360 传真:4000-340-360 邮政编码:215000
地址:南京市 旧学前45号 中联大厦 405室