微信小程序制作
当前位置:网站首页 > 网站建设热文 > 网站建设中色彩的合理搭配方法 返回列表

网站建设中色彩的合理搭配方法

作者:admin 时间:2021-07-01 浏览量:358
在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台,目的是帮助突出网站的内容。网页设计中总结出来的色彩搭配法则如下:
法则一:色彩的黄金法则 60:30:10
这是一个很基本的法则。设计师都知道60:30:10,主色彩是60%的比例,次要色彩是30%的比例,辅助色彩是10%的比例。比如一个男士的上装,打一个比方,外套可以用60%,那么衬衫是30%,领带就是10%。如果室内空间的话,墙壁用60%的比例,家居床品、创联之内就是30%。那么10%就是小的饰品和艺术品,这个法则是黄金法则,在任何时间任何地方都是非常正确的。
这个法则在后面讲到的很多法则都可用到,世界最好的设计基本上都脱不了这个法则,这是很简单的道理,但我们往往都会忽略它。有一双会发现色彩的眼睛很重要。我们经常去旅游,也拍了很多照片,更多人会热衷于对美景的赞叹和对当地的风土人情的介绍,但是很少人对色彩有分析。其实60:30:10多少也是得到了自然界的启发。我想在我们整个自然生涯中,旅行就是很好的色彩课。  
法则二:选择配色方案
选择配色方案,也就是说,我们一般两种选择,一种是补色的搭配,一个是叫类色搭配,学过美术都知道,色盘上面,两个颜色相对的就是补色的搭配,类似的颜色就是类色搭配。我们一般在需要营造那种活泼的有动感的空间的时候,选择红与绿、蓝与绿。那么类似色是相近的,比如黄与绿、蓝与紫。
法则三:勿忘黑色
现在我们看到很多所谓现代简约风格都会利用黑色,但是要灵巧运用黑色,而不是用太多的黑色。黑色能够让任何一个色彩看起来干净,但它本身并不是一个重点,它能够给家庭营造一种对比平衡。巧妙的运用黑色,可以是一个黑色的箱子,画框,做一种点缀,效果是十分不错的。
法则四:听从自然的教导只要是在地球上,你看到地球是什么颜色,是大地土壤,中间是群山。它是介于深和浅之间。我也看到很多人的很多作品,如果没有遵循这个法律,非常会不舒服。像这个图片眼睛往下看的,应该是以黑色为主,顶棚尽量是白色。这样人类会感觉很舒适很踏实,这是给我们最好的提示。
法则五:从图案中提取色彩
我们在做家庭室内设计的时候,最好是在家里面寻找一个比较突出的饰品,哪怕是一个配饰。突出的饰品要有色彩,黑色或者白色。其他的色彩最好是围绕从主要的空间寻找来色彩展开,比如说选择的花卉都是带有酒红色的色调,这个空间就显得比较协调。
法则六:流动色彩
其实这个大家都知道,一个色彩,一套房子里面,这么多房间你让一个色彩在每个空间不断的重复,当然是重复在不同的物品上来,这叫流动色彩。也可以是同样的绿色,到你的卧室里面,你的窗帘也可以用到同样的颜色。这个道理很简单,它可以让整个空间统一起来,这是一个非常简单的方法。
法则七:色彩的反差
其实它指的是色彩,应该是叫色度,它不仅仅是指的深浅的问题。就是说当颜色对比越强烈的时候,它给人更加正规,一般用到客厅、餐厅,需要跟外面的人见面的时候,比较适合。如果色差比较小,比较接近,就适合于比较轻松、随意的空间,像卧室里面不要用色差很大的色彩,那样会让人很难安静下来。
法则八:触动人心的色彩
色彩会直接或间接地影响人的情绪、精神和心理活动,应用到室内装饰中,色彩的功能就是能满足视觉享受、调节人们心理情绪、调节室内光线强弱、体现人们的生活习惯。只要是人类都会对颜色有感觉。蓝色你会想到天空大地,****会让你联想到太阳等等。在室内设计,你会把本人的对色彩的感觉考虑进去,这会让很多人设计师忽略的。天空是很热烈的,所以它不适合于放到卧室里面,会让人很难入睡,卧室里面应该不用蓝色这种让人很难安静的色彩。
法则九:色彩的季节性
以秋天的色彩为例,所谓秋天的色彩,秋天是一个万物开始进入冬季,所以它是一个萧瑟的,不适于活动的生长的环境,如果你希望家庭需要这种让人安静的氛围,用秋天的色彩,类似芥末黄、褐色这种比较老气的颜色,很适合卧室、书房。,春天是万物生长的季节,所以春天色彩的颜色自然也是鲜明、醒目,充满活力。它适合的空间比如说餐厅,用春天色彩,粉红色、果绿色,给人的感觉很活泼。色彩的季节性也是自然的法则之一。
法则十:光与色彩
家的每一个空间在不同的季节中,根据它所处的位置,它的功能会不同。你经常在白天使用,它大部分是通过自然光来照明,晚上主要是以人工照明为主,如果空间处在南向就是以自然光为主,那么北向主要是以折射为主。你把一个色彩或一个物质放到阳光下、白炽灯下都不同。
为了推动了你对Web的配色方案的理解,最?好的事情就是抓住自己喜欢颜色,你可以用取样器(浏览器扩展Colorzilla),并用它来?研究经验丰富的设计师是怎么做到的丰富的色彩搭配的。当你在浏览互联网的时候,看到一个很大的配合突破,你可以用颜色取样器看看在页面上使用的颜色的配色方案。你甚至可以尝试每个色相,看看哪些饱和度和亮度水平效果最好吧。另外要注意它的颜色组合的和谐度。
联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1