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做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。

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


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


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


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

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

  • 相关阅读:
    Codeforces 235C Cyclical Quest 后缀自动机
    HDU-6583 Typewriter 后缀自动机+dp
    HDU-4436 str2int 后缀自动机
    [题解]诸侯安置(dp+组合)
    [题解]洛谷P1350车的放置
    二进制表示中1的个数与异或关系
    [洛谷P1593][POJ-1845Sumdiv] 因子和
    [USACO08DEC]拍头Patting Heads 题解
    [小白逛公园]|[SP1716]|[UVA1400]解题报告(三合一)
    P2034选择数字题解
  • 原文地址:https://www.cnblogs.com/iceberg2008/p/1500223.html
Copyright © 2011-2022 走看看