UI设计初学者教程:色彩基础知识

编辑:千锋UI设计

初学设计都会先认识三原色,通常我们说的三原色指的是颜料三原色:红、黄、蓝;其实三原色还有色光三原色:红、绿、蓝。我们通常说的红黄蓝就是减色法三原色,而红绿蓝是加色法三原色。
可能这么说有点蒙,简单来说就是CMYK(印刷色)和RGB(屏幕色)的区别。

初学设计都会先认识三原色,通常我们说的三原色指的是颜料三原色:红、黄、蓝;其实三原色还有色光三原色:红、绿、蓝。我们通常说的红黄蓝就是减色法三原色,而红绿蓝是加色法三原色。
可能这么说有点蒙,简单来说就是CMYK(印刷色)和RGB(屏幕色)的区别。

三原色中任何两种颜色,以同等比例混合形成的颜色,也叫二次色;用任何两间色或三个原色产生的颜色叫复色,也叫三次色;接着,三原色、三间色、六复色形成12色相环;临近的两个颜色再混合,以此类推形成24色相环、48色相环… …

12色相环↓

颜色之间又有冷暖之分↓

在色环中,两个相对的颜色为互补色↓在色环中,两个相对的颜色为互补色↓

HSB

认知过基础色彩,现在了解一下HSB——色彩三要素,色相(hue)、明度(brightness)、饱和度(saturation)。

色相是色彩的首要特征,是区别不同色彩的最准确的标准;
明度是指色彩的亮度或明暗度,例如颜色的深浅、明暗变化;
饱和度是指色彩的纯度。

?

以上是色彩的基础知识,刚开始大家可能会混淆,但实际上并不用担心这些,作为设计者,在众多颜色中,我们要做最合适的选择,当把基础知识融合在设计中,久而久之大家就会看懂、明白了。

原文地址:https://www.cnblogs.com/leolei/p/9910403.html

时间: 2024-08-05 20:02:39

UI设计初学者教程:色彩基础知识的相关文章

IOS 教程以及基础知识

http://wenku.baidu.com/course/view/1ce3571252d380eb62946d8c http://iphone.apkbus.com/ www.itcast.cn //博客 http://blog.csdn.net/cutesource/article/details/7715593 // ios虚拟开发环境搭建 http://www.cnblogs.com/mjios/ //ios 博客 http://www.9ria.com/subject/summary

UI设计初学者如何避免走弯路?

对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及想学UI到底要如何避免走弯路,快速的学成. 问题一:UI设计是做什么的,需要学什么? 1.UI设计是做什么的? UI即User Interface(用户界面)的简称,UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计. 我们一般所说的UI设计多指UI视觉设计,主要负责APP.Web.H5等页面的色彩.布局.icon.字体方面的设计工作.但随着互联网

php基础教程-必备基础知识

PHP 脚本在服务器上执行. 您应当具备的基础知识 在继续学习之前,您需要对下面的知识有基本的了解: HTML CSS JavaScript 如果您希望首先学习这些项目,请在我们的 首页 访问这些教程. 什么是 PHP? PHP 是 "PHP Hypertext Preprocessor" 的首字母缩略词 PHP 是一种被广泛使用的开源脚本语言 PHP 脚本在服务器上执行 PHP 没有成本,可供免费下载和使用 PHP 是一门令人惊叹的流行语言! 它强大到足以成为在网络上最大的博客系统的

IOS:UI设计之UISegmentedControl相关基础

作用:分段控件,页面的切换等等: 它们常用于在不同类别的信息之间的选择,或在不同的应用屏幕之间切换. 下面是基本属性和基本方法的使用: NSArray *array = [NSArray arrayWithObjects:@"搜索",@"音乐",@"视频",@"小说",nil]; //创建一个数组 UISegmentedControl *segmentedCont = [[UISegmentedControl alloc]in

php教程|php基础知识

第1章  初识PHP 当前网络技术发展日新月异,各种基于服务端创建动态网站的脚本语言更是层出不穷.其中PHP以其简单.易用.可移植性强等特点,在众多的动态网站语言技术中独树一帜.那么到底什么是PHP,如何使用PHP?本章将来回答这些问题.通过本章的学习,将使读者对PHP有一个大致的了解,并将学会如何把PHP代码加入普通Web页中. 1.1  关于静态网页与动态网页 目前网上的网页有静态网页与动态网页两种形式.在讲这两种网页之前,先了解一下网络构成中的客户机(Client)与服务器(Server)

IOS:UI设计之UITextField相关基础

简单说明:此控件一般用于用户的账户,密码,验证码等需要输入简短内容的输入窗口 (由于刚刚学完控件部分,所以最近几篇都是关于各控件的介绍..) UITextView与UITextField间的主要区别在于:UITextField可以设置InputText的相关属性,例如可以设置SecureInput等相关属性,而UITextView只能实现基本的文本输入的功能,几乎无法设置内容属性. UITextField *TF = [[UITextField alloc] initWithFrame:CGRe

IOS:UI设计之UILable相关基础

UILable是iPhone界面最基本的控件,主要用来显示文本信息. 基本的使用方法: UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(x,y,w,h)];    //初始化 label.center = self.window.center;  //设置Label相对于window居中 label.text = @"UILabel";   //设置文本内容 NSLog(@”%@”, label.text); //读取

想学UI设计,没基础怎么办?

说说很多人都担心的几个问题 问题一:一个朋友想学UI设计,没有任何基础的,也没有美术功底,想问问有经验的人需要多久能学会?想从事UI设计这方面的工作? 问题二:北京有好的UI培训班吗? 问题三:我了解的有一个培训的,是上午学画画,下午上课,学习6个月.不知道这么短的时间能学会吗? 问题四:六个月是不是只学习了皮毛?好就业吗? 问题五:没有学历的,不知道在成都这边学完好找工作吗? 问题六:UI设计发展前景怎么样?好像分很多种?哪种最好? 一.关于UI设计前景.就业问题 首先UI培训设计伴随着新媒体

学习中收集的一些有关网页UI设计、前端开发的相关知识网址分享,赶紧收藏走起。。。

http://iconfont.cn/ 强大的矢量图标库,妈妈再也不用担心我不会画图标了 http://pxtoem.com/ 像素单位px的转换为em,可以自豪的说小学数学是体育老师教的啦 http://qrohlf.com/trianglify/#gettingstarted 时下钻石风格代码完成,有木有高大上 http://www.sheji11.com/category/ruanjian 软件神器,设计师资源网,各种插件上这找 http://www.w3cplus.com/css3/ps