header_v0.7.32

设计中的黑与白:50个激发灵感的例子

156天前发布

翻译文章 / 平面 / 教程
廖于傑 翻译,如需商业用途或转载请与廖于傑联系,谢谢配合。

如果有一条定律,所有创意行业都深深认同,那就是“黑白是永恒的最佳设计拍档。”

PS.当你看完这篇文章觉得急不可耐的想来练练手了不妨参加【每日/海报】练习成长活动,结合每日主题设计创作,参与方式及每日主题在主页扫码添加公众号回复每日即可加入练习


如果有一条定律,所有创意行业都深深认同,那就是“黑白是永恒的最佳设计拍档。”


尽管如此,对许多设计师来说,剥离设计的调色板,回归最初的黑与白,

并不是好选择,甚至他们从未有过这个念头。


黑白色看上去僵硬单调,但请相信我,实际上恰恰相反,它们难以置信的灵活,便于使用,行之有效。


在本文中,我们将看到50个令人惊叹的单色设计,希望你能快速理解黑白调色板的真正灵活性所在,并真正明白用它们来开启黑白设计是多么容易。现在,我们开始吧。


01. 创建吸人眼球的自定义文字


这张Kyle Kim创作的电影海报,从锋利的黑鸟剪影中构建醒目的标题,模糊插图和文字之间的界线,将白色背景与标题文字形成对比。使用集群元素和径向组合将注意力聚焦到标题,再延伸到外部信息,使这种单色设计时尚/巧妙而且实用。


198c58f5b669a8012049ef4f6419.jpg


02. 用粗线打造运动感


将静止物体描述为具有“运动性”,听起来可能有点怪,看看Paperjam的这张设计,看看它如何使用扭曲的粗线营造运动感和深度感。通过将文字与图线重叠,本设计营造出文字被吸入设计中的错觉,整体效果非常逼真。


8ba158f5b7bfa8012049efb0fc6f.jpg


03. 设计优雅的插图样式


我们总是将图案理解为鲜艳的几何图形,但Pharaoh 的这组单色设计,使用优雅和精细的插图构成品牌样式,精妙优美的绘制元素结合鲜明的黑白调色板,让这组品牌集非常有效并引人注目。


488258f5b810a8012049efe2582c.jpg


04. 放大对比


这张阿明霍夫曼1993年的海报,放大图像对比以带出图中较浅色调,有助于突出图中的形状和曲线。同时醒目的曲线也与锐利的图形对比,模仿照片的形状,有助于锐化图像、增加新的涵义层。


d16158f5b93ca8012049effffbb3.jpg


05. 将图像和文字自然结合


Atelier Martino&Jaña的海报使用图像的曲线和轮廓,流畅自然地结合了文字和图像。使用自定义手写文字和优雅的单色水彩效果来补充焦点图像,这件作品完美地从一个元素过渡到下一个,设计优雅精巧。


d10a58f5b996a8012049ef8c9f3d.jpg


06. 构建精妙的网站布局


想要构建一个清新、精妙的网站吗?可以像Adam Widmanski设计那样,回到基础,尝试单色设计。将界面和图像颜色方案限制为黑白亮色,搭配简单整齐的布局,可以轻松创建干净、内聚、统一的设计方案。


5bde58f5b9d0a8012049efe366ca.jpg


07. 融合传统与现代


从传统或复古设计获取灵感非常重要,但如何让设计看上去摩登时尚兼具古典魅力?The Ordinary的网站设计,结合优雅复古的文字、摄影、纹理与雅致的单色调色板和清爽的导航布局,完美地平衡时尚和传统,并不过时。


01c158f5ba06a8012049efbfb676.jpg


08. 利用粗线条和对称性


考虑将清晰的单色配色方案与粗线匹配,打造独特的风格化效果。这张由MUTI完美平衡的作品用对称的线状设计、粗白线条与黑色背景形成鲜明对比,创造时尚均衡的设计,其中饱含符号、插图和一大堆字符。


120958f5babaa8012049ef7af9f9.jpg


09. 简单化


