最近在制作网页的时候,由于没有美术的功底,在网页配色上,完全依靠感觉。这样的配色过程,很耗费时间,得不断选择自己认为不错的配色进行搭配。后来,在《写给大家看的设计书》中看到这样的内容,关于利用色轮进行配色。看完之后,觉得对我以后进行网页设计的配色非常有用,于是就记下这些主要的内容。

首先来介绍一下三原色、三间色、第三色。

1、三原色。黄、红、蓝就是三原色。

2、三间色。三原色相邻的颜色等量地混合。(红+黄-->橙、黄+蓝-->绿、红+蓝-->紫)

3、第三色。(例如黄色+橙色=橙黄色,其他颜色以此类推)

三原色、三间色、第三色组合成一个12色的色轮。

如果对网页进行配色或则选择字体的颜色,可以参考色轮。下面可以由色轮进行一些色彩搭配。

1、互补色。一种作为主色,另一种用于强调。

举个栗子(蓝色+橙色):

这个网页主页就是使用了橙色和蓝色,蓝色作为主色,橙色作为辅佐色,使得橙色非常醒目。

2、三色组。

三色组颜色的搭配出来的效果会令人感到愉悦,很多儿童网站和产品喜欢用红黄蓝颜色进行搭配。例如下面这个天猫童装店的配色。

3、分裂互补三色组。

4、类似色。由色轮相邻的颜色组成。用不同的亮色和暗色组合成一组类似色。

天猫首页就用了大量的类似色,红色、暗红色、浅红色。

5、暗色和亮色

暗色网站

亮色网站

本文纯属作为记录笔记。

颜色运用(《写给大家看的设计书》--内容总结)相关推荐

  1. 《写给大家看的设计书:实例与创意(修订版)》—1你已经知道多少了?

    本节书摘来自异步社区<写给大家看的设计书:实例与创意(修订版)>一书中的1你已经知道多少了?,作者 [美]Robin Williams,更多章节内容可以访问云栖社区"异步社区&q ...

  2. 读《写给大家看的设计书》

    读<写给大家看的设计书> 这段时间略读了一遍<写给大家看的设计书>第四版,作为一名开发者来说,这种设计细胞确实不怎么样.通过略读也有一些收获,而贯穿全文的"4大基本原 ...

  3. 《写给大家看的设计书》(第四版)分享

    作者的话: 本书假设你没有足够的时间或者兴趣来专门学习设计和排版技术,但是又很想知道如何才能让页面看上去更好一些.倘若如此,本书肯定会令你满意.我们的前提很老套,还是那句格言:知识就是力量.看到一个设 ...

  4. 《写给大家看的设计书》

    # <写给大家看的设计书> 偶然在书中看到这本书,想的是关于设计的就买来看看吧. 买的一本精装版花了我好多大洋.但是还是感觉很值. 这是一本介绍设计基础的书.总的来说其实他就讲了四个基础, ...

  5. 《写给大家看的设计书》——从iOS7的扁平化谈起

    昨晚看了WWDC2013的直播,iOS7以扁平化UI的方式展现在世人面前.于是接下来进入了微博吐槽时间. 大象要跳舞是很难的,这正是苹果面临的情况.现在无论是Android还是Winphone,与iO ...

  6. 《写给大家看的设计书》《写给大家看的色彩书》《点石成金》《形式感》学习笔记...

    为什么80%的码农都做不了架构师?>>>    首发:个人博客,更新&纠错&回复 今天读了四本书<写给大家看的设计书><写给大家看的色彩书>& ...

  7. 《写给大家看的设计书(第3版)》

    <写给大家看的设计书(第3版)> 基本信息 原书名:The Non-Designer's Design Book,Third Edition 作者: (美)Robin Williams 译 ...

  8. 《写给大家看的设计书》读后记录

    其实前端工程师也要懂点设计,毕竟还要与上下游的人打交道,说不定看到设计给你的设计稿时,还可以提点建设性意见呢.这本书我也是在豆瓣上看到别人写的web前端工程师必读书目清单里看到的,书的作者是一位世界级 ...

  9. 《写给大家看的设计书》书摘

    看了<写给大家看的设计书>,感觉设计思想上是有一些提升,至少知道了一些设计的思路了,在设计页面或者画ppt的时候,大体知道从哪入手,不再那么不着边际了.五星推荐. BTW:推荐一个不错的设 ...

最新文章

  1. 在这个问题上,能看出 Java 工程师的真实水平
  2. java 百度账号注册界面_基于百度AI开放平台的人脸识别的注册登录(1)
  3. 项目质量管理知识点整理和习题整理
  4. Spring Data JPA 从入门到精通~如何配置多数据源
  5. asp.net运行时动态修改主题
  6. SpringCloud发现服务代码(EurekaClient,DiscoveryClient)
  7. [转载] 中国象棋软件-引擎实现(二)棋局表示
  8. 如何知道对象在Python中是否具有属性
  9. vs快速添加引用解析的快捷键
  10. java学生管理系统论文_(定稿)毕业论文基于java的学生信息管理系统设计报告(完整版)最新版...
  11. MATLAB:图像水平、垂直、水平垂直镜像、转置、旋转变换(flipdim、mirror、transp、imrotate函数)...
  12. 家用千兆路由器排行榜前十名_千兆家用路由器品牌推荐,总有一款适合你!
  13. 已是操作系统的一部分_什么是操作系统 第2部分
  14. python turtle画表情包--牛bi
  15. 推箱子游戏的90个经典关卡
  16. SaaS 长河下,AfterShip 技术升级的“加减法”
  17. MySQL 推荐书目
  18. Java Web3j nonce 获取
  19. IEEE 写作指南(2022)
  20. Java能自学吗?如何自学?(附Java学习路线图)

热门文章

  1. 最优化原理与方法之(一)开篇
  2. 针对Excel 中“剪贴板出现问题,但你仍可在此工作簿内粘贴内容”的解决方案
  3. 用在线模板做个失物招领小程序
  4. 码分多址cdma通信_码分多址(CDMA)| 计算机网络
  5. MICCAI 2022 | CLFC:基于对比学习的多模态脑肿瘤分割与单模态正常脑图像的特征比较
  6. OCR文字识别软件怎样操作
  7. open jdk卸载
  8. Rhino 6 偏移曲面 选项有很多玄机
  9. JAVA根据经纬度计算两点距离
  10. 韩信点兵C++算法实现