zoukankan      html  css  js  c++  java
  • 了解色彩+排版规范

    色彩的类别

    自然界的色彩分为无彩色有彩色
    无彩色指的是黑色,白色,灰色,反向集合就是彩色;而黑白色是极色,而灰色由白色和黑色不同比例混合而成。




    色相环

    24色相环:由不同颜色间色彩差异的方式,以顺时针的方向联系旋转,形成色相环。




    色彩搭配

    互补色:两色相距180°,形成强烈对比。
    视觉上产生刺激性,不安定性。

    同种色:两色相距15°,色彩对比温和。
    色相感单纯,柔和,统一,区域调和。




    色彩搭配不同的因素

    HSL即色相、饱和度、亮度(英语:Hue, Saturation, Lightness)。HSV即色相、饱和度、明度(英语:Hue, Saturation, Value),又称HSB。

    色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。
    饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取0-100%的数值。
    明度(V),亮度(L),取0-100%。

    明度

    明度:是指颜色的深浅和明暗程度,它决定着**反射光**的强度。明度适用于表现物体的**立体感**和**空间感**。
    • 无彩色中的白色明度最高,黑色最低,于黑白间存在不同明度的灰。同种饱和度不同色相的明度也不同,黄色(L)高,紫色(L)低。
    • 明度是视觉感知的重要因素,通常高明度轻盈透明,低明度色彩沉稳厚重。高明度虽然注目高,但缺乏稳重感,容易让人产生视觉疲劳;低明度给人高档和优雅的感觉



    饱和度

    饱和度:指的是色彩的鲜艳程度。(也是颜色的深浅)

    • 饱和度和白色,黑色,灰色,其他色的比例等有关。
    • 饱和度最高的即称为纯色
    • 白色越高,饱和度越低,明度越高;黑色越高,饱和度越低,明度越低。
    • 饱和度越高,图像效果越明亮,很强的视觉刺激效果;饱和度越低,画面灰暗程度明显
    • 纯色(饱和度最高),给人明朗,活泼;低饱和度的色彩,给人复古,怀旧,经典的印象。

    色相环中,中间的环饱和度最高,最纯,靠上的环 即增加黑色,饱和度降低,明度降低;靠下的环 即增加白色,饱和度降低,明度增加;




    色调

    色调:指的是画面色彩的总体倾向,由色彩的三属性明度和饱和度决定的

    • 画面总体都会持有一个倾向,是偏于红色或蓝色,即暖色和冷色
    • 色彩的数量的多少,面积的大小比例也决定了色调的倾向。



    补色

    补色:是指彼此相对的两种色相。

    • 美术上的互补色对:红与绿,黄与紫,蓝与橙。
    • 在视觉上,互补关系是特效,视觉和色彩调和的基本元素。
    • 无论色相的饱和度和明度怎样,都与某种颜色存在互补色。

    image

    image

    当补色以高纯度,高明度,面积搭配,会产生强烈的对比。




    平面设计的目的

    传递信息,高效;美观。

    万能公式排版:对齐,组合,层级,重复,突出主体,字体,编排,留白,图形化文字,构图,协调配色,潮流风格,绝妙创意,炫酷效果,文案。坚持+审美

    四大原则:对齐,对比,亲密,重复

    版面的元素,遵循一定的视觉关系

    分层次,一般都3-4个层次,层级越高,难度越高。
    字体大小等差,等比字体色彩不同,字体明暗不同。
    层级相同的内容,做成一样(颜色,字体,风格)

    关系近的元素距离近,不同关系的元素,要分明。

    当你的才华配不上你的野心,努力的时候到了!
  • 相关阅读:
    cmake 添加头文件目录,链接动态、静态库(转载)
    Opencv 2.4.10 +VS2010 项目配置
    郑捷《机器学习算法原理与编程实践》学习笔记(第七章 预测技术与哲学)7.3 岭回归
    Spark在Windows下的环境搭建(转)
    郑捷《机器学习算法原理与编程实践》学习笔记(第七章 预测技术与哲学)7.2 径向基网络
    郑捷《机器学习算法原理与编程实践》学习笔记(第七章 预测技术与哲学)7.1 线性系统的预测
    郑捷《机器学习算法原理与编程实践》学习笔记(第六章 神经网络初步)6.5 Boltzmann机算法
    cython学习
    郑捷《机器学习算法原理与编程实践》学习笔记(第六章 神经网络初步)6.3 自组织特征映射神经网路(SOM)
    郑捷《机器学习算法原理与编程实践》学习笔记(第六章 神经网络初步)6.2 BP神经网络
  • 原文地址:https://www.cnblogs.com/xwdzj/p/14465782.html
Copyright © 2011-2022 走看看