艺考网
当前位置:艺考网 > 经验技巧

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

作者:王秋霜 发布时间:2024-10-26 09:34:40

1、避免色彩过度饱和,应当保持舒缓氛围。

2、避免使用纯白色文字,推荐将重点部分透明度设置为87%,次重要部分设置为60%,不重要部分设置为38%。

3、深色模式状态下,需要强化图形的形状以及体积。

4、深色模式与浅色模式需使用不同的颜色饱和度。

5、避免使用大面积亮色,否则会破坏深色模式的沉浸感。

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

一、UI设计深色模式有什么设计要点

1、首先第一个是防止色彩过度饱和。在深色模式下,高饱和的元素会由于对比度太大会刺激到眼睛,降低用户的可读性,所以应该保持舒缓的氛围防止采用饱和色彩。

2、第二个是避免使用纯白色文字。对于深色模式,纯白色与深色背景结合在一起,会给人一种眩晕的感觉,对于重点强调的文本,可以将透明度设置为87%,一般重要的为60%,不重要的文本为38%。

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

3、第三个是图形识别度。图形在变换深色模式的状态下,简单的更改颜色会让图标形状感和体积感都消失会感觉比较奇怪。此时我们应该反转下,强化它的形状和体积。

4、第四个是不同模式下的色彩。浅色模式下看起来不错的颜色对于深色模式可能太暗,反之亦然。最好的办法是使用两个不同的调色板,使用不同的颜色饱和度。

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

5、第五是防止使用大面积亮色。比如导航栏、工具栏等在深色模式下应防止大面积亮色,由于在深色模式下这些色彩可能会显得更加刺眼,对比过于强烈会破坏深色模式的沉浸感。

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

二、UI设计如何才能强调效果

1、首先第一个是颜色,颜色是很有效的强调手法,但是应该节制使用而且要根据其他强调技巧并用。

2、然后第二个是强调内容不超过10%,在一件设计作品中,强调内容不能超过10%,强调元素在作品中所占的百分比越高,其效果就与越弱。使用少许的强调技巧,把它们应用在整个设计当中。

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

3、粗体、斜体、加下划线,让需要强调的元素看起来和其他元素略显不同,可用粗体、斜体或者下划线,强调题目、标签、标题和小段文字,多数还是用加粗字体标识。

4、反白,如果设计的内容是文字,反白会非常有效果。如果是图像或者形状,效果就没那么好,这个技巧可以吸引注意力,却会给设计带来很大的变化,所以我们也需要节制使用。

UI设计深色模式有什么设计要点,首先要确保色彩不能过渡饱和

5、字体,浏览一小段大写字体非常容易,因此在一个复杂的显示区里,用大写来强调标签或者是关键字很有效,防止用不同字体作为强调手法。

6、闪烁,让元素在两个状态之间来回闪动,这是吸引注意力的有效方式,闪烁应该限于强调至关重要并需要即使反映的信息。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
新手如何设计书籍封面,常见以下几种排版形式
纯文字排版:将文字作为设计元素,按照书籍的内容概念以特殊的风格展示字体。文字与图像排版:图文结合,将有关书籍内容的图片放在封面上。文字与图形排版:将文字与图形放在封面上,对于无法用具体图片来表示的主题,可设计抽象的图形。文字与插画排版:将文
UI设计中有哪些按钮类型,常见的有CTA按钮、幽灵按钮、下拉按钮等
UI设计常见按钮类型有CTA按钮、幽灵按钮、下拉按钮、浮动操作按钮、汉堡包按钮、加号按钮、消耗品按钮、共享按钮。CTA按钮:CTA按钮是一种交互元素,主要负责提示用户注册、登录、立即购买等,因此需布置于明显处。幽灵按钮:幽灵按钮又名大纲按钮
无衬线风的字体推荐,推荐Helvetina、Futura等
值得推荐的无衬线风的字体有Helvetina、Futura、Univers、Bauhaus、Eurostile、GillSans等。Helvetina:诞生于1957年,目前仍旧是很多国际品牌的标志字体。Futura:诞生于1957年,有着