海王绿 RGB(36,128,103)
银珠RGB(179,38,42)
芽色
RGB(237,221,175)
COLOR
科普色彩
[ 审美碰撞 ] .
最近分享了很多配色的图文,大家和我一样喜欢排版精美、配色好看的电子手账笔记。配色不仅仅是审美,更是一门学问。
[ 自带故事感 ] .
起初我只是搭配一些看着比较“舒服”的配色用于自己日常的手账笔记中,但颜色远不止视觉上的不同,它以无声的语言连接着我们的情绪,影响着我们的心理状态。
[ 配色的学问 ] .
所以开始了解了色相、色调、纯度、明度、饱和度、同类色、邻近色、互补色以及对比色,才发现配色的学问如此之深。
同类色
色相性质相同,但色度有深浅之分。是色相环中30度夹角内的颜色。
邻近色
在色相环中,任选一种色彩,与其间隔60度的被称为邻近色。
互补色
在色相环上,夹角为180度的两种色被称为互补色。
对比色
在色相环上,夹角120°左右的两种颜色被称为对比色
COLOR
实操搭配
[ 配色不仅仅是审美,更是一门学问 ] .
但在用色方面一定要做到克制用色:“少即是多”,全文颜色最好不要超过三种,不然会产生视觉疲劳,影响阅读体验。一定要做到看着舒服,很放松舒适的感觉。
其次主次要分明:主色、辅助色、点缀色的搭配逻辑,比如主色奠定基调,点缀色用于突出重点。
主色
通常占据页面配色的70%,主色的选择会影响整个页面的风格。
辅色
占据页面配色的25%,用于平衡和补充主色,使页面更加和谐。
点缀色
点缀色占据页面配色的5%,用于突出重要信息或吸引用户注意力。
[ 眼睛懂了,大脑一片空白?] .
首先,你要明确自己的内容定位,不同赛道配色风格也不同,比如科技、商业、美妆、情感,或者生活类。如果还是不确定自己的赛道也没事,我整理了几套配色模版,同时附上色值,供大家参考。
[ 超舒服的冷暖色 配色 ] .
[ 高级感 配色 ] .
[ 超炫酷 配色 ] .
[ 复古风/国潮风 配色 ] .
以上整理的几套配色模版色值用的是HEX代码,便于复制使用,如果需要RGB编号的,推荐Adobe Color CC 、Color Hunt 查询RGB编号
COLOR
细节优化
[ 提升质感的小技巧 ] .
➤正文
建议使用比较浅的黑色,如#888888,或者稍微深一点的灰色,如#333333、#595959等,降低白底黑字的对比度,减轻视觉疲劳。
➤注释说明
可使用浅灰色,如#d6d6d6,颜色要比正文更浅。
➤重点突出
可使用红色、黄色等具有强调作用的颜色。
COLOR
借助工具
[借助配色工具 ] .
Color Hunt
软件提供了大量的色彩搭配方案,每个方案都有对应的色值和使用建议,方便用户直接借鉴和应用。
Adobe Color CC
功能强大,提供多种配色模式和调色工具,用户可以根据自己的需求生成独特的配色方案,并能查看每种颜色的色值、对比度等信息。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。
公安局备案号:
