配色秘要:奢华低调有内涵的米黄色 - 优设网 - UISDC

配色秘要:奢华低调有内涵的米黄色

2013/09/16 22862评论区

beige-the-ferry-at-yoroi

作为设计师,你擅长驾驭中立色吗?米黄色便是其中一种,让我们联想雪。米黄色有一种魅力,但是我们一直忽视使用这种颜色。米黄色可以为网页设计增添一种惊艳的效果。下次设计时可以试着多加一点米黄色。

米黄色可以营造奢华感、历史感和热情,让整个页面看起来有机且协调。让生硬变得柔和,让所有的色彩更好的搭配。让页面变得既不浮华也不单调。

推荐阅读:
想做好设计?先来了解神奇的魔力数字“3”

beige-shades

设计师和色彩学家一直在争辩米黄色的范围界限。它具有非常广泛的色调。上图我们可以看出,色调-饱和度-亮度模式不同下的米黄色。当降低饱和度的时候,可以在米黄色中感受到粉色和绿色,只要饱和度比较高,米黄色依然是米黄色。

Red Bulllet Web Design对米黄色的运用就很到位,你看这绿色被衬托的,一下子就成为了视觉焦点。

beige-redbullet-screenshot

浏览了一下日本艺术作品,我发现充满了对米黄色的能够用,从炫目的半透明的宝石色调,再到浓郁的蓝色色调,他们都可以和米黄色完美匹配。看看下面这幅。

beige-oiran-in-summer-kimono
Oiran in Summer Kimono, color on silk hanging scroll, attributed to Hosoda Eishi (18th-early 19th century).

女子穿着的和服上白色和米黄色的对比鲜明,粉色的扇子,金色的服装,让人感觉衣着华丽,灼灼生辉。
其实很多设计中都采用了米黄色,只是我们没有发现而已。

米黄是优雅的

亚洲艺术屡见不鲜的颜色是米黄色和深红色,让人感觉非常奢华的颜色。这在食物网站中,这两种颜色也很常用,高端奢侈品网站也喜欢用这两种颜色。
大量的米黄色,点缀以少量的深红。比如嘴唇,以及衣领。这种搭配对比强烈,非常适用于网页布局。而图中的姿色、绿色具有一种跳跃感。

beige-asaoka-watching-a-mouse
Asaoka Watching a Mouse on a Screen, woodcut by Tsukioka Yoshitoshi (circa 1875-1876).

仅仅丝带采用了深红色,这是高端大气的奢侈咖啡网站的配色(这个咖啡确实很好喝),网站中的米黄色是#fffef6

beige-storyville-screenshot

这幅木刻中,蓝色的种类很丰富,图中的米黄色,既能让人感到温暖,也能让人感到冷艳。蓝色与红色的选择非常明智,温暖的米黄色有着金子般的色泽, 尤其是那个穿红衣服的人和最右面穿深蓝色衣服的人。而了图中的雪,是米黄色的,让人感觉到丝丝寒意,是冷艳的米黄色。

beige-the-ferry-at-yoroi
The Ferry at Yoroi, woodcut by Utagawa Hiroshige II (1862).

 

米黄色的趣味性

米黄色可以将柔彩以及糖果色点缀的更亮。能够更突出这些元素,让我们”视欲”大增。
米黄和黑并列当选了下图中的”最佳配角”,增添了画面的复古感、幽默感和趣味性。

beige-candy-colors

只需要米黄色的点缀,糖果色调的蓝色就变得剔透般的纯净。

beige-auxilium-screenshot

 

米黄色的自然有机感

米黄色可以代表柔和的阳光、落叶以及花瓣,以及沙滩。和自然的联系紧密,下图中感觉就很和谐。

beige-cooper-screenshot

米黄色,当联系到材质的时候,一般会带来一种”原生”的质感,(国内清风原木纯品)——自然纤维,原生纸浆等等。

结论&注意

西方有些国家中米黄色有消极的意义,要谨慎使用。米黄色虽好,可不要滥用哦。
米黄色作为配色,能够点亮主色,效果极佳。

米黄色作为主色让人感到有机和谐。
下次在你的设计中可以尝试使用米黄色。

原文地址:webdesignerdepot
优设网翻译:@MartinRGB
转摘请注明优设网译文出处,谢谢各位小编。
 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量49万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/the-awesomeness-of-beige

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里