用超级简单的设计来回报极简主义调色板吧。这张Cocorrina的单色设计采用温和的方式,将简单优雅的文字与简单的图形或焦点图像配对。并把这些元素对齐到页面中心,增加白色(或灰色)空间量,让设计时尚、美观、简单。当困惑时,跳出设计的框框,简单化。


92a958f5bb1ba8012049ef3b4eed.jpg

10. 把几何图案和形状组合起来

明明可以混合、匹配和组合多种几何图案来创建惊人的效果,为什么只选择一种?这张Project 5 设计的海报就是在粗体的图案中糅合一些鲜明的黑白几何图案。单色配色方案有很大的灵活性,那就把你想用的元素混合搭配一起,发挥最大的灵活性吧。


217958f5bb80a8012049ef6ee79c.jpg


11. 把图像框在有趣的形状中。


谁说框架必须是方形的?在这一点上,谁又说框架必须框定整张图?这张Bili Cardona的设计打破传统意义上的框架概念,在几何框内构建焦点图像。让锐利的形状与单色图像形成鲜明对比,为设计带来独特的现代风格。


54d358f5bbb0a8012049ef03a2e4.jpg


12. 用清晰的线条划分设计图


一个页面要涵盖很多信息?考虑学习Amanda Jane Jones的设计,用尖锐的细线将这些信息分解成单独的块,这件作品将优雅的单色文字和图像划分为模块化网格,创造非常稳固的结构和整洁的构图。


e90c58f5bbd9a8012049efe10d79.jpg


13. 黑白电影通道化处理


如果想在设计中添加大量电影元素,看看Kate Marie Koyama的这张海报。单色照片、堆叠的无衬线粗体文字结合明显的条纹切割,加深了黑白电影的暗色调和百叶窗的阴影效果,打造神秘精妙、引人入胜的设计感。


e76f58f5bbefa8012049ef076955.jpg


14. 充分发挥留白


留白是指设计图周边的空白以及空白构成的形状。MieczysławWasilewski的设计利用留白创建一个强有力的可视化图形。用醒目的黑白调色板来创造一张有力优雅的留白灵感设计,给大家漂亮的露一手吧。


df1558f5bc1fa8012049ef617783.jpg


15. 让设计更具内涵


Max Kuwertz放弃了整齐设置、线性海报文字等传统典型理念,取而代之,用透视法复制一张弄皱的纸,让粗体文字看上去褶皱扭曲。简单添加皱巴巴的效果就能让设计从普通平平瞬间变的独特、醒目,有形、难忘。


6f4b58f5bc87a8012049efc14a3d.jpg


16. 打造流行的品牌风格

说到品牌,我们总以为必须要有明亮的颜色, Miklós Kiss的这套品牌集证明,单色调色板和任何明亮色彩一样有效。使用清晰的线条、复杂的标识和大胆的图形元素,让这组品牌集高度专业、清新淡雅、行之有效、令人难忘。


08e658f5bce1a8012049ef75e458.jpg


17. 用线条创作抢眼的设计模式


线条千变万化,使用广泛,将它与鲜明的黑白调色板结合使用,效果令人注目,魅力难当。这张设计图中,Demian Conrad将直线和曲线混合形成框架,将注意力聚焦到标题。


小提醒:如果要像本例这样使用复杂的单色线,一定要平衡好它与黑白色块的关系以防设计变得压抑。


ed9858f5bd0ca8012049ef3865a5.jpg


18.  一定要精细化/时尚化


都说黑色永不过时,要创造一个永恒时尚的设计,秘密武器就是使用单色。Creative Riot的网站设计就是只用浅色的单调色板、干净的图像、广泛的留边和超简单的文字来保持鲜活时尚。


815d58f5bd2fa8012049ef8134c9.jpg


19. 大胆创作排版作品


文字是我们交流思想的重要方式,要用鲜明的黑白调色板和惊艳的排版构图,让人们注意到你的文字。正如 Friends of Type的设计图,这张漂亮的作品(纯手工)把形状、排版样式和粗细线条糅合一起,将Bueller贴切地引用到生活。


be6358f5bdd9a8012049ef737a6f.jpg


20. 通道的光影错觉


大多数视错觉在黑白配色方案中发挥奇效,就从Chloe Galea的书中选取一页应用到你的设计中。

如他所说,这组醒目的品牌集从光学错觉艺术和化妆中获取灵感,创造一种错觉,“经典系列”的包装使用一系列单色图案打造引人注目的收藏集,足够大胆,一下子就从竞争中脱颖而出。


990f58f5be37a8012049efdc5880.jpg


21. 混合多种样式


Demian Conrad的设计,将黑白调色板和几何图案结合,效果令人惊叹,这张设计探索各种模式如何构成、如何重叠、如何形成新的模式,非常赞。试试用分层和混合样式,看看能玩出什么新花样!


4b3f58f5be5ca8012049efdaa184.jpg


22. 调整角度


LaGasullad的这张有角度的海报告诉我们,文字不必中规中矩的从页面左边平铺到右边。更重要的是,这件作品向我们展示,有时通过调整元素的视角,可以让作品的广度和深度更加有趣。


4dea58f5bec2a8012049ef6a2fe1.jpg


23. 使用传神的自定义字体


想让设计不用明亮色就能表达特殊情感?就用形象化字体吧。Sam Wood的设计使用夸张的手绘文字和互补性活泼、令人回味的形象,来引导兴奋点和戏剧性。所以,不要只是用夸张颜色来表达你的意思,而要尝试用独特方式来创建定位精确的可视元素。


14e058f5bed6a8012049ef1feb4c.jpg


24. 尝试使用自然界的演变纹理


Demian Conrad这组漂亮的品牌集使用用震撼的黑白调色板,给有机大理石注入清晰专业的执行理念。通过创造有机、流动、大理石形状,它们在一个清晰的单色,这个设计保持锋利和专业,但有机,柔软的触感,为品牌创造一个全方位的难忘的视觉。


062558f5bf4da8012049efecbc8a.jpg


25. 将粗细线条形成对比


对比不仅指明暗,而且有厚薄,大小等,所以,要在构思设计时尝试多种形式的对比,在Naranjo-Etxeberria的精彩案例中。不仅通过明亮和黑暗色调对比,而且在图形和文字内进行粗细线条对比,让这件作品多种方式增加了对比效果。



bc7b58f5bf73a8012049ef6279cd.jpg


26. 比较和反白


黑白配色方案的美妙之处在于,你可以将设计简单地反转颜色,就得到一个全新的(十分有效的)作品。Robot Food邀请函设计,一面是反转白色为黑色,另一面反转黑色为白色,让两个设计大胆对比。


1ddc58f5bfb9a8012049ef4a5d65.jpg

 

27. 从报纸中获取灵感


设计必须是黑色、白色或者红色?看看这组Manitou Design, Shamil Karim和 Kristina Udovichenko由报纸激发创意的品牌集。使用文字、插图和报纸式黑白配色方案来传达俄罗斯传统。

正如设计师所说,“传统俄罗斯的包装方式是报纸,那为什么不遵循传统?我们在报纸上收集了一些有趣的故事、声明和趣闻,边喝啤酒边阅读。


 1a8a58f5c073a8012049efa8642d.jpg


28. 设计巧妙的留白插图


创建醒目的留白启发式图形,是突出黑白调色板之间鲜明对比很好的方法,就像Moodboard的这张海报,通过创造留白空间,类似双箭头的设计(即可以上下颠倒“阅读”),让两种颜色之间的对比度更加明显、更加清晰。


来,玩一场“留白空间”游戏,只要你够大胆,有双向思维,就能解锁更多聪明的玩法!



4fc258f5c091a8012049efa954c0.jpg


29. 尝试框景


想给设计添加一些独特的元素吗?考虑用精妙或非典型的方式来构思。Przemek BIZON设计的这张有趣的海报,用独特的方法来取景:只露出底层的单色图像,给设计增加趣味性和独特的触感。此外,这些块状框架有助于更简单更快速地对齐元素——简直是一石二鸟。


cc5e58f5c0e0a8012049eff2ab7e.jpg


30.  放大、使用局部


