MENU 服务 案例
欧博官网
中文 EN
我们通过拥抱变化创造
360°的品牌价值__
关于
上海市欧博官网督畔信息技术有限公司介绍
上海市欧博官网督畔信息技术有限公司优势
产品标准
知名客户
发展历程
企业资质
工作环境
案例
科研院所
企业集团
学校教育
营销推广
平台门户
大数据
移动端案例
服务 方案

网站建设

企业集团网站建设 平台门户网站建设 政府事业网站制作 业务系统定制开发

小程序

移动互联网

APP开发IOS/安卓 微信小程序介绍 微信小程序开发 H5交互设计制作

网络营销

搜索引擎优化推广 形象视觉基础系统 网站代运维服务 小程序运营服务

VI设计

logo设计 画册设计 海报设计 应用设计
方案
高校集群解决方案
强军网建设解决方案
政府政务解决方案
智慧展会解决方案
科研领域解决方案
智慧景区解决方案
新闻
上海市欧博官网督畔信息技术有限公司动态
网站建设
网站开发
营销推广
网站维护
ICP备案
城市新闻
简体
简体中文 English

上海市欧博官网督畔信息技术有限公司与山东真诺智能设备有限公司签署网站改版合作协议

类型：上海市欧博官网督畔信息技术有限公司动态 了解更多
首页/ 新闻/ 网站建设 /正文

如何在网站UI设计中处理颜色？

来源：上海市欧博官网督畔信息技术有限公司中国| 类型：网站百科| 时间：2018-06-06
法则篇
60-30-10法则 
这是一个室内设计领域中永不过时的装饰技巧，它可以轻松地帮助你完成一个网站设计配色方案。60%+30%+10%的比例分配是为了平衡颜色。这个公式妙在它营造了一种平衡感，使眼睛可以舒适地从一个焦点移动到另一个焦点。同时，它也运用起来非常简单。
60%是主色调，30%是辅助色，10%是强调色。 
 
关注颜色的含义
几个世纪以来，科学家一直在研究颜色的情感效应。除了创造美学，颜色也是情感和联想的创造者。颜色的含义会根据文化和情况而有所不同。这就是为什么你会看到黑白色的时装店。因为他们想要表现得优雅和高级。
红色：激情、爱、危险
蓝色：冷静、负责、安全
黑色：神秘、优雅、邪恶
白色：纯洁、安静、干净
绿色：新鲜、清新、自然
我们习惯在设计阶段的早期就开始调整颜色和色调。但是，当你意识到自己花了3个小时来调整主色调的时候，你发现这种行为毫无帮助。虽然把玩颜色很有吸引力，但是你应该避免在设计初期进行这种行为。
相反地，你应该强迫自己专注调整间距和布局元素。这种布局的约束是非常有效的，它会为你节省很多时间。调整间距和布局元素并不是那么无聊。如果你想表达不一样的东西，尝试使用不同的色调即可。 
 
远离纯灰色和纯黑色
多年来，我学到的一个最重要的颜色技巧之一就是避免使用不带色调的灰色。在现实生活中，纯灰色几乎是不存在的。黑色也是同样的道理。（没错，事实上就是要五彩斑斓的黑）
在这张图片中最深的颜色不纯黑，而是#0A0A10
记得给你的颜色添加一些色调。用户会下意识地觉得这类颜色更加自然和熟悉。
 
相信自然
最佳的色彩组合来自于大自然。它们总是看起来非常天然。根据自然环境来寻找设计方案的好处是可以拥有无数的色板，因为大自然的颜色总是在变化 。
我们只需要看看周围，就能获取灵感。
 
保持对比度
有的颜色和某些颜色搭配协调，和另一些颜色则会产生冲突。通过色轮，可以很好地观察到颜色相互作用的规则。你应该清楚地了解这个方法，但是不一样要亲手去做。
 
获得灵感
当我们谈到UI参考的时候，Dribbble是一个很好的选择。Dribbble也有颜色搜索工具。所以，如果你想要针对某个特定的颜色进行视觉研究，
可以前往以下网址：dribbble.com/colors
视频、印刷设计、室内设计、时尚……有很多的启发灵感的事物。要对各种形式的色板保持灵敏的感觉，并且把看起来有趣的所有东西存下来。我会从韩流的视频短片中获取颜色灵感
 
工具篇
为了节省大家时间，下面整理了一些2017年非常好用的色板工具。它们会为你节省大量的时间。我最喜欢的颜色选择工具。你可以简单地锁定颜色，并按住空格键生成色板。Coolors.co还支持上传图片，从图片中提取色板。Coolors.co酷在，你不仅仅有一个结果，相反地，你可以通过选择器，调整你的颜色，获得很多配色方案。
链接（无需翻墙）：https://coolors.co/
 
Kuler
这款来自Adobe的工具已经陪伴我们很长时间了。它可以在浏览器或桌面应用中使用。如果你使用的是桌面应用程序，那你可以将配色方案导出到Photoshop中。
链接（无需翻墙）：https://color.adobe.com/zh/create/color-wheel/
 
Paletton
它和前面一款工具Kuler相似。不同之处是，它不限于5种色调。当你已经确定主色调，想要调整辅助色的时候，这是一款很棒的工具。
链接（需翻墙）：http://paletton.com/
 
Shutterstock Lab Spectrum
你可能会问：如果我想用我选择的颜色搜索图片呢？那么，Shutterstock旗下有款叫作Spectrum的工具可以满足你的需求，你可以通过特定的色调搜索图片。你甚至不需要称为会员，因为即使是带水印的小预览图片已经足以生成色板。
来源声明：本文章系上海市欧博官网督畔信息技术有限公司中国编辑原创或采编整理，如需转载请注明来自上海市欧博官网督畔信息技术有限公司中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（021-71886699）。
上一篇：网站文章如何能够让搜索引擎快速收录？ 下一篇：企业手机网站制作的原则和注意事项有哪些？
TAG标签：

建站流程

  • 网站需求

  • 网站策划方案

  • 页面设计风格

  • 确认交付使用

  • 资料录入优化

  • 程序设计开发

  • 后续跟踪服务

  • 联系电话

    021-71886699

热门标签

最新文章

推荐新闻

更多行业
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
我们可以实现

预约专业咨询顾问沟通！

*上海市欧博官网督畔信息技术有限公司专业顾问将尽快与您联系
城市分站：
Copyright © 2024 欧博官网官网督畔信息技术有限公司 版权所有　|　沪ICP备2024077037号-5 上海市欧博官网督畔信息技术有限公司专注高端网站建设，系统平台开发，微信小程序及APP开发服务

免责声明

非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。

4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!

联系方式：021-71886699
电子邮件：394588593@qq.com

现在就与专业咨询顾问沟通！

  • 全国服务热线

    71886699

  • 上海服务热线

    021-71886699

信息保护中请放心填写
在线咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。

4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!

联系方式：021-71886699
电子邮件：394588593@qq.com