恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI设计教程玩转色彩!让设计有形有色!
0.0°
2017-10-11 好文转载 教程 原作者: 丝路教程网 举报 1316 7 3 0

UI设计学习时候色彩的使用配备

  色彩对视觉的冲击是不可替代的,在图形、文字和色彩这三个组成要素中,人们在最初20秒钟里的色彩感觉占百分之八十,形体感觉占百分之二十。由此可以看出,在UI设计中,色彩是一种先声夺人的重要因素。一个网站要想留住人前几分钟是至关重要的,所以色彩对我设计师来说是至关重要的法宝。

  色彩在UI设计中的作用尤其重要,任何设计作品都离不开色彩的表现。色彩运用得好坏,直接决定着一幅作品的成功与否。色彩不是孤立存在的,它既能体现商品的质感、特色,又能美化设计的版面,同时还与环境、气候等方面相适应。

Image title


  设计师在进行UI设计时还要考虑到远、近、大、小的视觉变化规律,只有注重色彩对人的心理影响和情感反映,了解色彩的视觉语言和表现形式,才能够成功地在设计中运用色彩,从而创造出精彩的设计作品。

Image title


  图形、文字和色彩是设计的三大要素,三者之间的组合直接影响着设计的传达效果。在计算机和网络高速发展的今天,色彩可以直接传递除文字和图形以外的重要信息,它是极其重要的视觉构成要素之一。美国广告家托马斯?比?斯坦尼曾经提出在商品广告中运用色彩的七条重要理由,从中我们不难看出设计中的色彩表现是不可忽视的重要要素。

Image title


  ①使消费者注意广告。

  ②能够完全忠实地反映人景。

  ③突出产品或广告内容的特殊部分。

  ④表明销售魅力中的抽象质量。

  ⑤使消费者第一眼看到广告就能留下良好的印象。

  ⑥为产品、服务项目或广告主树立良好的声誉。

  ⑦在消费者记忆里留下深刻的印象。

Image title

领取试听视频教程:http://blog.silucg.com/zhuanti/shiting/

  设计中色彩与人的情感传递

  色彩是一种视觉现象,天生存在于人们的视野中,给人类带来不同的感受,这与人类所处的历史阶段、生活经历、种族、文化、环境、年龄、性别等众多因素有着密不可分的联系。不同的色彩会给人带来不同的感受,通常红、橙、黄等暖色,以及高明度、高纯度或强对比的色彩给人以兴奋感,蓝、绿等冷色,以及低明度、低纯度或弱对比的色彩给人以沉静的感觉。色彩对人们的心理影响非常大,它可以产生不同的感觉,使人们引发情绪、产生联想。

丝路教程网


  色彩的温度感

  色彩的温度感是由于人类的视觉经验和条件反射造成的。由于自然界中的某些物质具备特有的温度能量的色彩表现,越靠近橙,色感越热;越靠近蓝色,色感越冷。不同色相的色彩有热、冷之别,色彩的冷暖既有绝对性、又有相对性。

Image title


  色彩的距离感

  色彩可以使人产生凹凸、进退、远近、膨胀与收缩的不同感受。面积、背景相同的物体,由于色彩的不同,会给人造成不同的视觉效果。如浅色有膨胀感,深色有收缩感。色相、明度这两个因素影响着人们对物体大小的知觉。暖色和高明度的色彩具有扩散作用,而冷色和低明度的色彩则具有收缩作用。

Image title


  色彩的重量感

  色彩的重量感主要取决于色彩的明度和纯度。高明度和高纯度色彩的物体显得轻,低明度和低纯度色彩的物体显得重。色彩的轻重、软硬感觉是物体固有颜色与人类视觉经验相互作用的结果。由于自然界中的物质具备其特有的明暗差别和色彩表现。因此,受到视觉经验的心理作用,人们对于不同明度的色彩就会产生轻重和软硬的不同感觉。

Image title


  设计中的色彩表现

  色彩表现对人类的心理有着直接的影响,这些带给人们感情因素的颜色,促使人产生深刻的视觉印象,是作品成功的关键。设计中的色彩一般是由多色组成的。为了获得视觉上统一的色彩效果,设计师会根据设计主题和视觉的要求,选择一种居于支配地位的色彩,作为设计的主色调。

