在web2.0时代,渐进式变化已成为一种普遍趋势。掌握流行审美是每个UI设计师的必修课,今天AAA教育的武老师就来为大家分享UI设计界面最新流行的渐变色。
部分原因是它们有助于实现3D的伪外观,逼真的按钮。然而,过了一段时间,许多设计师厌倦了它们,并宣布渐变已经过时,味道也不好。ios7之后,这一切又回到了人们的视野,后来的现代设计使渐变再次成为人们关注的焦点。
由于渐变越来越受欢迎,许多设计师开始称渐变为“新颜色”。
这是第一代iPhone时代的一个伪实体化按钮,具有强烈的渐变、厚边框和顶部的硬阴影。UI设计要提升细节感。
旧按钮样式
现代渐变,无需任何附加装饰,可以搭配同色系的柔和光影,营造出一种美丽的半写实感。
现代纽扣
我们喜欢自然的东西,特别是自然界存在的东西。你需要证据吗?你每天在你周围看到什么?天空!天空不仅仅是纯色,而是渐变色,这取决于天气和光线。这是UI设计色彩的重要性。
天空是坡度的重要来源
我们看到的大多数物体都是三维的,投下阴影。因为光很少是均匀的,所以产生的颜色和阴影从来都不是完全平坦的或者只填充一种颜色。它们是渐变色,这使得这种特殊的色调混合比纯色更自然。它们是自然界中的渐变色,这使得这种特定的色调混合起来比纯色更自然。
看看你周围的东西。它们的性质是渐变的,并且随着外部光源的变化而变化。
“看看周围。几乎你所看到的一切都是渐进的”
当我们开始选择梯度时,我们必须发现它们的两个主要特征。
一是能够创造出深度和清晰的形状。
另一种是吸引眼球并引导它到形状的某些部分。我们的眼睛喜欢明亮,温暖的色调,饱和度很高。UI设计如何吸人眼球?
即使是细微的渐变也会使你的按钮更加用户友好和“点击通过”。
深度可以让渐变+阴影组合看起来更接近眼睛-这有助于理解它们背后的相互作用。
这并不意味着我们应该完全放弃平面设计,回到前十年的模拟按钮。这两种方法各有优缺点,将两者健康地结合起来可能是有益的。
平面设计风格可以使设计不那么凌乱,更简单,更注重功能而不是形式。
草图或更自然的设计提醒我们,我们是为真实的人设计的,他们更喜欢他们已经知道和理解的东西。真实的渐变可以在一个原始的极简主义项目中添加“人为因素”,使其更加人性化。
渐变是两种或多种颜色之间的过渡。这些颜色也可以具有透明度值。您可以使用它来淡出相对于其背景的对象。
坡度主要有三种类型。
线性(线性渐变)
线性是最流行的梯度类型。顾名思义,它是两种或多种颜色的线性过渡。我们可以修改颜色本身、透明度和渐变角度。
线性梯度样本情况
径向(径向梯度)
在径向渐变的开始处,一种颜色位于渐变环的中间,另一种颜色最终位于其边缘。这类梯度中最常见的是圆形梯度,过渡层沿圆周均匀分布。
两种不透明的颜色通过添加高光和阴影在圆形中创建3D效果。
如果渐变的两端具有相同的颜色,并且一端是完全透明的,我们最终将模糊或淡出。UI设计模糊重要性你知道吗?
径向渐变适用于非圆形形状,为它们添加了一些有机的、逼真的样式。
角度(角度梯度)
角度渐变沿逆时针方向旋转。颜色之间的角度决定了过渡是双向的(180度)还是中间有一条清晰的分界线(0度)。
这种类型的渐变很少是界面的好选择。
在同一位置设置的两种颜色之间有一个锐利的边缘,而渐变方向相反。
当两种颜色处于180度时,两种颜色之间会有平滑的过渡。到两边去。
你可以添加更多的颜色和播放角度来获得一些有趣的结果。
最佳实践
如何设计一个好看又有意义的界面设计梯度?为此,需要遵循一些基本规则。
两种颜色
UI设计色彩重要体现在,两种颜色渐变是大多数设计的最佳选择。随着颜色的增加,渐变在视觉上变得繁忙。
选择正确的颜色
试着搭配相似的颜色,暖中带暖,冷中带冷。
这将帮助你避免一个糟糕的混合搭配(最极端的是红色和绿色的混合),所以UI设计色彩调色很重要。
细微的渐变
最好的渐变通常非常微妙,颜色之间几乎没有差别。这使它们看起来更自然,更容易使用。
渐变是按钮和其他交互元素的常用选择。你可以选择几乎任何颜色,并从中创建一个美丽的渐变。但是,如果你刚刚开始学习渐变,最好使用一种安全的方法,确保不翻车。这篇内容你学会了吗,更多精彩内容请持续关注AAA教育。
填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!
©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc