4部网页配色电子书库之第4部——网站配色方案赏析
案例1:网站配色(红色) |
---|
分析:
该页面中的深红色在原有的红色基础上降低了明度而得,是红色系中的明度变化。从图中可以看出明度较低。
结论:
这类颜色的组合随着明度的变暗,比较容易制造深邃、幽怨的故事气氛。传达的是稳重、成熟、高贵、消极的心理感受。
案例2:网站配色(蓝色) |
---|
分析:
该页面中间色较多,主要是在蓝色范畴内做明度的变化,所以色度差非常缓和,以致于页面的色彩呈现非常柔和,甚至稍有些发灰的感觉,好在该页面还有些较大色块的浅蓝色及白色,拉大了页面的色阶,使得这种灰的感觉减弱不少。
结论:
浅蓝色给人一种很宁静安静的心理感受。浅蓝色系有淡雅、清新、浪漫、高级的特质,常用于化妆品、女性、服装网站。它是最具凉爽,清新特征的色彩。和白色混合时,能体现柔顺,淡雅,浪漫的气氛。
主色调选择明亮的蓝色,配以白色的背景和灰亮的辅助色,可以使站点干净而整洁,给人庄重、充实的印象。
案例3:网站配色(绿色) |
---|
分析:
深绿色给人茂盛、健康、成熟、稳重、生命、开阔的心理感受。
结论:
主页面的绿色通过不同明度的变化,能较递增缓和变化同时却也较明显的体现出页面的色彩层次感来。整个页面配色很少,但得到的效果却是强烈的、显眼的,达到充分展现产品主题的目的。
案例4:网站配色(黄色) |
---|
分析:
大面积显眼的正黄色有黑色的线条压制,黄色顿时显得沉稳,页面增添内容感。白色是点睛色,让层次感更明显。
结论:
当鲜度、明度高的背景色与前景辅助色暗度低的黑色在明度形成较强烈的对比时,艳度降低,较能协调视觉。整个页面配色单纯,却也不简单,形成另一种设计风格。
案例5:网站配色(渐变) |
---|
分析:
页面的主色调不是纯正的非色系,里面掺杂了其他色彩,辅色系采用渐变色。
结论:
该页面依旧以灰色为主导位置,与页面其他色彩元素较统一调和。
案例6:网站配色(绿色) |
---|
分析:
该页面以浅白色作为背景色,边框使用绿色,再辅之以亮丽的其他色彩,使整个页面看起来并不单调。
结论:
该页面合理搭配各种色彩,给人一种清新、自然的感觉,充满了艺术气息。
案例7:网站配色(灰色) |
---|
分析:
主色调是由两种明度较接近的灰色构成。复色棕黄色在背景深灰的衬托下低调不张扬,能很好的与之融为一体。 点睛色是浅蓝色。该色选择了明度适中纯度不高的配色,既表达了主题又能与整个页面灰调子很好的调和一起。另一点睛色白色让所有的颜色的特性都得以很好的发挥并起到拉开色阶层次的作用。
结论:
深灰色具有谦虚、平凡、沉默、中庸、寂寞、忧郁、消极的心理感受。主色调主要集中在背景的运用和变化上,增强页面的空间感,视觉元素颇有时尚现代的气息,与前景的色彩明度纯度稍有变化又在视觉上达到风格统一。
案例8:网站配色(黑白色) |
---|
分析:
黑色是最暗的颜色,是纯度、色相、明度最低的非彩色。因此它较容易起到衬托和发挥起其他颜色的特性,是最有力的搭配色。该页面使用非色彩搭配,即黑色白色,衬映得该页面的设计元素也非常干净简练,页蓝色元素的加入减小了该页面有可能因此产生的单调感觉。
结论:
黑白纯色在明度上反差非常大,视觉冲击强烈,主次分明,全站的贯穿运用,构成特色鲜明的设计风格,散发迷人的高品位的贵族气息。黑白两种颜色的搭配使用通常可以表现出都市化的感觉,常用于现代派页面设计中。
案例9:网站配色(红+黑色) |
---|
分析:
在黑色这一背景的衬托下,红色遇到黑色搭配结合而得的特性简直发挥到了极致。因此该页面色彩配色具有极强的视觉冲击力。而橙色平衡了左右视觉,起到色彩相互呼应的作用。点睛色白色是让这几种颜色配合起来更透亮,缓和对人视觉不适的压迫力。
结论:
尽管页面的设计颜色在不同面积分配上也参差不齐的感觉,但是由于黑色主色调为背景,牢牢掌控了全局,页面设计及配色上也能达到统一的目的。
案例10:网站配色(浅紫色) |
---|
分析:
该页面使用浅紫色作为主色调,很容易抓住人们的视线成为聚焦点,是非常大胆又时常的配色。
结论:
浅紫色与深紫色的相对搭配,在时尚高贵的同时又不失优雅。
案例11:网站配色(深紫色) |
---|
分析:
该页面使用深紫与浅黄色作为对比色来构成,给人很强的页面礼堂感染力,同时,又不会感到僵硬。
结论:
整个页面给人以妩媚、优雅、妖气、清秀、梦幻,充满了女性魅力。
相关文章推荐:
程序员看过都说好的资源网站,你懂得!
CSDN如何发表自定义颜色的字体/号?(Markdown编辑器)
4部网页配色电子书库之第1部——颜色代码查询表
4部网页配色电子书库之第2部——颜色英文名称查询表
4部网页配色电子书库之第3部——网页配色方案速查表
感谢您的点赞与关注。
4部网页配色电子书库之第4部——网站配色方案赏析相关推荐
- 4部网页配色电子书库之第2部——颜色英文名称查询表
颜色英文名称查询表 red green blue magenta yellow chocolate black aquamarine lime fuchsia brass azure brown br ...
- 4部网页配色电子书库之第1部——颜色代码查询表
颜色代码查询表 编号 C M Y K R G B # 1 0 100 100 45 139 0 22 8B0016 2 0 100 100 25 178 0 31 B2001F 3 0 100 100 ...
- 一个用php抓取网页中电子邮箱的实例
原文出自: http://outofmemory.cn/code-snippet/36020/php-how-zhuaqu-wangye-youxiangdizhi-code php如何抓取网页中邮箱 ...
- 《安富莱嵌入式周报》第280期:支持在线仿真编程的网页版电子开发,CAN总线防攻击实现,BigFAT 规范打破了 FAT 每个文件 4GB 的限制
往期周报汇总地址:嵌入式周报 - uCOS & uCGUI & emWin & embOS & TouchGFX & ThreadX - 硬汉嵌入式论坛 - P ...
- 微积分袖珍电子书库究竟有多大?
既然我们把互联网当成现代数学知识的传播工具,那么,我们就回避不了一个问题:作为传播内容的袖珍电子书.大家知道,微积分是整个现代数学的重要组成部分,其主要内容是完全确定的,与国家.民族无关.但是,这些内 ...
- 资源| 电子书库-永久有效,持续更新!
每天进步一丢丢,连接梦与想 人,生来不完美,所以要用一生的时间缝缝补补 声明 资源来自于网络,小编只是资源的搬运工,若有侵权,联系小编即删. 经过小编多日整理,整理了整整100G电子书,基本囊括各方向 ...
- 浅谈一个完整网站配色方案设计大法2实例篇
之前发布过一篇文章<浅谈如何使用软件从零开始,高效高质设计一个完整的配色方案>,那篇文章主要是分享了一个傻瓜式的配色方案制作方法,但是没有实际运用的例子,让很多朋友都不了解具体怎么运用. ...
- 浅谈一个完整网站配色方案设计大法3实战篇
(二)加拿大Minglian Holdings Ltd.咨询顾问有限公司配色方案设计(简洁型配色方案) 下面进行一个简洁的配色方案,具体的过程,就没有上面的说的那么详细,都是一样的PS使用技巧和原理, ...
- 经典网页设计:12个简约风格的网站作品
简约的网页设计,如果使用得当,会是灵感的重要来源.保持在布局中只有重要的要素,摒弃不是必需的内容.请记住,你仍然可以在一个简约的网站使用丰富的颜色,所以不用担心颜色的单调.这里的例子展示出了简约设计的 ...
最新文章
- ectouch java_ectouch第七讲 之ECshop模板机制整理
- 孤军大作战!疯狂DIY 1U硬件防火墙实录(二)
- ActionScript3.0程序开发工具
- 今日arXiv精选 | 21篇EMNLP 2021最新论文
- 外媒对中国量子计算机,中国超算世界第一,美国却研发出量子计算机,外媒:秒杀中国超算...
- Tensorflow深度学习应用(进阶篇)-1
- python的字符编码叙述_Python: 熟悉又陌生的字符编码
- MySQL中的DATE_SUB()函数和DATE_ADD()函数
- 001_阿里巴巴开源项目:分布式数据库同步系统otter(解决中美异地机房)
- oracle 导入性能,EXP,EXPDP数据导入本地性能测试的一点心得
- Python和Matlab系统比较
- PCB SI9000阻抗计算引擎Web方式实现方法
- 基于C++和QT开发的校园超市库存物资管理系统
- RecyclerView.ViewHolder、Adapter
- python在视频上方加字_python 使用 MoviePy 给视频添加文字水印demo实现[附代码]
- 51单片机学习笔记(郭天祥版)(5)——作业讲解、独立键盘、矩阵键盘
- smartsvn学习(-)
- 成人python线上培训机构_哪些成年人正通过在线教育平台学习?看这个大数据报告就知道...
- 要学的东西太多了怎么办
- vue中集成的ui组件库_Vue组件可使用Vault Flow通过Braintree集成PayPal付款