Image title


  视觉感染力

  设计中主色彩的确定,首先应考虑对所要宣传商品的主题烘托。设计是以传达某种信息,推销产品为最终目的的。因此,设计中主色调定位必须以烘托主题为首要目的,然后再考虑加强广告的情调渲染和意境表达,从而增强设计的感染力,引起受众情感上的共鸣,最终促使消费者接受并记忆广告,达到购买的目的。例如:空调的广告一般以蓝色、白色、红色等强烈的冷、暖色调为主,设计师将画面营造出一种清凉宜人或者温暖舒适的氛围,以达到其宣传产品的目的。

Image title


  主体与背景

  设计中主色调的确定必须有利于突出画面的重点。主色调的设定,必须先考虑到与主体形象的色彩关系,主体形象应该在统一调和的色彩中强调变化,从而让画面色彩产生视觉兴奋点,发挥色彩的冲击作用,产生引人注目的视觉效果。此外,主体形象与背景在色彩上明度、纯度的对比,都会对主体形象的突出起到至关重要的作用。若只注意背景与主体形象在色相上的差别,没有考虑到明度和纯度的差别,就会造成背景与主体形象难以区分的后果。例如:汽车广告设计大多以高山、江河、公路或市区等较为复杂的景观作为背景。车体形象在任何时刻都不失风采。画面对比强烈,整体色调统一、彰显大气、尊贵之感。

丝路教程网


  色彩的平衡

  设计中可以通过调整色彩的面积来获得平衡。色彩的浓淡、强弱等感觉决定着色彩面积的大小、位置的高低。一般说来暖色、高明度的颜色同冷色或低明度的颜色形成对比时,面积越小,视觉越平衡。色相对比强烈的色彩可以缩小其中一种颜色的面积,可以通过改变纯度或明度使画面趋于平衡。

丝路教程网


  色彩的重点

  色彩的重点是指在设计中强调某一部分,将主要色彩集中于画面视觉中心。在平淡无奇的色彩中强调变化。重点色彩必须比其他色彩强烈,表达主题简单明了的设计,其背景和图形的颜色明度差别较大。因此,只注意背景与图形形象、色相的不同,而其明度差别太小,视觉效果只能是模糊不清。相反,同一色相的色彩只要明度有差别,就能使阅读者清楚地辨认。

丝路教程网


  主色调的确定

  如果要在设计中表达其特定的主题,就需要通过文字、形象、色彩等因素来进行表现。对于设计的色彩而言,就要恰如其分地起到烘托表现主题,发挥情感联想、象征的作用,从而表达主题的中心思想。例如:化妆品类广告,多讲求护肤美容,靓丽清新,安全可靠。在色彩上应多选用清新素雅的色调,如粉红、淡绿、浅蓝、白色等色彩,给人以清香、健康、优雅、温柔的感觉。

丝路教程网


  色彩感情规律的应用

  色彩的情感规律与人类的年龄、性别和经历有很大的关联。儿童喜好鲜明、亮丽的纯色,这是由于这类颜色对他们能产生很强的吸引力,符合他们活泼好动的性格。如:女性比男性更喜爱白色,因为白色象征着纯洁,而男性则多喜爱蓝色,因为蓝色体现豪爽、沉稳、成熟和心胸开阔。民族与风俗对色彩的喜好也有着较大影响。推荐阅读:色彩也是有情有义的!你造吗?

Image title


  色彩人们的心理和生理感受紧密相关,色彩的功能性和影响力,也直接关系到设计是否能吸引消费者的注意力,是否能达到销售的目的,是否能体现商品的价值。总之,色彩是打开人类心灵和吸引人类视觉的钥匙,色彩表现是设计中极其重要的环节,也是增强视觉传达功能的有效手段,是值得设计师长期关注和思考的问题。我们应当注重色彩对人的心理影响和情感反映,了解色彩的基本原理、色彩知识,并在实践中加以运用和表现,从而更成功地在设计中运用色彩,创造出更加精彩的设计作品。


首发地址: UI设计玩转色彩!独一无二就是你_丝路教程网

资源地址: http://blog.silucg.com/UI/jc/7374.html(分享请保留)

更新:2017-10-11

收藏

7人已收藏

  • 2

    作品

  • 0

    粉丝

  • 0

    关注

  • 网页UI设计制作的10条适用法则
相关标签
UI设计教程UI设计

    猜你喜欢

      2017-10-11 好文转载 教程 原作者: 丝路教程网 举报 1316 7 3 0

      UI设计教程玩转色彩!让设计有形有色!

      0.0°

      你确定要举报UI设计教程玩转色彩!让设计有形有色!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年10月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录