千锋教育-做有情怀、有良心、有品质的IT职业教育机构
位置:首页 >  经验分享

学UI却填不好颜色 千锋深圳讲师告诉你色彩搭配的原则

时间:2018-06-12 16:58  |  来源:千锋教育深圳校区  |  作者:小C  

  对于很多想要通过自学来掌握UI技术的人来说,颜色这一块的搭配使用就成了硬伤。毕竟如今是互联网时代,对于专业UI设计师的需求是越来越大,做出来的UI作品能不能收获用户的心,很大情况下还是要看UI设计师对色彩这一块的运用。而参加一家水平过硬的UI设计培训机构,在实操这一块就会有较大投入,也能更好的去运用色彩的魅力!

  千锋深圳UI培训将产品知识、交互知识、动效知识融入课程当中,课程共分为三个大阶段:平面全案设计阶段、Web页面设计全流程、移动端设计全流程,每个阶段案例设计都围绕着行业前沿的设计理念和工作流程。以下,就让千锋深圳UI培训讲师分享一些色彩搭配的方法!

千锋sahdaui片1

  首先,设计色彩可以用以下原则:

  1.我们会寻找真实的世界中的参照物。尽管界面是虚拟的,我们还大量的从现实世界中找灵感。因为我们在现实世界中几十年的经验,我们只会期待光线和颜色的效果按特定的方法显示。

  2.我们将使用HSB颜色系统。简而言之:它是最广泛使用的颜色系统(用于Sketch和Photoshop等等)。如果你不知道是什么色调、饱和度和亮度,后面会讲解到。

  其次,遵循以下原则选择颜色

  1.较深的颜色=更高的饱和度+更低的亮度

  随着亮度下降,饱和度上升。不能用黑色覆盖的的原因是在HSB中,添加黑色相当于降低亮度。相反,我们希望在降低亮度的同时也增加饱和度。但事实上黑色不会为颜色添加任何饱和度!

  为什么在现实世界中,拥有较高饱和度的颜色比较深?这是因为当光的亮度的强度超过饱和度的强度的时候,颜色必然变得更加清晰,反之亦然。

  2.较轻的颜色=更低的饱和度+更高的亮度

  变换会给我们带来更亮的变化。如果我们一直继续降低饱和度并提高亮度,最终会变成白色。有两种非常简单的方法可以将白色添加到颜色中:减少元素的不透明度或者是在元素顶部添加一层半透明的白色。

  大家下次在UI设计中可以试试上面的这些方法,或许会有意想不到的效果呢!千锋深圳UI设计讲师都是资深的网站工程师和设计讲师,很多讲师拥有着数十年网站设计与教学经验以及上百个网站项目成功案例的经验,帮助每一个爱好UI设计的同学快速掌握技能!

上一篇:千锋深圳讲师分享 你不得不知道的UI设计原则
下一篇:千锋深圳讲师分享掌握Python实战小项目技巧

课程咨询

千锋开发者联盟QQ群

JavaEE学习交流群:544727929

HTML5学习技术交流群: 692178358

UI技术学习交流群:159532533

PHP学习交流群:459395906

  • 大连学院地址:大连市甘井子区软件园路2号B8座二楼
    咨询电话:0411-39026086 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 北京天丰利校区:北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS培训、Android培训、HTML5培训、UI培训、PHP培训、JavaEE培训、好程序员
  • 上海学院地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-65025129-602
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训、好程序员
  • 郑州学院地址:郑州市金水区纬五路21号河南教育学院综合楼(经纬中学楼)6/7/8层
    咨询电话:0371-55911950 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 广州学院地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 深圳科技园校区:深圳市南山区科苑南路高新技术产业园R3-B栋5层
    深圳大学城校区:深圳市南山区留仙大道1201号大学城创客小镇16栋3楼
    深圳西部硅谷校区:深圳市宝安区宝安大道5010号西部硅谷B座A605-619
    咨询电话:0755-86681178/9-801
    面授课程:iOS培训、Android培训、HTML5培训、UI培训、PHP培训、JavaEE培训、好程序员
  • 武汉学院地址:武汉市东新区光谷大道77号金融港B26栋9楼
    咨询电话:027-59905902 027-59905908 027-59905909
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 成都旅游学院校区:成都市一环路西二段17号四川旅游学院青羊校区内
    成都华立校区:成都一环路西二段17号华立大厦3楼
    咨询电话:028-83178771 028-61967740
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训
  • 西安南二环校区:西安市二环南路西段60号永安大厦4层
    西安科技园校区:西安市雁塔区高新六路52号立人科技园C座西区4层
    咨询电话:029-85260160 029-85261030 029-85260960
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 杭州学院地址:浙江江干区九堡旺田书画城3层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS课程培训、Android课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术学院南校区实训楼A四层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训
  • 了解千锋动态
    关注千锋教育服务号

  • 扫码匿名提建议
    直达CEO信箱

关闭