UI设计培训哪里有?UI设计培训哪家强?
UI设计培训哪里有?UI设计培训哪家强?
Ui设计规范
一:Ui色彩认知
就重要性而言,在APP应用中色彩元素扮演的角色仅次于功能,人与计算机的互动主要基于与图形用户界面元素的交互,而色彩在该交互中起着关键作用。它可以帮助用户查看和理解APP内容,与正确的元素互动,并了解操作。
每个APP都会有一套配色方案,并在主要区域使用其基础色彩。正因为有无数种色彩组合的可能,在设计一个新的APP时,人们往往很难决定一个效果好的方案。
1.1色彩数量
在创建配色方案时,需要考虑很多因素,包括品牌色彩及色彩在你所在区域的特殊意义,保持色彩组合简洁有助于改善用户体验。一个简洁的配色方案不会使人眼花缭乱,并且使你的内容更容易被理解。相反,在太多的地方有太多的色彩很容易搞砸设计。
多伦多在大学关于人们如何使用Adobe Color cc的研究显示大多数人更倾向于仅依赖2-3种色彩的简单色彩组合。
1.2.色彩的术语:
色相(Hue)——即各类色彩的相貌称谓
色彩饱和度(Saturation)/色度(chroma)——颜色的整体强度或者亮度
明度(Value)——色彩的明暗度
色调(Tone)——是纯色和灰色组合产生的颜色,也可以说是一副画中画色彩的总体倾向
色度(Shade)——是纯色和不同比例的黑色混合产生的颜色,是色彩的纯度
色彩(Tint)——是纯色和白色混合产生的颜色,一种色相(Hue)通过加入不同比例的白色能够产生不同的颜色
1.3色彩代表
在所有色彩中,下列色彩尤其突出:
红色(最突出)——红色是代表爱情和激情的颜色
蓝色——会给人不同的感受、想法和情绪
绿色——也代表着经济增长和健康
橙色——代表了温暖
黄色(最不突出)——则带给人口渴的感觉
当黄色与黑色搭配一起时,十分吸引人的注意力,一个绝佳的例子就是有很多国家的出租车都采用这种配色。
二.配色原则
2.1.十二色环:十二色环图是创建配色方案的重要工具。
2.2.三原色:所有颜色的源头被称为三原色,三原色指的是红色,黄色和蓝色。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色,绿色和蓝色,也就是我们熟悉的RGB
2.3单色:单色是单一色系的搭配,它在色彩的深浅、明暗或饱和度上有所调整而形成明暗的层次关系。单色方案是非常容易被视觉感受到的,特别是蓝色或绿色。
2.4邻近色:相邻色的搭配方案是选取相互不冲突的相关色彩;一种色彩用作主色,而其它色彩用于丰富该方案。相近色配色方案是由在十二色环图中相邻的三种色彩创建的。
2.5互补色:互补色是指色轮上那些呈180度角的颜色。它们对比强烈,可以用来吸引观众的注意力。当使用互补色的方案时,重要的是选择主色并且使用其互补色用于强调。
2.6三角色:是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在上面的例子中,蓝紫色和黄绿色就可以形成十分强烈的对比。
2.7四方色:在色轮上画一个正方形,取四个角的颜色。在上面的例子中是:紫红色,橙黄色,黄绿色和蓝紫色。这个颜色正的超棒的,不信可以自己感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助的时候。
2.8暖色:可以创造温暖的感觉,暖色通常会让人联想起太阳,火焰和爱情。红色是血的颜色,感觉是温暖的,橙色和黄色会给人夏天的感觉。给图中添加一个橙色的滤镜,图像看起来就会有温馨快乐的感觉。
2.9冷色:通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起,看起来十分内敛。
三:APP用色案例
3.1单色(主色调)
3.2相邻色(主色调)
3.3互补色(主色调)
3.4自定义配色
四、配色工具
4.1Material Design(MD)
MD是由Google推出的设计语言,它更适用于Ui视觉界面的配色,能起到更统一、更舒服的作用。MD所展示的颜色较鲜艳,所以在设备上展示出来也是很有识别性。有时候大家看到某个界面颜色很突出,干净且简约,那一定是按照MD的颜色来设计的。它的色彩灵感取色来自当代减除、路标、道路的减速带、操场。通过浓厚的阴影和强烈的高光强调视觉元素。带来一种惊喜和缤纷的色彩。
4.1.1Material Design Palette
MDP可以搭配出很标准、且识别性较高的UI界面,令整个界面看起来简约舒适。操作也很简单,只要在左侧的色块中选择两个,右侧就会出现相应的搭配界面,可以任意调换主色与辅色的位置和颜色替换,到满意为止;界面下方会有自动生成的不同明暗度的辅助色,可提供不同风格的下载方式
4..1.2Material Design color
这份色板每一张均从基本颜色开始,然后逐渐扩充,创建出一套完整,可复用的配色体系,可用于网页设计,安卓设计和ios设计,以及柔和的渐变。。500种选择。以下用法说明:
UI设计培训哪里有?UI设计培训哪家强?
UI设计培训哪里有?UI设计培训哪家强?