249045439
网站建设

郑州高端品牌网站建设APP色彩搭配配色方法

发表日期:2023-10-07   作者来源:www.cheyunhui.com   浏览:0   标签:网站制作    

郑州高端品牌网站建设APP色彩搭配配色方法

郑州高端品牌网站建设APP色彩搭配的一些常用配色方法,第一个推荐点郑州高端品牌网站建设APP色彩搭配配色方法

1、导航文字及LOGO的颜色为最浅的蓝色。

2、Banner地区即大背景,这里用了咱们开始的图片,上边的大标题LOGO则用了最深的蓝色。

3、内容地区出现的提取到的三哥色相的色彩,假如只不过排列剩下的几个颜色的话,颜色会非常冲,我完全不可以同意!所以找了几张图片用来过渡颜色,调整画面的步伐,目前看来成效还很好。内容地区的文字颜色与导航文字一致,都是非常浅的蓝色。

4、内容地区的几个按钮并没用提取的颜色,而是用白色叠加然后调整透明度出来的。(大孔雀老师之前在经验推荐里发了一个色彩课程郑州高端品牌网站建设APP色彩搭配配色方法1或21郑州高端品牌网站建设APP色彩搭配配色方法

较小的文本与背景的对比度最少要达到5郑州高端品牌网站建设APP色彩搭配配色方法1以上。

这条建议也可以帮助低视力,色盲或视力恶化的用户看到并阅读屏幕上的文字。

△ 这行文本符合色彩对比度建议,从背景色彩中明确可辨。

图标或其他重要元素也应用上述推荐的对比度。

△ 左郑州高端品牌网站建设APP色彩搭配配色方法图标遵循色彩对比度建议,从背景中明确可辨。

有几个免费工具可对你所选调色板的对比度提供有意义的反馈。 Web人工智能Ms Color Contrast Checker是其中一个,它可以叫你测试已经选择的色彩。对比度和用户焦点

除去打造易读的文本以外,对比度还可以引起用户对屏幕上的特定元素的注意。 通常来讲,高对比度是要紧内容或重要元素的好选择。所以假如你想让用户看到或点击什么东西,可以使其独一无二! 举例来讲,用户更可能点击与背景对比强烈的具备号召性的按钮。

△ 对比度使得红色地区看着不同于屏幕的其他部分。针对色盲用户群体的设计

你有没想过你的APP 用人群中会有视力障碍者?

当大家谈论色盲时,他们一般指的是不可以感知某些色彩。 大约8%的男士和0.5%的女人患有不同程度的色盲。其中最容易见到的是红绿色盲。

△ 正常人和红绿色盲看到的相同色彩(黑色和绿色缺点)

由于色盲有多重表现形式,比如红绿色盲,蓝黄色盲和单色色盲。所以运用多样的视觉线索来连接你APP 的要紧状况是非常重要的。绝不要仅仅依赖色彩来表示系统状况。 相反,应用元素(如笔画,指示符,图案,纹理或文本)来描述操作和内容。

Avocode允许你可视化比较设计的修订版本。

除此之外,Photoshop有很好用的工具来帮助模拟色盲。这个功能让设计师可以看到在色盲用户的眼中你的界面是什么样子的。

概要

提高色彩用技能是一个不断努力和积累的过程。假如你想学习怎么样创建美观,用的色彩搭配策略,需要的是实践,决心和很多的用户测试。

网页题目郑州高端品牌网站建设APP色彩搭配配色方法

如没特殊注明,文章均为龙源技术网 原创,转载请注明来自http://www.yanlongwu.com/news/jianzhan/3987.html