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

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设计中的网格规则,区分图层、有目的的使用留白
区分图层:将不同元素置于不同图层,可确保部分元素超出栅格,而其他元素保持一致。有目的的使用留白:于正确位置创造留白,让其环绕下的元素显得更加突出。将元素置于容器中:将元素以某种形式置于其他容器中时,会给人一种相互关联的感觉,给人一种整体感。
游戏设计如何学习,对于绘图软件的使用熟练度要求非常高
软件学习:掌握PS、maya、MAYA等软件的使用方法。了解设计流程:角色动画的制作流程分为创建角色、剖析角色的布线、制作表情等,同时要熟悉项目管理、工作流程等内容。拥有较强的美术功底和审美能力:自身要具备足够的绘画能力,新手要从素描开始学
如何在排版的时候提升视觉张力,可尝试文字倾斜并且与图片叠压等
根据目标受众和页面内容调整字体和字号,提高版式视觉张力。使用对比度较高的颜色组合(如黑色加白色,明亮加黑暗),可提高版式的视觉张力。在标题和文本上使用阴影和高光,可增强网页元素的立体感和层次感。使用对称和平衡的排版效果(如左右对称、上下平衡
UI设计中重复效果的作用,色彩的重复在版面设计中尤为重要
配色方案的重复:使用重复的颜色,有利于控制色彩种类、让纯度和明度保持一致、让版面看起来更加和谐统一。文字样式的重复:重要程度相同的文字信息,需使用一样的文字形式,让字体、字号等方面保持一致。图片重复的使用:让图片的大小、色调、比例等方面保持
位图和矢量图的区别,放大效果和真实度均不同
放大效果:位图放大后会失真,变得模糊,而矢量图放大后不会出现图像模糊的情况。真实度:位图可制作出色彩丰富的图像,效果更佳逼真,而矢量图无法表现出色彩丰富的图像。文件大小:位图保存后的文件比较大,而矢量图保存后的文件比较小。文件格式类型:位图
UI设计中有哪些按钮类型,常见的有CTA按钮、幽灵按钮、下拉按钮等
UI设计常见按钮类型有CTA按钮、幽灵按钮、下拉按钮、浮动操作按钮、汉堡包按钮、加号按钮、消耗品按钮、共享按钮。CTA按钮:CTA按钮是一种交互元素,主要负责提示用户注册、登录、立即购买等,因此需布置于明显处。幽灵按钮:幽灵按钮又名大纲按钮
如何打造一个logo,关键词的提取很关键
关键词提取:接到需求时,先要与客户达成共识的关键词,再开始思考如何设计。关键词可以从产品属性、用户群体、核心理念等方面提取,不能含糊,因为它会直接影响后续的logo设计形式、配色和细节处理。确定logo形式:可以从产品名称+图形符号、产品名
logo和商标的区别,两者受法律保护的范围不同
logo代表企业的品牌与形象,良好的logo设计能让企业更容易被辨识,从而起到更好的宣传效果。重视logo设计的企业,往往会在这方面增加很多预算。经国家核准注册的商标为“注册商标”,商标具有标识作用,能让商品与企业产生联系。商标、logo皆
酸性设计是什么,常以几何图形或者是高饱和色彩呈现
酸性设计风格特点主要体现为高饱和度的色彩+重复的几何图形+未来感的金属材质+欧普风格的图形样式,目的在于营造视觉感受上的致幻、迷幻效果。酸性设计广泛应用于音乐节、电子舞曲、时尚界和广告等领域,具有强烈的个性及辨识度。
渐变色如何正确使用,可以在图片或者文字上运用
渐变背景:为单色卡片的背景添加渐变,可增加卡片的生动性。图片渐变叠加:当内容背景为图片时,可通过叠加半透明渐变色来增强画面的视觉表现力。渐变文字:对文字的部分笔画添加渐变,可增强视觉感。多层渐变图标:通过多层渐变叠加组合制成一个logo,视