黑白配色方案本就非常大胆,所以要用同样大胆的设计来呼应。Studio-JQ和Matt Wilson设计的这组品牌集,使用比例尺给品牌赢了漂亮的一招,并使之成为主要的视觉焦点。


08d258f5c12ca8012049ef2af465.jpg


31. 创建阴影、有纹理的文字


通常情况下,文字是横平竖直排版的,所以为什么不像Ronan Kelly的海报那样加入纹理效果呢?通过使用叠加的径向线,阴影边缘和扭曲的字母,这张海报将文字从单调、无生气变的充满戏剧性、令人回味。


439c58f5c14ea8012049ef53a1f4.jpg


32. 打破水彩画


将纹理加入到设计的另一种方式是打破水彩并在设计元素中添加一些软水彩效果。 A Fabulous Fete这张“Save Date”卡,将轻松优雅的脚本文字、干净的白色空间和简约的主体结合。这种轻柔的纹理可以解构干净鲜明的效果,并增添有机触感。


3ae458f5c174a8012049efbb29f6.jpg


33. 探索凸版印刷的精妙


单色调色板和凸版印刷效果可以像面包和黄油一样自然地匹配。不信?看看Anastasia Yakovleva的这组品牌集, 用尖锐的凸版效果打造黑白设计的深度和触感。


对于更多的凸版印刷设计灵感,一定要看看这50个令人惊叹的压印名片,一定能有效激发你的灵感。


4b5758f5c206a8012049efc72829.jpg


34. 将多种几何图形混合搭配


谁说名片设计只有一种?你至少有4种方式。这组Shutterfly via The Tomkat Studio 的设计,基于不同的几何图案创建四种卡片,从而提高黑白调色板的灵活性。试试混合搭配不同的几何图案和设计,让人耳目一新吧!


1e8058f5c239a8012049ef3d935b.jpg


35. 尝试用纯文字设计


设计如果不能随时打破常规,还有什么好玩的? Mash Creative的这张单色设计,从不同点延伸页面文字来改变传统排版规则,而不是将整个标题对齐到一个点,最终,这样做的效果非常惊人、引人入胜。


aa3758f5c26fa8012049eff46f7f.jpg


36. 利用视错觉吸引眼球


Themes 的设计使用引人入胜的错觉来引导艺术运动,让你忍不住回头欣赏它的真实形式。这种设计让黑色和白色形成对比,创造“隐藏”的插图,进一步证明黑白不仅能形成好看的二重奏,而且形式非常灵活!


ff4a58f5c292a8012049ef945859.jpg


37. 将图片混搭处理


Helmo的设计将每个图像切割并拼接,效果非常有趣。使用复杂的单色调色板让设计不会压抑,而且分割图像中的几何形状能让文字和图形元素更整齐、更直观。


03e158f5c2b4a8012049ef90cb63.jpg


38. 放大!再放大!


让你的设计打赢漂亮的一仗?放大吧!Purpose的社论传播设计通过扩大印刷元素,创造勇敢大胆的效果。另外,通过放大(大部分)无衬线文字,这部作品可以为其他元素创建新的形状,使其与黑白布局非常整洁。


2fac58f5c376a8012049efbdbbd5.jpg


39. 用细线构图


随时随地获取灵感是解锁简单有效创意的最佳方法。例如, Fumettologicamente这张为建筑会议设计的海报,在蓝图设计中用细线创造围绕焦点图形元素的结构获得灵感。这个简单的概念通过简约设计和调色板互补,让海报更加巧妙而又有冲击力。


 6fb758f5c452a8012049ef529b10.jpg


40. 精细插图搭配锐利图像


My Little Fabric的这款设计用优雅细腻的图案搭配清晰的白色透明框架和优雅的文字,打造超简单、超经典的设计感。尖锐图形与传统衬线和插图的对比让这种设计更具新鲜感和现代感,同时仍保留古典魅力。


f8b658f5c484a8012049effc6636.jpg


41. 巧妙发挥白色(或黑色)的空间感


白色空间是设计世界中的魔法工具,但要记住,它并非只能是白色。Philippe Apeloig的设计中,白色空间用黑色完成,但它的表现与任何白色空间感并无二致 - 它定格、整洁、简化,让设计充满“呼吸感”,将重点放在重要的元素,就像上图巧妙的多维印刷标题那样。


