技术资讯
青岛网站设计中的色彩运用
2012-08-01 11:30:39
颜色搭配是青岛网站设计风格定位的重要因素,不同青岛网站制作拥有不同的色彩搭配,但是这其中也不是没有基准规范的,通常情况下,一个网站会主要运用一个色系的颜色,色系跨度太大就会让网页设计显得凌乱一些。色彩作为一种视觉元素,往往很难被量化或者用例行的角度去分析描述的,不同浏览者,对色彩有着不同的理解和认识,就像有的设计师认为不错的网站设计而到了客户那边却感觉不甚理想。
奇妙的色彩搭配
1. 听见色彩的声音
以上故事和实验都证明了,颜色是可以左右用户的情绪,也可以影响用户判断的。既然色彩潜意识在影响这着我们,那设计师必须学会善用色彩,在设计的时候,用色彩去正确传达产品的本质和内涵。🍷当色彩被正确传达后,便能与用户产生心灵共鸣,产品也就能更深入人心。
黄色:青春、乐观、豁达。常被作为点睛之笔。
红色:活力、速度、紧迫感,常用于促销打折甩卖等。
蓝色:信任、安全、有底蕴,常用于企业、银行、安全中心等行业机构。
绿色:生命力、轻松、天然、无污染,常用于保健品等行业。
橙色:积极、进取、活力,阿里巴巴色也是橙色,常用于唤起行动,如button的颜色也常用橙色。
粉色:浪漫、女人,常用于女性消费行业,女性产品等。
黑色:影响力、时髦、严肃,常用于奢侈品营销等。
紫色:安抚、冷静、神秘,常用于美妆或抗老的女性产品设计中等。
当我们了解了颜色后,就能更加准确的掌握我们的页面风格的定位,用颜色去阐述你的产品。经常做“脑部运动”,联想游戏等。
2. 色彩与营销、品牌
每种特定的行业,都有相似的产品色彩倾向性
大部分知名品牌的logo倾向于用色彩相近的色调
3. 色彩有魔力,选色需谨慎!
快餐店给我们的印象一般是座位很多,效率很高,顾客吃完就走,不会停留很长时间。有人喜欢和朋友约在快餐店碰面,但其实快餐店并不适合等人。这是因为很多快餐店的装潢以桔黄色或红色为主,这两种颜色虽然有使人心🤡情愉悦、兴奋以及增进食欲的作用,但也会使人感觉时间漫长。如果在♛这样的环境中等人,会越来越烦躁。
请两个人做一个实验,让其中一人进入粉红色壁纸、深红色地毯的红色系房间,让另外一人进入蓝色壁纸、蓝色地毯的蓝色系房间。不给他们任何计时器,让他们凭感觉在一🍰小时后从房间中出来。结果,在红色系房间中的人在40~50分钟后便出来了,而蓝色系房间中的人在70~80分钟后还没有出来。有人说,这是因为红色的♛房间让人觉得不舒服,所以感觉时间特别漫长。确实有这个原因,但也不尽然。最主要的原因是人的时间感会被周围的颜色扰乱。同样道理,高血压的人忌红色。
再举个例子,在时下非常流行的休闲运动潜水中,人需要携带氧气瓶。一个氧气瓶大约可以持续40~50分钟供氧,但是大多数潜水者将一个氧气瓶的氧气用光后,却感觉在水中只下潜了20分钟左右。海洋里的各色鱼类和漂亮珊瑚可以吸引潜水者的注意力,因此会感觉时间过得很快,这是原因之一。更重要的是,海底是被海水包围的一个蓝色世界。正是蓝色麻痹了潜水者对时间的感觉,使他感觉到的时间比实际的时间短。(部分资料来自-《每天懂点色彩心理学》)
什么是色彩
色彩的三大要素
1.色相
我们最常见的色谱“虹”就是把颜色按照“ 红 橙 黄 绿 青 蓝 紫 ”依次过渡渐变☂,色相两端分别是暖色、冷色中间为中间色或中型色。
2.明度
明度就是色彩的明暗差别,如深红、大红以及粉红等。
3.饱和度
饱和度是指色彩的鲜艳程度,也称色彩的纯度。
色彩的选用和搭配
以下以banner为例,简单剖析下色彩的搭配技巧及色彩搭配组合方式以及搭配呈现的视觉效果。
单色搭配:由一种色相的不同明度组成的搭配,这种搭配很好的体验了明暗的层次感。
近似色搭配:相邻的两到三个颜色称职为近似色。如下图(橙色/褐色/黄色),这种搭配比较让人赏心悦目,低对比度,较和谐。
补色搭配:色环中相对的两个色相搭配。颜色对比强烈,传达能量、活力、兴奋等意思,补色中最好让一个颜色多,一个颜色少。如下图(紫色和黄色)。
分裂补色搭配:同时用补色及类比色的方法确定颜色关系,就称为分裂补色。这种搭配,既有类比色的低对比度,又有补色的力量感,形成一种即和谐又有重点的颜色关系,如下图,红色文字就显得特别的铿锵有力,特别突出。
原色的搭配:大部分是在儿童产品上,色彩明快,这样的搭配在欧美也非常流行,如蓝红搭配,frickr的logo以及 麦当劳的logo色与主色调红黄色搭配等。
网站设计中色彩的准确定位
前面分析的是通过颜色去感觉情绪。这里简单写,如何根据产品去捕捉色彩,也就是所谓的MOOD BOARD(情绪版)。
情绪版是指对要设计的产品以及相关主题方向的的色彩,影像,图片等其他材料的收集,从而引起某些情绪反应, 以此作为设计方向或者是形式的参考。
1. 收集相关图片,提取图片生成情绪版
通过“原生关键词”和“衍生关键词”,通过网络渠道,收集了大量的对应的素材图并配合定性访谈。
2. 衍生关键词的分析——分维诠释
3. 对情绪版进行“色彩分析”和“质感分析”
4. 原生关键词选择
首先,通过对产品的理解与认识,以及用户调研等得出体验关键词(Experience Keywords)。
5. 衍生关键词
针对所得到的关键词,扩容信息,通过头脑风暴画出关键词的思维导图,寻找扩展关键词。
色彩提取工具://kuler.adobe.com/#create/fromanimage
处理好色彩的搭配会让青岛网站设计事半ܫ功倍,大大提高青岛网站制作的设🌌计水平,当然,色彩只是一种感觉,当我们能够读懂色彩,理解色彩,便能够在运用色彩的时候游刃有余。
好的色彩🔜搭配通常是感🎉性与理性的完美融合,所以优秀的,能够驾驭色彩的设计师往往也是一个情感细腻,感情丰富的人。
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:青岛网站建设公司,高端网站定制,一站式网站服🔜务——力图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2015-04-23 00:21:28] 加拿大预测网-在线预测:网站风格定位如何把握
- [2014-11-22 10:36:53] 加拿大预测网-在线预测:WEB设计的趋势:聚焦简洁强调字体
- [2012-06-29 08:33:58] 加拿大预测网-在线预测:如何制作banner广告
- [2011-10-25 22:24:40] 加拿大预测网-在线预测:增加网站流量的10种方法
- [2014-10-24 09:05:35] 加拿大预测网-在线预测:如何编写有技术性的文章心得
- [2011-10-22 22:45:03] 加拿大预测网-在线预测:自己网站的排名掉下来了 我们应该怎么解决呢
- [2015-04-08 22:16:46] 加拿大预测网-在线预测:如何定时任务备份mysql多个数据库
- [2012-12-19 22:31:27] 加拿大预测网-在线预测:网站制作中的交互设计
- [2014-11-15 11:17:42] 加拿大预测网-在线预测:如何提高网站转换率的设计方法
- [2014-07-09 21:06:43] 加拿大预测网-在线预测:网站建设和品牌包装的核心
- [2012-11-20 16:45:31] 加拿大预测网-在线预测:dede程序页面输出空行
- [2016-12-12 16:16:00] 加拿大预测网-在线预测:青岛网站制作带你解密.htm.html.shtm.shtml的区别与联系
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案