关灯
开启左侧

别出心裁的网站配色设计灵感

[复制链接]
丘丘 发表于 2019-5-30 16:19:03 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
本帖最后由 丘丘 于 2019-5-30 16:34 编辑

色彩是网页设计中最富可塑性、最强力的元素。它能点燃情感、建立秩序并为你的网站奠定调性。不论你想建立个人作品集或是要让企业来点新鲜感,借着为网站挑选完美的配色来掌握形象都是很重要的一件事。
网站配色方案|选择配色可能会让人却步,特别是当你想到可能的组合数量无限时。如果有参考选项,工作就会变得无比轻松,这就是为什么我们需要Shutterstock collection来激发灵感的原因。

接着,就从下方探索10个网站创意配色(以及灵感来源的图像)吧!


1. 果盘

这款柔和的莓果果盘配色拥有现今网站设计流行的温和外观。较浅的色调有助于色彩重组,也就是无限卷动网站的关键元素。


色调:934A5F / 57648C / C2B4D6 / E5E5E5

搭配起司、蓝莓、奶油和糖粉的甜煎饼,作者JoannaTkaczuk


2. 学者

学者配色拥有一股尊贵感,就像是拥有金色抛光的老旧皮革书。它温和的焦点柔化了海军蓝和金色的锋利感,让这款配色相当容易使用。


色调:333D51 / D3AC2B / CBD0D8 / F4F3EA

木架上的旧书,作者Reinhold Leitner


3. 港湾

这些温和的蓝色和绿色在情感及视觉上都很疗愈。用到的颜色很雷同,藉由阴影和浓淡创造对比,而不是色调。港湾配色是拥有简单设计网站的好选择。


色调:354649 / 6C7A89 / A3C6C4 / E0E7E9

位于加拿大新布伦瑞克省的灯塔夜拍照,作者Dominique Lavoie


4. 壁虎

壁虎配色是个生动且颇具风格的色彩组合,其紫色部分与亮丽的黄绿色相得益彰。放在一起,他们会让人联想到梦幻与魔法。创意性网站能藉由这款配色提升能量。


色调:9F4298 / CFDB31 / D1AFD3 / E6E7E8

绿鬣蜥特写,作者Radu Bercan


5. 轻快感

轻快感配色的命名源自由琥珀色、金色、灰色和纯净天空蓝组成的秋季色彩。这些颜色唤起了对清爽秋日空气的怀念。这款配色强力而形象化,并且赋予丰富背景和对比许多选项。


色调:4C4556 / 872642 / F6C026 / A0D3F9

秋天里,大笑并玩耍着的快乐小女孩,作者Evgeny Atamanenko


6. 鹅卵石(Pebble)

这款配色揉合明亮的米色和浓郁的灰色,并置了光线与空气感以及黑暗与舒适感。如果套用在网站的边缘和背景上,这样的对比能够产生有趣的效果,营造坚固却又开放的环境。


色调:433E49 / 928490 / DBC1AD / F3E8EB

在沙滩上享受温暖夏日傍晚的年轻女性,作者lightpoet


7. 调味料

这款配色拍摄了非传统意义上的饱和色彩,囊括了番茄酱、酸黄瓜末、芥末酱和美乃滋。浓淡度降低和色彩调整赋予其更甜美、具互补性的效果。


色调:E2495B / C4BA3B / F4ED6E / FFFEE6

摆着热狗和调味料野餐桌的俯瞰静拍照,作者Steve Cukrov


8. 农收

每个使用到的颜色独立来看都相当中性,但是组合在一起后,他们却会根据秋季的变化光线形成温暖而柔和的配色。色彩间彼此和谐,因为他们的明度维持一致,只有色调改变。


色调:8E7C68 / ED7458 / FFDC9F / DDC9BC

挂着玉米的印地安谷仓,作者R. Gino Santa Maria


9. 开瓶

这款配色使用了以皇家紫为主的温暖质朴单色调。有机感的多重棕色柔和又自然,而饱满的紫色则藉由这些温暖的元素达到更强烈的彩度。


色调:7F056E / C09247 / CAB387 / F2EBE0

不同酒款软木塞的特写图样背景,作者Ivan V. Lebedev


10. 潜水

潜水配色将醒目的具有清静感的深青色与一系列的柔和色彩做搭配。虽然珊瑚红、冰蓝色和灰色能为网站打造完美柔和而宽敞的感觉,但是深青色可以用来强调或抵消重要元素。


色调:0C4A60 / EF6C33 / ABDFF1 / E1DDDB

潜水者嬉游在珊瑚礁和热带鱼间,作者Rich Carey

这里的每个配色都能为你的网站营造不同的氛围,而思考色彩间的交互作用会为网站内容与调性带来益处或坏处是很重要的。黑字搭配白背景的确很方便,但是还有其他很多可以让网站变得更加独特的美丽选项。

如果还在广大的色彩世界中苦苦挣扎,你可以从周围环境汲取灵感─转角的屋子、农夫市集里的农产品、公车站贴着的广告。你所需要做的就是看看四周!



原文链接:https://www.shutterstock.com/zh- ... chemes-for-websites

 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


1关注

18粉丝

84帖子

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )