学习UI设计的必要颜色

发布时间:2020-06-30 11:43:00

?元旦快到了,每个人手头都有很多东西,所以很多学生不得不设计活动页面或对应用程序界面进行重大修改。那么如何快速选择或搭配颜色呢?

元旦快到了,每个人手头都有很多东西,所以很多学生不得不设计活动页面或对应用程序界面进行重大修改。那么如何快速选择或搭配颜色呢?

“选择”和“配色”,当你听到这两个词时,你是否有潜意识的反感。

心里想,这_是个坑!一定是辗转反侧。

今天,我将介绍界面中三种最常用的方法(设计所必需的)

让我们从直刃的角度来讨论这三个动作。

网上经常有很多大神说颜色搭配不应该超过三种颜色。我这里只说三次,颜色不超过三,颜色不超过三,颜色不超过三!无论是平面设计、网页设计还是应用程序设计,我们都需要遵循这一基本原则。

那么不超过三种颜色的组合是什么呢?

这里很多人会认为它不超过三种不同的颜色值。其实,不超过三种颜色的搭配,是指不超过三种颜色的搭配。在单一色调中可以用色彩的亮度或饱和度来做色彩的丰富度,且色调不超过三种!

如果界面颜色太多,炫目的效果是什么?让我们看看一个_的招聘网站。

是的,我们只想找到一份合适的工作,过上幸福的生活。不是那么简单。一进入主页面,你就会发现狗皮膏。这种感觉,我小心翼翼的脏兮兮突然倒在一个小区里,有三种颜色的城市地址。真的很好吗?

让我们做个比较。有一种设计,叫做别人的设计。绿色永远是品牌的颜色,红色是网站的装饰颜色,这叫传承。

统一主色风格的引导可以增强用户对产品的记忆,同时也使产品的体验更加舒适自然。

我们只用一种颜色。在下图中,我们可以看到在单色和各种色调的配色下,设计更加统一,画面更加和谐。界面中的功能模块更加清晰,在多种颜色下更容易区分,因此在使用多种颜色时需要考虑产品的内容和核心。

三色搭配,只要是控制在三种色调的范围内。学习过绘画的商业设计师应该清楚地知道色彩的明暗和饱和度。

使用单色设计,会显得单调。而整体色彩饱和度过低会造成画面沉闷不透气。明亮的色彩与明暗的色彩搭配可以使画面显得丰富而充满活力。

在界面设计中,色彩是最重要的部分。正确完整地展现产品的气质是非常重要的。单一的色调,丰富的亮度和饱和度可以使界面看起来层次丰富。而且颜色小巧,处理器将配备易于统一和控制。在色彩的运用上,色彩越少越好,但要保证表达权的功能和所需表达的要素成为前提。每次我们添加颜色时,都需要考虑一下。有必要吗。因为无论设计多么复杂,不会有超过三种主要颜色。

下面的界面使用三种颜色来区分更多的内容区域,但是由于颜色过多,页面分割很混乱。红色在页面中是多余的,而函数分段是相对多余的。当你能用两种颜色时,不要用三种。当你可以用一种颜色时,不要用三种颜色。简单会使工作更成熟。

在桌面图标的设计中,经常使用两种颜色和三种颜色的匹配形式。这样的色彩搭配可以让图标显得简单而不枯燥。

在色彩设计的运用上,要用心去体会。色彩的主次关系可以决定作品的性质。优秀作品的色彩是如此清晰,

记住色彩功能的划分:主色、辅色和装饰色。

色彩在设计中起着重要的情感因素,而主色是作品的文化指向。在设计之初,我们需要对项目有一个清晰的认识,然后提炼并选择最适合的主色进行定位。

每种颜色都承载着不同的文化,_着整个界面设计的方向。

网页设计、手机界面设计、横幅设计、平面设计不同媒体,主色调的使用规律不同。网页设计和界面设计,通常主要用于结构和装饰色彩。为了使横幅和海报更引人注目,通常在背景色上使用主色。

在界面设计中,品牌标识的颜色往往被确定为主色,不同界面中主色的面积也会相应变化。在下图中,我们可以看到,产品标识的颜色一直被大众点评、百度外卖和美团应用所延续,并将标识颜色定义为主色,有效地统一了产品的沟通。同时发现这些产品界面设计的主色区也非常一致。主页中使用的主颜色区域很大,导航栏中填充了主颜色。在第二页中,使用的区域较少,并且主颜色被点到界面中。

我们可以这样理解,当用户使用产品时,他们更喜欢记住产品。当用户进入信息页面时,更注重使用的方便性,希望用户能找到自己需要的东西。所以主色在主页面使用较多,而次色在关键操作点使用较多。从产品的角度来看,在使用主色时,要考虑页面的内容关系,了解界面的层次和功能性质。从视觉角度来看,在选择高饱和度的颜色作为主色时,应考虑过多的色彩区域造成的视觉疲劳。

在横幅和海报设计中,主色的面积一般用在背景色上,相对面积较大。可以说它直接指向主题。

通常我们认为只要色域是主色。其实,人们的阅读心理是不同的。如果色彩饱和度较低,则容易被面积相对较小的高饱和度色彩吸引眼球,因此在定义界面主色时,以高饱和度(纯度)为主色的颜色挂起会比较稳定。

在界面设计总结中使用互补色是最强烈的对比。这种颜色能使用户的视觉产生强烈的刺激性、强烈的情感性,并留下鲜明的印象。这是最简单的传播方式。适用于夸张宣传场景。但这种颜色太普通,不会引起用户的视觉疲劳。它给人一种不安的感觉。所以在使用这种搭配时,需要控制位置和信息区域。核心位置可以这样使用。

三种主要互补色:红绿色、蓝橙色和黄紫色

我们可以看到,许多应用程序图标使用了强烈的互补色来吸引用户的注意力冷暖对比色是自然平衡的规律,在设计中有着广泛的应用。这样的色彩搭配会让作品非常精彩,不单调。让我们来看看几个应用程序的图标设计:

以下应用程序的名称是Koi。我非常喜欢这个应用程序的颜色匹配。适用于冷暖配色,有很好的点缀效果,看起来聪明抢眼。

Tweetbot的图标也使用了冷暖色调的对比。是不是很抢眼又可爱?你可以试试这根火柴,再试试打保龄球。这个图标应用在冷暖搭配上,非常棒,它聚焦于中心点。在设计中,冷色与暖色的对比是界面设计中应用最广泛的方法,效果也非常突出。颜色就像阴阳太极。冷暖的平衡恢复了生活的和谐。有了这样的配色效果,用户感觉舒适祥和。

冷暖配色方法基本没有缺点。在设计中,对设计的细腻感有很多技巧和很高的要求。虽然支付宝的主图标已经变成了一个简单的蓝色支付宝,但在主页面上采用了冷暖色调的搭配,很好地区分了分类,使得页面丰富的分类没有那么零碎。许多设计师在遇到完整版本分类图标时都会显得非常高大。他们处理这件事时很容易花掉这一页。建议用冷暖两种方式来调整,以平衡书页。

当时,米醋哥在360防丢装置的设计中使用了红色和蓝色两种颜色。360字体样式被集成到建筑中使用暖红色,而用于定位的pin使用冷蓝色。