c93e58f5c536a8012049ef079494.jpg


42. 尝试纹理


将有机纹理与更清晰的图形做对比,是保持现代感和差异化的好方法,就像Sara Westermann的设计。通过混合手绘纹理和锐利的角度图形,创建焦点图像的框架,让该设计具备绘画纹理的个性化和有机感,同时也让锐利图形更具现代时尚的外观。


097758f5c559a8012049ef93f9cd.jpg


43. 将图像和文字分层


让文字和图像有趣交互的好方法就是让它们层层叠起来,就像Jordan Hu的绝美单色示例那样。通过突出显示图像的形状和尺寸,将图像中的字母、单词和小块进行分层,打造微妙而自然的效果,任何元素都不会“艳压”另一个元素。


c19458f5c57da8012049ef50c468.jpg


44. 几何图形化


Bureau Hofmann 的这组品牌设计,将尖锐的平面黑白调色板与大胆、沉重的形状搭配,达到几何图形化。如果使用充满活力的配色方案,庄重的几何品牌设计很容易看起来不正式又怪异,本案通过使用简单的黑白调色板,让设计强大、专业、有力度。


e68958f5c5a7a8012049ef39ff10.jpg


45. 使用单色纹理


纹理是最无处不在的设计元素之一,您可轻松(有效地)调整它们以适应全新单色调色板。Axel LokrantzMånson的这款设计使用单色大理石花纹,为极简设计增添简约独特的效果。


290358f5c5bfa8012049efb258b1.jpg


46. 用文字作主视觉元素


文字在黑白方案中总是行之有效,为什么不进行缩放并使其成为焦点? PedroArbeláez的设计将放大的和缩小的文字糅合一起,设计效果非常有效,模糊正文和标语文字之间的界限,将文字突出为设计的主视觉元素。


65c258f5c5e7a8012049efd34c9f.jpg


47. Make It Dramatic  戏剧化处理


Metric72的这款设计让提案更具戏剧张力。醒目的黑白调色板、有力度感的图像、大胆的前导线和用非典型的对角线对齐方式来代替典型的水平/垂直对齐方式,这几者完美组合,让这张海报极具视觉冲击力。


20ba58f5c5fda8012049ef33e798.jpg


48. 大胆用线,大胆用条纹


我们经常看到一些黑白线条有效使用的案例,MárioRodrigues的这个例子也不例外。大胆的条纹作为设计的主元素,与粗线标志完美互补,使其成为该品牌集的自然选择。

1aa058f5c62ea8012049ef2cf433.jpg


49. 极简主义


黑白调色板真的很适合极简主义,为什么不试试呢?MártonJancsó的这张设计使用一个摄影/排版焦点,非常简单的文字设置和大量的留白空间来传达极简主义。使用极简主义来帮您将焦点重定向到设计最重要的点。


895c58f5c65ba8012049ef3da141.jpg


50. 框起来


Jean-Michel Verbeeck的设计非常简单,从调色板到组合,只包括标题文字、正文、图像和框架。将框架简单地添加到设计中不但吸引人们关注内容,而且突出了两个主色调间的差异。


c01458f5c678a8012049efc79b12.jpg


结束语 – 开启你的黑白调色板!

黑白调色板之所以经典,就是你可以让它变成任何你想要的东西 - 经典的、鲜明的、现代的或传统的。你只需要正确的应用、正确的意图,一切准备就绪。

下次你坐下来准备设计一张海报、邀请函或品牌集时,只需花时间考虑将你的调色板切割成黑白。刚开始可能有点挑战,但相信最终一定能打赢漂亮的一仗。

有没有哪些黑白设计成功引起你的注意?或者你有哪些关于掌握单色的技巧?在下面的评论留下您的想法!


PS.当你看完这篇文章觉得急不可耐的想来练练手了不妨参加【每日/海报】练习成长活动,结合每日主题设计创作,参与方式及每日主题在主页扫码添加公众号回复每日即可加入练习


本文由@撩视界出品

@Crystal编译

611

    文章信息

    • 文章标签

    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功