zoukankan      html  css  js  c++  java
  • 设计的一些基础知识

    第一单元 色彩的构成
    *色彩的三属性:色相、明度、纯度。

    *色相(Hue)
    指色的相貌与名称。色轮是表示最基本色相关系的色表。色轮上90度角内的几种色彩称作同类色,也叫近邻色。90度角以外的色彩称为对比色。色轮上相对位置的色叫补色,也叫相反色。

    *明度(Value或Brightnese)
    人眼之所以能看到物体的明暗,是因为物体所反射色光的光量(热量)有差异之缘故。光量越多,明度越高,反之明度越低。色料的色彩的明度则取决于混色中白色和黑色含量的多少。

    *纯度(Chroma)
    所谓色彩的纯度,是指色彩鲜艳与混浊的程度,也称为彩度。色轮上各颜色都是纯色,纯度最高,色料的混合中,越混合,色彩的纯度越低。色轮上的色彩纯度最高。

    *混色理论
    原色
    无法用其他色彩混合得到的基本色彩称为原色。原色按照一定比例混合可以得到各种色彩。基本上分为3原色说和4原色说

    *色彩的混色有两种类型
    减法混色
    色料三原色(紫红、黄、蓝绿)按照一定的比例混合可以得到各种色彩。理论上三原色等量混合可以得到黑色。因为色料越混合,越灰暗,所以称为减法混色。水彩、油画、印刷等,它们产生各种颜色的方法都是减法混色。
    加法混色
    色光三原色(红、绿、蓝紫)按照一定的比例混合可以得到各种色光。三原色光等量混合可以得到白色。色光混色和色料混色刚好相反,色光混色是越混合越明亮,所以称为加法混色。我们熟悉的电视机和CRT显示器产生色彩的方式就是属于加法混色

    *色彩模型
    HSB
    HSB就H(Hue)、S(Saturation)、B(Brightnes)或者也可以称为HSV(Hue、Saturation、Value)。正好就是色彩的三属性。也就是说这种色彩模型用色彩的三属性来描述颜色。

    RGB
    所谓RGB就是:红(Red)、绿(Green)、蓝(Blue)三种色光原色。RGB色彩模型的混色属于加法混色。每种原色的数值越高,色彩越明亮。R、G、B都是为0时是黑色,都为255时是白色。

    CMYK
    在印刷行业中,使用另外一种色彩模型CMYK。CMYK分别是青色(Cyan)、品红(Magenta)、黄色(Yellow)、黑色(Black)四种油墨色。每一种颜色都用百分比来表示,而不是RGB那样的256级度。

    网页色彩搭配的技巧
    *确定网站的主题色
        一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不至于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
        一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其他配色时,一定要考虑其他配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。


    *背景与文字
        如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
        当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。


    *Logo和banner
        Logo和Banner是宣传网站最重要的部分这一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将Logo和Banner做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。

    *导航,小标题
        导航,小标题是网站的指路灯。浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必段通过导航或者页中一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。


    *链接颜色设置
        一个网站不可能只是单一的一页,所以文字与图片的链接是风站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节凑相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独物的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。


    网页界面中版式构成的类型
    水平分割,垂直分割,水平-垂直交差分割,中轴型,倾斜型,曲线型,重心型,反复型,散点型等。


    网页界面中版式设计中的形式原理
    网页界面设计遵循所有视觉艺术的形式原理,各形式成分依赖、组织、配合的关系体现出构成式的规律,具体包括比例、对称、均衡、反复、渐变、节奏、韵律、统一、变化等。

    网页界面中版式设计的造型元素
        网页界面中构成版式的元素除了点,线,面之外,还有空白。版式设计的过程就是在版面空间中经营组织好这些点,线,面,空白,有效地实现其实用功能和审美功能。

  • 相关阅读:
    06 is和==的区别 encode()编码 decode()解码
    05 dic的增删改查 字典的嵌套 考试题dic.get()的相关使用
    03 编码 int ,bool,str的常用操作 主要讲str
    01 基本数据类型 变量 if语句
    04 列表的增删改查 常用方法 元祖 range
    02 while循环 格式化输出 运算符
    多校2 Harmonious Army hdu6598 网络流
    P3159 [CQOI2012]交换棋子 网络流
    P2172 [国家集训队]部落战争 最大流
    P2402 奶牛隐藏 网络流
  • 原文地址:https://www.cnblogs.com/iceberg2008/p/1500223.html
Copyright © 2011-2022 走看看