Негативное пространство в логотипах: Негативное пространство в дизайне логотипа

Использование негативного пространства в логотипах

Андрей Батурин, 06 апреля, 2014

АНДРЕЙ БАТУРИН

Многие дизайнеры, стремясь создать оригинальный логотип, используют прием негативного пространства (negative space), или, как его еще называют, отрицательного пространства.

 

Так называют пространство, не заполненное содержимым, т.е. то, которое находится внутри или снаружи предмета. Используя его, можно создавать оригинальные графические логотипы, которые будут нести загадку и, тем самым, приковывать взгляд зрителя, делая фирменный знак компании запоминающимся и узнаваемым.

 

Давайте рассмотрим некоторые самые интересные примеры логотипов компаний, создавая которые дизайнеры грамотно использовали негативное пространство.

A.G. LOW

Компания A.G. Low занимается строительством домов. На первый взгляд ее логотип кажется каким-то планом квартиры. Однако, если присмотреться, то в нем можно увидеть буквы, из которых состоит название фирмы.

WINEFOREST

Для компании Wineforest, занимающейся продажей вина, дизайнеры разработали очень оригинальный логотип. На первый взгляд кажется, что на нем изображен лес. Однако, если присмотреться, то можно увидеть, что негативное пространство между деревьями образует винные бутылки.

EGG N SPOON

Логотип этой компании немного напоминает черно-белую эмблему браузера Internet Explorer от Microsoft. Однако присмотревшись, можно увидеть в нем некий скрытый смысл – яйцо, лежащее на ложке в отрицательном пространстве, образуемом буквой «е».

NIGHT GOLF

Логотип гольф-клуба Night Golf приковывает внимание зрителя своей оригинальностью и загадочностью. Используя прием негативного пространства, дизайнер изобразил мячик для гольфа в виде луны, как-будто ночью на него падает ее слабый свет.

AMAZING

Логотип компании Amazing действительно соответствует ее названию – удивительный! Средняя часть слова «MAZE» образуется негативным пространством лабиринта, что оно, собственно, и значит в переводе с английского.

BLACK CAT

Логотип компании Black Cat очень простой и, в то же время, очень примечательный. Благодаря тому, что слова, составляющие название фирмы, расположены вертикально, буквы «C» в них напоминают горящие в темноте глаза черной кошки.

HELPING HANDS FOR PETS

Еще один пример удивительного логотипа – используя негативное пространство, дизайнер умудрился изобразить множество домашних животных внутри лошади: собаку, кота и попугая. И при этом ему удалось не «переборщить»: логотип ничуть не кажется наляпистым, а, наоборот, оригинальным и запоминающимся.

NEW BEDFORD WHALING MUSEUM (МУЗЕЙ КИТОБОЙНОГО ПРОМЫСЛА)

В логотипе Музея китобойного промысла мы можем видеть хвост кита, образуемый негативным пространством парусов китобойного судна.

Логотип сообщает не только о том, какого рода экспонаты мы можем увидеть в музее. Он также показывает нам масштабы кита, на фоне огромного корабля. Так мы можем ощутить всю опасность китобойного промысла и осознать, насколько сильными и отважными были люди, которые этим занимались.

AMERICAN INSTITUTE OF ARCHITECTS CENTER (АМЕРИКАНСКИЙ ИНСТИТУТ АРХИТЕКТУРНОГО ЦЕНТРА)

Этот логотип считается одним из самых удачных примеров использования негативного пространства для того, чтобы изобразить то, чем занимается компания. В негативном пространстве, образуемом лезвием ключа, мы можем увидеть архитектурные сооружения.

SAFEHANDS

Это логотип компании, занимающейся консалтингом в сфере финансов. Вы можете видеть на нем первую букву названия фирмы – «S», которая изображена в виде символа доллара – «$». Однако присмотритесь внимательно: эта буква представляет собой не что иное, как негативное пространство между двумя сведенными вместе руками.

CARREFOUR

Carrefour – французская компания, занимающаяся розничной торговлей. Имеет очень крупную сеть магазинов во всем мире. Ее логотип изображен в виде двух противоположнонаправленных стрелок, которые символизируют мировой масштаб торговли. Негативное пространство между стрелками образует первую букву в названии компании – «C».

Кроме того, логотип выполнен в цветах французского флага: красном, белом и синем.

OGDEN PLUMBING

Логотип компании, которая занимается ремонтом сантехники, изображен в виде бегущего мужчины. Негативное пространство между его рукой и ногой образует инструмент для прочистки труб – вантуз.

FLIGHT FINDER

В отрицательном пространстве между двумя первыми буквами слов, образующих название компании («F»), мы можем увидеть изображение летящего самолета. Так дизайнеры изобразили род деятельности организации – подбор авиарейсов.

MARTIN NEWCOMBE PROPERTY MAINTENANCE

В логотипе компании, занимающейся ремонтом квартир, мы можем увидеть очертание дома в негативном пространстве гаечного ключа. Все просто и понятно.

HAIRDRESSER

Логотип парикмахерской Hairdresser отличается оригинальностью. В отрицательном пространстве буквы «h» мы можем увидеть расческу. Увидев такой логотип, человек сразу догадается, чем занимается компания.

P.S.:

Хотели бы вы добавить свой логотип в одну из наших подборок? Если да, то пишите: mail@webevolution.ru

Понравилась статья? Сохраните у себя в соцсетях и поделитесь с другими!

Обсудить

Другие статьи по тегам

логотипы

Понравилось

0

на эту тему

Геометрические логотипы Логотипы известных компаний с животными Эволюция логотипов известных брендов

Негативное пространство в логотипах

Негативное пространство является важным элементом любой художественной композиции. Если изначально видеть не только сам объект дизайна, но и окружающее его пространство, можно добиться впечатляющих результатов, используя негативное пространство эффектно и стильно.

 

 

Этот прием в создании логотипов был впервые применен Джорджем Бохуа, в попытке уйти от сложных форм в логотипах к более простым и понятным. Джордж Бохуа смог доказать всему миру, что создать эффектный логотип можно и из совершенно простых форм.

 

 

Применив негативное пространство в создании логотипа, Бохуа приоткрыл новые горизонты для графических дизайнеров. Создалось принципиально новое направление в дизайне логотипов, в котором негативное пространство использовалось в качестве совершенно новой концепции.

 

 

Простые и впечатляющие логотипы теперь стали использоваться все чаще.

 

 

Вообще, сам принцип использования негативного пространства в логотипах заключается в том, чтобы использовать пространство вокруг или внутри основного изображения, таким образом можно подчеркнуть идею в целом.

 

 

Например, в изображении красивой дамы может прятаться павлин, а в цифре «2» внезапно вырисовываются 2 жирафа. Таким образом, создается картинка в картинке, этот прием еще часто используют при создании минималистичных иллюстраций со скрытым смыслом.

 

 

Скрытый смысл в дизайне логотипа обычно виден далеко не всегда, но он становится заметным, когда дизайнеру удается сделать его ключевым моментом в логотипе. То есть основным становится именно негативное пространство, а не логотип.

 

 

Креативные логотипы с буквами всегда очень популярны и их оригинальность в дизайне всегда актуальна. Это очень эффектный прием в создании дизайна логотипа.

 

 

При создании этого логотипа дизайнер Gert van Duinen использовал слоган «вино юркского периода». Что означает, что это вино выдержанное и отличного качества.

 

 

А вот здесь можно наблюдать отличный пример брендинга, созданного с помощью негативного пространства. Синий цвет здесь использован, как цвет для обозначения 2% молока, как самого распространенного. Но цвет можно менять, например, красный — для цельного молока, или желтый — для обезжиренного.

 

 

Идея дизайнера состояла в том, чтобы создать логотип вне времени. Который мог бы использоваться и 50 лет назад, и сегодня. Для того, чтобы объединить прошлое и настоящее, дизайнер использует контуры классических бутылок молока, которые использовались несколько десятков лет назад.

 

 

Логотип гольф-клуба Spartan. Интересно, что было придумано вначале: силуэт человека, играющего в гольф, или профиль спартанца?

 

Как видите, с помощью грамотного управления негативным пространством можно создать ощущение воздушности и элегантности композиции, заострить внимание зрителя на нужном элементе композиции, передать дополнительный смысл работы и создать текст, который будет легко восприниматься зрителем.

 

 

Хороший фотограф знает, что если проигнорировать все объекты съемки и сосредоточиться лишь на пространстве вокруг них, то можно сделать весьма необычные снимки. Здесь главное, чтобы объекты съемки вписывались в окружающее негативное пространство.

35 негативных космических логотипов, мы уверены, что вы полюбите

Статьи по дизайну

Логотипы с негативным пространством являются одним из самых популярных трендов логотипов на 2019 год, поэтому будьте готовы видеть их везде, куда бы вы ни посмотрели — и в пустых местах между ними.

Потому что именно в этом и заключаются негативные пробелы: использование пробелов внутри и между буквами и рисунками для создания новых изображений. Самый известный логотип с отрицательным пробелом — это логотип FedEx, и если вы еще не знаете, о чем мы говорим, приготовьтесь увидеть то, что вы никогда не сможете увидеть:

См. → между буквами E и X? Теперь это будет будь первым, что ты увидишь каждый раз, когда смотришь на логотип FedEx, а в 2019 году бренды в самых разных отраслях будут разрабатывать и использовать логотипы, которые используют ту же самую стратегию, чтобы запоминать себя и оставаться там.

Взгляните на эти удивительные способы, которыми дизайнеры используют негативные космические логотипы, чтобы выделить бренды:

Содержание статьи

Использование отрицательного пространства для размещения большого количества информации в небольшом пространстве

—

Одна из особенностей, которые вы заметите во многих негативных космических логотипах, состоит в том, что их значения являются многоуровневыми. Есть много изображений в изображениях, изображения в письмах и буквы в изображениях. Вы найдете скрытые изображения, инициалы, имена и даже дополнительную информацию о брендах, которые они представляют.

Думайте о негативном пространстве в логотипе как о секретном отделении, за исключением того, что вместо того, чтобы убирать лишние детали, оно выводит их на экран, не заставляя логотип выглядеть занятым. И в этом-то и заключается суть использования логотипа с негативным пространством для упаковки большого количества деталей … попытка вписать их все в позитивное пространство вашего логотипа заставит ваш логотип чувствовать, что его слишком много, и отключит потенциальных клиентов. Дайте каждому элементу в вашей комнате с логотипом дышать и сиять в своем собственном пространстве, используя отрицательное пространство для отделения логотипа.

И помните, вам не нужно быть слишком очевидным с вашим негативным пространством. Многие из этих логотипов используют негативное пространство, чтобы проникнуть в важные детали, которые не вписываются в «основной» логотип. Вы можете быть дерзкими с этими деталями, вы можете быть глубокими с ними … это полностью ваше дело.

Минимализм + отрицательное пространство = совпадение на небесах замысла
—

Негативное пространство прекрасно сочетается с еще одним из трендов логотипа 2019 года: минимализмом. Превращая негативное пространство логотипа в полезное пространство, логотип не нуждается в большом количестве деталей или большой цветовой палитре. Это не означает, что вы не можете использовать их и заставить их работать осмысленно, но использование отрицательного пространства добавляет измерение, которое может компенсировать детали и цвет, если вы решите свести их к минимуму. Есть много способов передать индивидуальность вашего бренда, и хорошо выполненный минималистский логотип может сказать столько же, сколько большой, смелый максимизированный логотип с большим количеством цветов и деталей.

Продвиньте свой минималистский логотип дальше, используя его отрицательное пространство. Если это абстрактный логотип, ваши зрители уже мысленно превращают ваши фигуры и линии в связное изображение. Они уже смотрят на негативное пространство логотипа, поэтому используйте это внимание в своих интересах, объединив негативное и позитивное пространство в умный логотип.

Создание граней в отрицательных пространствах

—

Парейдолия — это явление, когда лица видны на изображениях, у которых на самом деле нет лиц. Подумайте о том, чтобы посмотреть на машину лицом к лицу — вы видите лицо, возможно, зубастую улыбку, если вы изображаете «Бьюик», или сверкающие глаза и раздутые ноздри, если вы смотрите на BMW? Есть некоторые свидетельства того, что парейдолия имеет эволюционные корни, что мы настроены подобрать человеческие лица, чтобы мы могли прочитать их для получения информации о том, с кем у нас зрительный контакт.

Установите прямой зрительный контакт со своими потенциальными покупателями, создав в вашем логотипе негативное пространство. Это очень распространенный метод, который бренды используют для персонализации продуктов и услуг, которые в противном случае могут показаться холодными и безликими. Не уклоняйтесь от этой стратегии только потому, что она распространена — она ​​распространена потому, что она работает. Негативное пространство может добавить умное вращение к этой технике. Какое лицо вы строите — симпатичное, изможденное, доступное или восторженное — все зависит от вашего бренда и его целевой аудитории.

Выделение важных деталей в негативном пространстве
—

Как мы уже упоминали ранее, негативное пространство вашего логотипа — это отличное место, в которое можно вписать детали, которые вы не можете вписать в позитивное пространство без их странного вида. Но использование негативного пространства в качестве секретного отсека — это нечто большее, чем поиск способа втиснуть все ваши данные в логотип: вы можете использовать его в качестве визуального выделения.

Выделите детали, которые вы хотите, чтобы зрители видели, когда они смотрят на ваш логотип. Это противоположность небольшому проникновению в ваш логотип через его негативное пространство. Это помещает негативное пространство в центр внимания, используя его для демонстрации одного или нескольких ключевых сообщений, которые вы хотите передать.

Точно так же, как вы можете быть нахальным или глубоким с вашими негативными пробелами в пространстве, вы можете быть буквальными с деталями, которые вы выделяете, например, используя негативное пространство, чтобы сделать листья на дереве или чешую на рыбе очень очевидными, или Вы можете быть более образным и использовать отрицательное пространство, чтобы выделить определенные характеристики, например, как логотип Whole Foods использует отрицательное пространство, чтобы превратить одну из своих ОС в яблоко, что символизирует его приверженность реальной, натуральной пище.

Создание контраста с помощью небольшой цветовой палитры

—

Если у вас есть только несколько цветов для работы, вам нужно найти другие способы сделать ваш логотип визуально интересным. Одним из таких способов является использование его негативного пространства для построения детальных изображений. С ограниченной цветовой палитрой контраст ваш друг. И негативные космические силы контрастируют с вашим логотипом. Сделайте контраст своим лучшим, используя его для создания поразительных изображений, которые углубляются, несмотря на их ограниченную палитру.

Еще один аспект использования отрицательного пространства для создания глубины заключается в том, что вы можете использовать его для создания трехмерных изображений. Быстро, нарисуйте 3D куб на бумаге. Это просто линии, которые накладываются и пересекаются, но ваш мозг интерпретирует это как куб. Зачем? Потому что он знает, какие стороны должны быть затенены. Используйте отрицательное пространство, чтобы сделать то же самое с вашим логотипом с ограниченной палитрой.

Даже если у вашего логотипа нет ограниченной палитры, вы, вероятно, создадите версию с ограниченным цветом для печати на конвертах и ​​других стационарных материалах, на которой вы не будете использовать полноцветный логотип. Решите проблему потери части вашего логотипа при переводе с полноцветного на черно-белый, разработав высококонтрастный логотип с негативным пространством с самого начала.

Мы уверены, что логотип отрицательного пространства будет отличным для вашего бренда
—

Существует множество причин использовать логотип с отрицательным пробелом, и одна из них верна в любом случае: они выглядят круто. Когда вам кажется, что вы видели каждый тренд дизайна логотипа снова и снова, логотип с негативным пространством заставляет вас взглянуть на него двумя свежими глазами и взглянуть на него, чтобы действительно заметить все, что там есть. Возможно, вы уже видели кучу негативных космических логотипов, но вы никогда не увидите негативного космического логотипа, который по-своему выглядит не совсем свежим.

Хотите отличный логотип негативного пространства для вашего бренда?

Позвольте нашим дизайнерам подобрать для вас идеальный вариант.

Негативное пространство в изобразительном искусстве, дизайне и фотографии

Что такое негативное пространство и как его используют в изобразительном искусстве, дизайне, фотографии? Негативное пространство – это пустое, незаполненное изображением пространство вокруг и внутри объекта, которое формирует объект. В пределах одного изображаемого объекта может быть одно или несколько негативных пространств.

Чем больше элементов имеет изображаемый объект, тем больше негативных пространств внутри и вокруг него. Цветовое оформление нескольких негативных пространств в пределах одной художественной композиции может совпадать или отличаться. Это вкратце, а теперь поясним конкретными примерами.

Общее понятие негативного пространства

Чтобы было понятно, о чем речь, представьте обычные ножницы. Предмет не самый сложный, однако он состоит из нескольких элементов: режущие поверхности, ручки, кольца ручек для пальцев. Если изобразить ножницы на картинке, негативным пространством будут считаться области вокруг лезвий, ручек и внутри колец для пальцев. Если изобразить раскрытые ножницы, то негативным будет считаться также пространство между двумя раскрытыми режущими поверхностями:

Рис. 1. Ножницы

Пример с ножницами весьма наглядно показывает, сколь важное значение имеет негативное пространство для визуализации объекта. Вообразите на секунду, что негативное пространство не осталось бы пустым, а было бы заполнено деталями еще какого-нибудь изображения. В этом случае ножницы просто бы потерялись на картинке. И даже не все сразу бы поняли, что это ножницы. Именно поэтому и принято считать, что негативное пространство формирует объект. И именно поэтому негативному пространству следует уделять при рисовании ничуть не меньшее внимание, чем собственно объекту. Причем независимо от того, насколько сложен или прост изображаемый объект.

Негативное пространство в изобразительном искусстве

Негативное пространство в изобразительном искусстве используется как для формирования объекта и сосредоточения внимания зрителя на объекте, так и для создания оптических иллюзий. Классический пример оптической иллюзии, созданной посредством негативного пространства, это знаменитая «Ваза Рубина»:

Рис. 2. «Ваза Рубина»

На самом деле, Эдгар Рубин даже не был художником. Он специализировался на философии и психологии восприятия, а своей работой показал, что фон и объект – не более чем элементы субъективного восприятия, и вполне могут поменяться местами в сознании человека. По сути, «Ваза Рубина» является примером обращающихся фигур, когда картинка воспринимается то как изображение белой вазы на черном фоне, то как изображение двух черных профилей людей на белом фоне.

Это самый простой классический пример, выполненный в классических черно-белых тонах и созданный не профессиональным художником. Есть и намного более сложные оптические иллюзии, созданные при помощи оригинального использования негативного пространства. Можно ли перепутать небо и воду, птицу и рыбу? Оказывается, можно, если посмотреть на работу голландского художника Маурица Эшера «Небо и вода»:

Рис. 3. Мауриц Эшер «Небо и вода»

Здесь негативное пространство вокруг птиц формирует силуэт рыбы, а негативное пространство вокруг рыб, соответственно, силуэт птицы. Чтобы зрителю легче было сориентироваться, художник сделал небольшую подсказку: вверху изображена птица, а внизу – рыба. Внутри силуэтов раскраска птичек и рыбок отличается, что придает импозантности работе. К слову, учась в средней школе, Мауриц Эшер умудрился завалить экзамен по рисованию. Так что даже если вы никогда не блистали художественными и прочими творческими способностями в школе, у вас есть шанс попробовать свои силы и добиться успеха в живописи или, к примеру, в дизайне.

Негативное пространство в дизайне

Негативное пространство нашло свое применение не только в высоком искусстве, но и в прикладном дизайне. Даже самый обычный буквенный логотип можно оживить, если в процессе визуализации разумно использовать негативное пространство. Классика рекламного жанра – логотип FedEx, в котором пространство между большой буквой «E» и маленькой буквой «x» образует стрелку, направленную вправо:

Рис. 4. Логотип FedEx

Вариант, хоть и классический, но для неискушенного зрителя не самый очевидный. Большинство людей, рассматривающих логотип, видят стрелку только тогда, когда она выделена другим контрастным цветом. Что, впрочем, никак не отменяет основ принципа использования негативного пространства. Есть и более изысканные решения. Например, логотип Pencil, где под буквами «i» и «l» прорисован кончик карандаша. Собственно, в переводе с английского «pencil» как раз и означает «карандаш»:

Рис. 5. Логотип Pencil

Еще больше изысканности и разнообразия в логотипах с картинками. Так, в фирменном знаке организации Helping Hands for Pets из штата Висконсин (США) «поместились» сразу 4 зверя: лошадь, собака, кот и попугайчик. Причем благодаря грамотному распределению негативного пространства логотип не выглядит перегруженным, как можно было бы ожидать при такой насыщенности изображения:

Рис. 6. Логотип Helping Hands for Pets

Если вы хотите узнать больше о негативном пространстве и других приемах изобразительного искусства, приглашаем на наш курс «Рисование», где за 7 несложных уроков вы сможете освоить азы и нарисовать свою первую картину. А пока продолжим тему негативного пространства.

Негативное пространство в фотографии

Думается, в целом понятно, как использовать негативное пространство, если нужно что-то нарисовать. А вот как задействовать принципы негативного пространства в фотографии, когда мы снимаем на фотокамеру то, что есть, что происходит вокруг? В принципе, точно так же, только негативное пространство нужно не создать, а увидеть и запечатлеть. В качестве классического примера использования негативного пространства в фотографии часто приводят знаменитое фото с лошадьми, бегущими по полю:

Рис. 7. Фото с лошадьми, бегущими по полю

Такой, казалось бы, достаточно обычный для сельской местности сюжет, превратился в самый настоящий шедевр именно из-за вовремя увиденной фотографом возможности формирования объекта за счет оригинального использования негативного пространства. Тут не просто темные лошади бегут по светлому полю.

Средняя треть фотокомпозиции, где изображены горы, также выполнена в темных тонах, а верхняя завершается полоской голубого неба с белыми облаками. Это создает дополнительный контраст и, хотя лошади на всей этой, кажущейся огромной, фотографии занимают лишь малую часть, они являются центральным объектом композиции, сформированным негативным пространством.

Еще один яркий в прямом и переносном смысле пример использования негативного пространства в фотографии – это фото дома в лучах солнца над горизонтом. Тут мы видим негативные пространства как вокруг объекта, так и внутри:

Рис. 8. Дом в лучах солнца над горизонтом

Пространства вокруг объекта – это небо сверху, деревья сбоку и поле с цветами снизу. Пространства внутри объекта – это окна дома с проходящим сквозь них солнечным светом. Также лучи солнца просвечивают насквозь воздушные головки одуванчиков, которые уже отцвели, но еще не облетели. И этот маленький нюанс (схожесть подсветки окон и одуванчиков) тоже придает фотографии дополнительное очарование.

И, наконец, поистине шедевральное фото с котом. Да, именно кота мы видим в первую очередь, хотя он лежит на полу, на заднем плане и в расфокусе. По сути, на фото два центральных объекта: миска с едой, стоящая на столе на переднем плане в четком фокусе, и лежащий кот:

Рис. 9. Кот как центр Вселенной

Такая сложная композиция стала возможной благодаря умело пойманной фотографом игре светотени и расположению двух объектов на одной линии. И это при том, что кот находится на полу на нижнем уровне, а миска – на столе на верхнем уровне. Негативное пространство вокруг кота сформировано тенью над ним и светом, падающим на него из окна. Негативное пространство вокруг посуды также сформировано светом от окна и собственной тенью. Как видите, шедевры и «нетленку» можно ваять даже из обычных бытовых сюжетов, если освоить искусство рисунка и фотографии и научиться работать с негативным пространством правильно.

А теперь подытожим роль негативного пространства в изобразительном искусстве, дизайне и фотографии:

1. Добавляет «воздух» вокруг объекта и позволяет ему «дышать».
2. Создает ауру объекта и всей композиции.
3. Определяет границы объекта.
4. Делает объект контрастным и выразительным.
5. Придает элемент креатива и неповторимости.
6. Улучшает визуальную иерархию объектов.
7. Выступает объединяющим элементом композиции.
8. Может использоваться для создания оптических иллюзий.
9. Может объединять разноуровневые композиции.
10. Привлекает внимание, заставляет смотреть вновь и вновь.

Собственно, именно с этой целью и создаются визуальные шедевры – заставить зрителя возвращаться к ним снова и снова. Поэтому, если вы мечтаете стать дизайнером, художником или фотографом, для вас научиться использовать возможности негативного пространства – задача номер один. Напомним, это возможно на нашем курсе «Рисование», где мы вас ждем в любое удобное для вас время.

Мы желаем вам неиссякаемой фантазии и творческого вдохновения! И обязательно создать свой неповторимый шедевр, который, даже если и не войдет в анналы истории изобразительного искусства, будет радовать вас и ваших поклонников своей красотой и изысканностью!

Что такое негативное пространство на фото и как нам это помогает

Мы часто думаем, что для нас плохо молчание, пустота или бесцветность. Мы принимаем их как должное, не думая, что они являются прочной основой контраста. Только тишина позволяет нам понять значение звука. Только негативное пространство позволяет нам чувствовать цвета ярче и глубже, когда они появляются на сцене. И только отсутствие воздуха позволяет нам понять, насколько он важен. Сегодня мы говорим о воздухе в дизайне. Давайте обсудим негативное пространство.

Публикация: 04.06.2018 05.06.2018 Kirill Lipovoy CloudMakers CloudMakersru

Что такое негативное пространство в дизайне?

В принципе, негативное пространство — или пустое пространство, как его часто называют, — это область макета, которая остается пустой. Это может быть область не только вокруг объектов, которые вы размещаете в макете, но и внутри них. Негативное пространство — не только определяет границы объектов, но и создает необходимые связи между ними в соответствии с принципами Гештальта и создает эффективную визуальную композицию. Благодаря этому пустое пространство является законным элементом дизайна, который оказывает большое влияние на восприятие пользовательского интерфейса.

«Негативное пространство похоже на холст: это фон, который объединяет элементы в дизайне, позволяя им выделяться», — говорит Мэдс Согаард из Interaction Design Foundation.

Негативное пространство в графическом дизайне часто встречается в логотипах, на иллюстрациях, плакатах и леттеринге​​, где оно становится активной частью визуальной презентации, делая ключевые объекты еще более выразительными. Например, в приведенной ниже иллюстрации блога мы можем видеть, как фоновый элемент (луна) играет роль контрастного отрицательного пространства, что делает космонавта более ярким и динамичным.

В дизайне пользовательских интерфейсов для веб-сайтов и мобильных приложений применение негативного пространства является значимым фактором высокого удобства использования и навигационной способности интерфейса. Негативное пространство вокруг элементов макета также называется макропространством, тогда как пространство внутри этих элементов — микропространством.

Простота привлекает

Глаза имеют тенденцию уклоняться от переполненных картинок. Таким образом, количество пустого пространства, которое остается в дизайне, может быть важным моментом, который привлечет внимание пользователя. Композиция также может быть сделана путем правильного размещения фотографий, описания и заголовков. Не забывайте, что человек-потребитель при рассуждении хорошо ли что-то выглядит в первую очередь пользуется своими глазами, а не разумом.

В чем разница между белым пространством и негативным?

Короткий ответ: никакой разницы. Эти понятия полностью взаимозаменяемы.

Почему это явление отражается в двух разных терминах? Легко ответить, если проследить происхождение. Термин «белое пространство» происходит из дизайна печати, с тех пор, когда страницы были в основном белыми, поэтому белое пространство было вокруг, между буквами и символами, а также вокруг иллюстраций. Сегодня, используемый в дизайне, этот термин не имеет ничего общего с белым цветом: все дело в пустом пространстве, а не в цвете. Термин «негативное пространство» происходит из фотографии: на фотоснимках, положительное пространство — это то, что привлекает внимание (объекты), и, соответственно, фон — негативное пространство.

Важно помнить, что негативное пространство в веб-дизайне не обязательно должно быть только белым — вы можете использовать любой цвет, текстуру, ровный узор или фоновое изображение.

Три предостережения

Вы слышали о трех мушкетерах. Три предостережения – это их менее авантюрные братья.

Статуя Мартина Лютера Кинга смотрит влево, поэтому там должно быть негативное пространство, чтобы его взгляд был направлен на что-то, а над головой нужно немного больше свободного места.

Достаточно ли пространства для маневров?

Наши глаза отлично умеют следовать заданному направлению. Если субъект куда-то смотрит или двигается, должно быть достаточно места, чтобы зритель мог представить это движение или взгляд.

Подумайте о человеке, едущем на велосипеде справа налево. Если он расположен в правой части кадра, есть достаточно пространства, а зритель может без труда представить движение велосипедиста. В противном случае получается так, что субъект расположен слишком близко к своей конечной точке в кадре и создается неприятное ощущение сдержанности. В кадре недостаточно места, чтобы можно было представить это движение.

Теперь давайте возьмем портрет в профиль, человек на котором смотрит влево. Нам нужно пространство, чтобы представить, на что направлен его взгляд. Поместите субъект слишком близко к левой грани и появится ощущение, что направление взгляда отсекается.

Камни и деревья не двигаются, но эффект при расположении большей части негативного пространства слева отличается от того, который создается при помещении его справа.

Как понять, что негативного пространства слишком много?

Если возникает ситуация, когда пространства недостаточно, может произойти и противоположное – его очень много или оно расположено неправильно. Никому не станет лучше, если за велосипедистом или моделью будет куча ненужного пространства. До тех пор, пока вы не пытаетесь придать субъекту маленький, одинокий и неважный вид, нужно ограничивать количество негативного пространства.

Есть жесткое практическое правило, которое гласит, что негативного пространства должно быть больше, чем позитивного. Насколько? Примерно в два раза. При превышении этого порога субъект начинает выглядеть неважным. Однако, придерживаясь правила, вы получите приятный глазу результат.

Почему негативное пространство важно?

Представьте себе, что вы вошли в комнату, полностью заполненную различными предметами. Полки, коробки, сумки, груды книг и одежды, стол, забитый различными вещами. Сможете ли вы сконцентрироваться на таких условиях? Вам действительно нужны все эти вещи прямо сейчас? Сможете ли вы найти то, что вам нужно, и сколько времени потребуется? Это то же самое, что испытают пользователи, открывая страницы без свободного воздуха негативного пространства.

Как клиенты, так и некоторые дизайнеры могут захотеть разместить на одной странице или экране как можно больше элементов и функций, думая, что это будет полезно для потребителей. Но это ошибка: на самом деле пользователям не нужно все сразу. Более того, слишком много элементов без достаточного количества воздуха значительно повышают уровень отвлечения: перегруженные информацией и интерактивными элементами, и пользователям приходится прилагать усилия, чтобы найти то, что нужно. Как заметил Ааррон Уолтер: «Если все кричит, то ничего не слышно».

Среди преимуществ продуманного применения негативного пространства в дизайне мы могли бы упомянуть следующее:

1. оно поддерживает чтение страницы;
2. оно улучшает визуальную иерархию;
3. оно поддерживает визуальную связь между элементами;
4. оно обеспечивает достаточно воздуха на странице, чтобы она не чувствовалась загроможденной;
5. оно фокусирует внимание пользователя на основных элементах и уменьшает уровень отвлеченности;
6. оно добавляет стиль и элегантность на страницу.

Например, давайте посмотрим на целевую страницу Big City Guide. Здесь дизайнер применяет фоновое фото, и оно играет роль негативного пространства. Более того, элементы фотографии и надписи основного элемента взаимосвязаны: это делает отрицательное пространство активным элементом дизайна и придает странице единый гармонический вид.

Гештальт-принципы в веб-дизайне

Наш разум всегда ищет скрытые подсказки и недостающие связи между пространствами, сравнивая увиденное сейчас с тем, что видел раньше. Все это часть когнитивного процесса. Чтобы стать эффективным дизайнером, вы должны сначала понять, как мозг обращает внимание на все, что нас окружает. Тогда вы сможете определять, как именно использовать визуальные элементы, чтобы повлиять на восприятие зрителя.

У вас должно быть четкое представление о том, как связаны визуальный дизайн и психология и как они способны влиять друг на друга. Усвоив принципы гештальт-психологии, вы сможете разрабатывать простой ориентированный на пользователя дизайн, в том числе за счет обращения к такому инструменту, как пространство.

«Гештальт» в переводе с немецкого означает «формы». Это не просто слово, это концепт, гласящий, говоря словами психолога Курта Коффки, что «целое отличается от суммы своих частей».

Коллекция отдельных единиц представляется нам как группа, когда они каким-то образом объединяются. Тогда мы видим элементы как совокупность, несмотря на их индивидуальность. Эта концепция или теория применима ко всем каналам дизайна: мы не рассматриваем текст, цвета и формы как отдельные элементы, а воспринимаем целую веб-страницу как единство. Благодаря этому свойству мозга мы видим лес как целое, а не как собрание деревьев.

Гештальт-принципы описывают, как человеческий разум воспринимает визуальные компоненты при определенных условиях. Принципы эти базируются на шести основных категориях:

1. Фигура и фон (Figure And Ground),
2. Близость (Proximity),
3. Симметрия и порядок (Symmetry And Order),
4. Сходство (Similarity),
5. Замкнутость/завершенность (Closure),
6. Непрерывность (Continuity).

Фигура и фон

Фигура — это объект, который интуитивно и визуально отделен от фона.

Чаша Грааля

Самый классический пример — это чаша Грааля, сосуд между двумя зеркальными силуэтами лица. Когда вы впервые сталкиваетесь с этим изображением, ваши глаза обращаются к тому визуальному объекту, который быстрее попадает в поле вашего внимания: это могут быть как лица, так и ваза. Пока ваш ум настраивает фокус и обрезает негативное пространство или фон изображения, и то, и другое размыто. Через некоторое время вы замечаете на заднем плане вазу (или лица) и понимаете, что она была там всегда.

Несмотря на двусмысленность принципа «фигура-фон», дизайнеры обычно создают с его помощью визуально привлекательный сюрреалистический и иллюзорный дизайн.

Соотношение «фигура-фон»

Иногда отношения между фигурой и фоном стабильны, что делает их отличимыми друг от друга. Иногда эти отношения нестабильны, тогда фигура и фон неотличимы. Из-за неоднозначности этих отношений зрители сталкиваются с путаницей восприятия.

Как это влияет на веб-дизайн? Обсудим несколько примеров в деталях. Каждый из этих примеров отражает одну из трех основных областей отношений «фигура-фон»: контраст, прямоугольные блоки и тени. Именно с их помощью вы можете добавлять явные визуальные подсказки. Каждый из этих методов способствует различению цвета, размера и уровня детализации, разделению контента и добавлению глубины соответствующему фокусному объекту.

В первом примере лендинг использует в главном изображении (изображении с четкими CTA) концепт связи фигуры и фона, помогающий идентифицировать уровень детализации, цвет и размер.

Фигурой здесь выступает текст в центре страницы: он выделяется по сравнению с картинкой, служащей фоном. Белый текст поверх контрастного изображения привлекает внимание, что делает заголовок видимым. С другой стороны, фон за заголовком затемнен, так что текст хорошо различим на фотографии. Все эти аспекты показывают, что текст здесь имеет приоритет как фигура (или позитивное пространство), в то время как размытое изображение используется в качестве фона (или негативного пространства). Это хороший пример использования концепции «фигура-фон».

Следующий пример касается прямоугольных блоков. На этом сайте известного производителя фильтров для воды очень четко видно, как контент в прямоугольных блоках отделяет фигуру от фона.

Какая часть бросается в глаза при первом взгляде эту веб-страницу? Скорее всего, это основной текст белого цвета в верхнем правом углу. Этот текст, очевидно, фигура. (Обратите внимание: он расположен над гораздо более темным синим фоном, благодаря чему выделяется.) Прямоугольные блоки внизу также являются частью фигуры, поскольку они контрастны по отношению к белому фону. Еще один аспект данной фигуры — вторичный контраст, организованный внутри прямоугольников в виде текста контрастного цвета.

Некоторые сайты создают отношение «фигура и фон», добавляя тени к фигуре — появляется ощущение, что фигура размещена над фоном. Вот скриншот с лендинга облачного сервиса управления торговлей:

На странице используется более одной методики для поддержания сбалансированного соотношения фигуры и фона. Здесь присутствуют яркие цвета и тени. Фон остаётся однотонным, благодаря чему фигура хорошо отделяется от него. В позитивном пространстве страницы объекты — ноутбук со скриншотом, кнопки, буллеты — представлены так, что создают иллюзию объема.

Близость

Термин «близость» относится к приближенности элементов на странице. Для создания значимой ассоциации различные части на страницах сайтов могут быть сгруппированы вместе. Автоматическое соединение этих элементов в уме зрителя создается за счет близости друг к другу (а также сходства).

Близость в дизайне

Принцип близости очень часто применяется в веб-дизайне в картинках, текстах, навигационных панелях и лид-формах. Группируя похожий контент, вы создаете гармоничную связь между элементами, что, в свою очередь, гарантирует лучший визуальный опыт. Вот пример реализации данного подхода с развлекательного сайта Кинопоиск:

На скриншоте выше вы можете заметить, как элементы одного типа размещаются вместе, чтобы показать облегчить восприятие контента. Глаза пользователей автоматически обращаются к обложкам фильмов в правой части выпадающего меню. Несвязанные элементы отделены друг от друга с помощью пустого пространства в сетке, которая служит подсказкой для пользователей относительно того, что надо соединять, а что разделять. Все это сделано в соответствии с принципом близости.

Форма входа в почту от Яндекс — еще один пример близости в веб-дизайне:

Форма делится на два основных сегмента: ввод личных данных и создание профиля. Первый раздел подразумевается как наиболее важная область, за которой следует менее приоритетное требование. В этом случае близость является индикатором, устанавливающим приоритеты для группировки информации: от высокой степени важности до низкой.

Симметрия и порядок

Симметрия подразумевает точное, зеркальное отражение двух противоположных плоскостей. Ее можно рассматривать как баланс, разделяющий объект на две равные половины. В жизни примерами симметрии выступают геометрические изображения, такие как равносторонние треугольники, круги и квадраты и так далее.

Симметрия и асимметрия

Человеческий разум желает найти «баланс» в человеческих лицах — она представляется нам эстетически приятным. Разум также стремится найти симметрию в других объектах, включая картинки, потому что симметрия создает гармонию и позволяет зрителям чувствовать себя комфортно при просмотре изображения.

Ниже приведен пример симметрии в веб-дизайне, представленный на сайте Airbnb:

Главная страница этого сайта демонстрирует типичное соотношение «фигура-фон», кроме того, в ней много симметрии.

Идея симметрии порождает другое понимание: асимметрия может сбивать с толку и должна использоваться в веб-дизайне с большой осторожностью. Но многим сайтам удается довольно удачно применять асимметрию в качестве основного элемента создания баланса пространств. В таких примерах нетрадиционное позитивное пространство уравновешивается нейтральным фоном и наоборот. Сайт Xiaomi предлагает асимметрию с уникальной эстетикой, радующей глаз:

Эта продающая страница сразу же привлекает внимание за счет оптических иллюзий и асимметрии. Объекты позитивного пространства необычным образом размещаются над отрицательным пространством. Цвет является основным индикатором гармонии между пространствами, он обеспечивает естественную связь для зрителей. Дизайнерам удалось создать сильный баланс между текстом по левую сторону экрана и сильным, доминирующим изображением — по правую.

Сходство

Близость тесно связана с принципом сходства: объекты, имеющие общие характеристики, группируются вместе. Связанность будет преобладать, когда одно или несколько из присущих объектам свойств (цвет, форма, положение, размер, форма, ориентация или что-то иное) присутствует во всех объектах, находящихся в непосредственной близости друг от друга.

Принцип сходства в дизайне

Даже если элементы позитивного пространства не выглядят явно связанными, они будут выделяться в негативном пространстве из-за принципа сходства.

Посмотрите на этот перечень моделей машин от Mercedes-Benz:

Позитивные пространства (или фигуры, если обращаться к введенному выше термину) отличаются друг от друга, но также имеют некоторое сходство в различных аспектах, таких как их положение, цвет и описание продукта.

Взглянем на страницу трендов в YouTube:

Подобие в приведенном выше примере создается с помощью четко выровненных прямоугольников. Хотя видео в каждом позитивном пространстве различны, согласованность расположения превью, текстовых полей, стиля и разметки рождает ощущение похожести.

Замкнутость/завершенность

Вы когда-нибудь сталкивались с изображением, которое кажется замкнутым, но на самом деле представляет собой открытую композицию? Все благодаря принципу замкнутости. Наш мозг, как правило, «закрывает» пробелы в незавершенных объектах и использует наше визуальное восприятие для завершения фигуры, так что мы видим ее как целое.

Замкнутость в дизайне

Позитивное и негативное пространства смыкаются в единое целое. Лучший пример — скрытые формы и фигуры в негативном пространстве внутри и снаружи дизайна, требующие оценки послания, заложенного в дизайн. Творческое использование обоих пространств с применением принципа замкнутости может привести к интересному и при этом легкому дизайну.

Посмотрите на скриншот от Magu Kombucha ниже:

В этом примере можно заметить, что замыкание не затрагивает принцип «фигура-фон». Бутылочки и выделенный жирным текст позади — это фигура, сплошной нежно-розовый цвет — это фон. Где завершенность? Обратите внимание на текст за бутылками. Его видно не полностью, но знающие латинский алфавит посетители могут распознать название напитка — Kombucha («Комбуча», или настой Чайного гриба). За исключением первого «Кo» и последнего «ha» слогов, другие буквы наполовину скрыты, но слово можно завершить интуитивно, и вся фигура начинает обретать форму и, следовательно, смысл. Хороший пример завершенности!

Непрерывность

Наконец, непрерывность — она заставляет наши глаза следовать последовательным путем, вычерчивая линейный рисунок от объекта к объекту.

Непрерывность в дизайне

На изображении выше зрители склонны видеть продолжающуюся прямую линию, несмотря на изменение цвета. Это приводит нас к мысли о том, что принцип непрерывности управляет восприятием больше, чем сила цвета. Эта концепция плавно проходит через оба вида пространств. Когда мы вставляем предмет в негативное пространство, наши глаза стремятся провести черту, разделяющую негативное пространство от позитивного.

Воображаемая линия непрерывности — это то, что вводят в дизайн, чтобы управлять восприятием при различении двух видов пространств.

Возьмем пример с сайта сервиса по совместному управлению проектами:

Видите, как легко взгляд скользит вниз по странице? Благодаря фигуре разных оттенков на заднем плане, внимание посетителя не рассеивается, а фокусируется на контенте лендинга. Сдвиг тонов здесь незначителен, и все, что мы видим, — это непрерывный узор.

На лендинге выше также используется закон непрерывности: заголовок в центре страницы дополнительно усиливается расположением рук на главном изображении, которые его окружают.

Наши глаза предпочитают следовать плавной траектории. Использовав подобный подход и расположив элементы даже по невидимой линии, ваш дизайн может побудить посетителей пройти по желаемому пути.

Факторы, на которые влияет негативное пространство

Грамотное применение отрицательного пространства может оказать значительное влияние на следующие факторы пользовательского опыта.

Читаемость и удобочитаемость: если между элементами недостаточно места, они становятся трудночитаемыми и их восприятие требуют дополнительных усилий. Балансировка негативного пространства, особенно микропространства, решает эту проблему и делает процесс чтения более естественным. Таким образом, негативное пространство напрямую влияет на эффективность типографики на странице.

Брендинг: если вы рассмотрите какой-либо логотип, вы обнаружите, что дизайнеры определяют соответствующее количество негативного пространства вокруг него, чтобы он воспринимался правильно. Нарушение этих правил портит восприятие логотипа.

Исходя из этого, негативное пространство оказывает влияние на визуальное восприятие в таких аспектах, как:

• текстовое содержимое;
• графический контент;
• навигация;
• идентичность бренда.

Давайте рассмотрим несколько примеров. Вот главная страница The Big Landscape. Без каких-либо визуальных фреймов и таблиц, из-за сбалансированного использования негативного пространства дизайнер создает сильную визуальную иерархию и позволяет пользователю сканировать различные блоки контента за считанные секунды. Таким образом, дизайн выглядит организованным, но и легким и воздушным. Белый фон и компоновка делают его похожим на страницу журнала, которая гармонично информирует читателя о целях и характере этого сайта.

Другим примером является приложение Upper: здесь негативное пространство черное, что создает отличный контраст с основными элементами интерфейса. Для всего экрана используется только одна прямая линия. Тем не менее, все макеты выглядят организованными и хорошо читаемыми из-за достаточного количества воздуха и без отвлекающих факторов. Пространство также поддерживает стилистическую элегантность, чтобы способствовать эстетическому удовлетворению.

Четыре способа применить негативное пространство

Темный фон делает тюльпан главным и заметным субъектом в кадре.

Изолировать субъект и привлечь к нему внимание

Самый распространенный способ использования негативного пространства – привлечение внимания к субъекту. Если орел запечатлен на фоне ясного неба, взгляд автоматически приковывается к нему. Белая стена за идущим человеком позволяет сфокусироваться на нем. При съемке портретов обычно делают так, чтобы фон изолировал субъект. Мелкая глубина резкости делает цветок на переднем плане живее.

В каждом случае негативное пространство фокусирует внимание на субъекте. Оно заставляет предмет словно выскакивать из кадра, оставаясь при этом незамеченным.

Негативное пространство обеспечивает свободу воображения. На что смотрит этот человек? Куда он идет? Охотится ли этот парящий орел? Что собирается делать этот бегущий волк? Что находится за тем цветком?

Негативное пространство, окруженное туманом, не только подчеркивает субъект, но также вызывает определенные эмоции.

Задать эмоцию или настроение

Зачастую негативное пространство создает ощущение спокойствия, порядка и тишины, убирая все отвлекающие элементы. Однако, используя яркие цвета, можно вызвать чувства энергии и жизнерадостности.

В психологии есть целая отрасль, изучающая реакцию человека на определенные цвета. Теплые оттенки – красные, оранжевые, желтые – вызывают чувства теплоты, восхищения, опасности, романтичности, страсти и злобы. Холодные же – синий, зеленый, фиолетовый – заставляют нас испытывать прохладу, спокойствие и грусть.

Таким образом, пешеход, идущий вдоль оранжевой стены, передает ощущение энергии не только за счет своей позы, но также благодаря цвету фона. Оранжевый зачастую ассоциируется с энергией, восхищением, энтузиазмом, возбуждением и теплотой.

Субъект, вокруг которого слишком много негативного пространства, будет выглядеть одиноким и изолированным, но, когда пространства слишком мало, это может вызвать ощущение клаустрофобии.

Почти монотонная стена делает минималистичную композицию намного привлекательнее.

Простота и минимализм

Создание негативного пространства за счет выбора ракурса, диафрагмы, глубины резкости и использования освещения может помочь упростить композицию. Представьте, что вы стоите посреди поля с пышными дикими цветами. Это сплошная каша, состоящая из контрастирующих цветов. Как получить хороший снимок в таких условиях?

Если поместить в кадре один цветок, создать мелкую глубину резкости и затенить фон, беспорядочный пейзаж сузится до одного конкретного субъекта.

Продуктовая фотография, при работе с которой предмет располагается на белом фоне – еще один пример минималистичного подхода, где использование негативного пространства упрощает композицию и привлекает внимание к вещи.

Пространство для текста

Если вы планируете продавать снимки на фотостоках, знайте, что наличие негативного пространства играет особенно важную роль для покупателей. Именно в нем они помещают свой рекламный текст, названия журналов и заголовки статей. Словам нужно свободное место. Так же, как отступы в тексте повышают читабельность, делая текст менее густым и более дружелюбным, пространство вокруг текстового блока на фотографии позволяет ему выглядеть свободным и привлекательным.

Проблемная зона

1. Сложная терминология. Когда вы говорите с клиентами, которые могут быть не знакомы с условиями дизайна, убедитесь, что вы доносите значение негативного пространства, прежде чем описывать дизайн-решения. Для не-дизайнера может быть сложно понять, почему «этот экран нуждается в большом количестве белого пространства».

2. Желание уменьшить негативное пространство, чтобы разместить больше элементов на странице или экране. Это происходит не только в дизайне интерфейсов: вы можете услышать, как дизайнер интерьера рекомендует сохранить некоторое пространство для клиента, который хочет 4 книжных шкафа в одной комнате вместо 2, или архитектор, объясняющий, почему существует необходимость в пустом пространстве вокруг здания.

3. Плохая приоритизация. Негативное пространство не является залогом успеха, если за интерфейсом не стоит продуманная информационная архитектура.

Источник и иллюстрации

NEW BEDFORD WHALING MUSEUM (МУЗЕЙ КИТОБОЙНОГО ПРОМЫСЛА)

В логотипе Музея китобойного промысла мы можем видеть хвост кита, образуемый негативным пространством парусов китобойного судна.

Логотип сообщает не только о том, какого рода экспонаты мы можем увидеть в музее. Он также показывает нам масштабы кита, на фоне огромного корабля. Так мы можем ощутить всю опасность китобойного промысла и осознать, насколько сильными и отважными были люди, которые этим занимались.

Сайт для садовода-огородника. Агрохимикаты, удобрения. Садовая техника

Нет, друзья, не подумайте, что старина Боб решил вдруг покопаться в психологических теориях эмоций. Хотя, с другой стороны, чем не тема для статьи? Ведь графический дизайн и психология человека напрямую связаны друг с другом.

Но сегодня я хочу обратиться к не менее важной теме — использование вокруг элементов в дизайне.

Любой художник и дизайнер в своих работах уделяет много внимания деталям, но порой забывает об очень важной составляющей – о негативном или, как его еще называют, отрицательном пространстве

. А ведь использование негативного пространства является ключевым элементом художественной композиции!

Итак, знакомьтесь, негативное пространство

– это место вокруг изображаемого объекта. Проще говоря, это область, незанятая содержанием.

Одним из первых негативное пространство начал использовать в своих работах американский художник-оформитель Чарли Гослин. Многие дизайнеры до сих пор черпают вдохновение и приводят в пример его работы.

Главной особенностью творчества Чарли Гросина было его умение создавать с помощью негативного пространства интересные графические элементы, наделенные дополнительным смыслом.

Хороший дизайнер понимает, что пространство, окружающее предмет не менее важно, чем сам предмет. Для того чтобы управлять взглядом зрителя, необходимо сделать «негативное пространство» активным.

«Негативное пространство» может становиться самодостаточным в композиции, конкурировать с «позитивным пространством» или поддерживать его. Однако в грамотном дизайне оно не должно отвлекать внимание от основного предмета композиции.

С помощью негативного пространства многим дизайнерам удается создавать удивительные логотипы. Вот один из наиболее интересных примеров — логотип Американского Архитектурного центра.

Не существует абсолютных правил, определяющих хороший дизайн. Тем не менее, есть основополагающие принципы зрительного восприятия, которых следует придерживаться для создания . Одним из них безусловно является восприятие физического пространства, занимаемого отдельно взятым графическим элементом по отношению к другим элементам на странице.

Впрочем, негативное пространство не обязательно должно быть белым, или окрашенным каким-то одним сплошным цветом. Оно может содержать плавные, цветовые переходы и даже фоновые объекты.

Учитесь видеть негативное пространство!

Для того, чтобы научиться эффективно использовать негативное пространство, вы должны видеть не только содержание страницы, но и ее скрытый смысл.

Один из инструментов, который используется преподавателями в художественных вузах, стал известен благодаря книге профессора Бетти Эдвардс «Рисование правой частью мозга»

. В упражнении студенты переносили изображение с фотографии или рисунка, размещенного «вверх ногами».

Поскольку изображение было перевернуто, студенты не могли распознать предмет на рисунке. Поэтому они машинально уделяли равное внимание как положительному, так и негативному пространству. В результате этого упражнения выходил значительно более детальный рисунок.

Вот наиболее известный пример с бокалом и контурами лица. Ваза Рубина — оптическая иллюзия, которая из-за негативного пространства вокруг вазы кажется то бокалом, то двумя лицами.

Широкие возможности «негативного пространства».

Применяя возможности «негативного пространства» можно добиться:

1. Ощущения воздушности и элегантности композиции.
2. Концентрации внимания на самом главном элементе композиции.
3. Лёгкости восприятия текста.
4. Управления взглядом зрителя. Например, от заголовка к иллюстрации, от иллюстрации к тексту.
5. Передачи дополнительного смысла работы.

Очень интересно использует отрицательное пространство в своих картинках израильский иллюстратор Нома Бар

(Noma Bar). Его рисунки лаконичны, просты и в то же время остроумны. Он выпустил книгу иллюстраций «Негативное пространство» («Negative Space»). Данная подборка была опубликована в изданиях The Guardian и New York Times Magazine.

Работая над фотографией, мы всегда ограничены прямоугольной рамкой кадра. Мы вольны использовать предоставленное нам пространство как нам заблагорассудится. Мы можем включать в кадр одни объекты, оставлять за границами видимости другие. Мы можем выбирать главных персонажей и усиливать акценты на них, или, напротив, создавать абстрактные или графические композиции, где нас интересует узор, текстура или ритм. Тем не менее, какой бы кадр мы не выстраивали, мы всегда работаем с пространством. При этом, очень важно понимать, что пространство — это не просто то место, где мы можем располагать наши объекты. Пространство само часто бывает объектом.

Существует такое понятие — негативное пространство

. Обычно так называют пространство, окружающее главный объект фотографии или рисунка. Негативное пространство, несмотря на свое не позитивное название, может быть очень хорошим выразительным средством. С его помощью мы можем добиваться самых разных вещей.

1. Заставлять фотографию дышать, наполнять ее воздухом.

2. Выделять один, непохожий на все остальное, объект, выгодно подчеркивая необходимый контраст.

3. Создавать однородный фон для четкого и читабельного разделения планов.

4. Создавать иллюзию бесконечности пространства, внутри которого живет главный объект съемки.

5. Подчеркивать контраст между объектами, заложенный в фотографию автором.

Но самое главное: правильное использование негативного пространства делает фотографию простой, лаконичной и читабельной. Такие фотографии очень просто воспринимать, они моментально находят отклик у зрителя, без преград считывающего высказывание фотографа.

Помимо негативного пространства, существует пространство мертвое

. Оно тоже окружает основные объекты съемки, однако работает оно абсолютно противоположным образом. Мертвое пространство заполнено множеством отвлекающих и сложно различимых деталей. Оно мешает и заслоняет собой высказывание фотографа, и первое, что хочется сделать при просмотре фотографий с мертвым пространством — немедленно избавиться от него.

В этом примере на переднем плане расположены кусты с красными листьями, сливающимися в одно сплошное и не читаемое пятно, за которым расположилась зона бурой травы. Такой передний план ничем не оправдан, он не работает композиционно, он эстетически не привлекателен, он неряшлив и сумбурен. Это пространство лишь отвлекает от красивых гор на заднем плане и атмосферных высокогорных домов на среднем. Это мертвое пространство.

Похожая ситуация и в этом примере. Великолепная горная гряда теряется на фоне бесформенного бурелома на переднем плане. Взгляд то и дело возвращается к этим поваленным деревьям, и безуспешно пытается отыскать во всем этом гармонию. Это похоже на состояние зрителя, сидящего в кинотеатре на просмотре увлекательного фильма, но вынужденного постоянно отвлекаться на невнятный разговор соседа по мобильному телефону: в какой-то момент ты, волей неволей, начинаешь вслушиваться в шепот говорящего, теряя историю на экране.

Кому эта статья будет полезна? Во-первых, всем начинающим дизайнерам, а также всем тем, кто уже начал свой путь в роли UI/UX дизайнера, в студии или на фрилансе, но в той или иной мере испытывает неуверенность при работе с контентом.

Идея статьи

Она пришла ровно год назад, когда я начал преподавать дизайн в IT школе. Именно тогда я понял, что у многих студентов (как и у меня, когда я начинал свою карьеру дизайнера) есть проблемы с правильным размещением контента. Обычно все сводилось к тому, что либо я лепил чересчур много текста, либо наоборот количество пространства вокруг текста можно было сравнить с пустыней в Чили.

Недавно мне попалась книжка ребят из UXPin про негативное пространство, которую я перевел, добавил немного своего опыта и изложил все мысли в этой статье. Надеюсь Вам будет интересно и полезно!

Итак, начнем!

Негативное пространство

Слайды взяты из моего доклада, с которым я выступал в Днепре и в Харькове. Слайды на английском, т.к. планируется английская версия доклада.

“Негативное пространство”

 - это пространство между элементами на странице.

Каждый веб-сайт - это цифровое отображение интерфейса. Кнопки, ссылки, текст и другие медиа нуждаются в «воздухе». Подобный эффект вы можете увидеть, например, рассматривая хорошую картину, где пространство улучшает общую композицию, для этого часто применяют понятием “большая картина

”.

Также негатинвное пространство

может использоваться и между более мелкими объектами, такими как текст или небольшие изображения. Пространство часто говорит больше об отдельных элементах, а не о странице в целом. Это как один большой микрокосмос в макрокосмосе: мелочи всегда влияют на общую картину.

Разделение негативного пространства

Есть несколько различных видов негативного пространства, применяемых в layout-ах веб-сайтов:

1. Композиционное негативное пространство
    - пространство для полей, отступов и общей композиции.
2. Визуальное негативное пространство
    - пространство для графиков, иконок, кнопок или элементов.
3.  - пространство между заголовками / пунктами и строками текста.

Для примера давайте рассмотрим с вами предыдущий слайд. Это пример админпанели (или Dashboard

-а). Обратите внимание насколько хорошо каждый элемент, каждая кнопка и блок читаются и смотрятся гармонично, как в общей картине, так и по отношению к другим элементам.

Композиционное пространство

здесь хорошо видно в отступах между блоками. Мы четко видим блок навигации и блок поднавигации, а также основной контент.

Визуальное пространство

здесь хорошо отражено в отступах между небольшими изображениями и основными блоками, создавая визуальную дистанцию. Визуальные элементы - это середина между макро дизайном композиции и микро содержанием стиля. Обратите внимание на правильное расположение иконок и пространство между ними, блоки с цифрами 15, 14 и 28 смотрятся гармонично, а контент не выглядит затерянным в этих карточках.

Копнув глубже, мы увидим текстовое негативное пространство

между заголовками текста и, например, в блоках сообщений. Кроме этого, обратите внимание, как
текстовое негативное пространство
используется между миниатюрными изображениями и их названиями.

Макро- и

Ребята из UXPin в своей книге часто “негативное пространство” называют “цифровым белым пространством”.

Все стили негативного пространства можно разбить на 2 основные категории: и . Большие сайты включают обе категории в дизайн layout-ов.

обнаруживается при общем взгляде на дизайн, на макроскопическом уровне. Как я уже упоминал, его можно назвать “большой картиной”

, где
композиционное негативное пространство
захватывает основной фокус. Дизайнеры обычно начинают новый веб-проект с создания варфрейма или прототипа, который наглядно демонстрирует
макро-негативное пространство
на странице.

Микро-негативное пространство

регулирует пространство между всеми небольшими элементами страницы, такими как: навигационные ссылки, галереи изображений, неупорядоченные списки и заголовки страниц.
Микро-негативное пространство
может быть использовано для медиа, таких как изображения / иконки (
визуальное негативное пространство
) или таким текстом, как заголовки / параграфы (
текстовое негативное пространство
). Как и большинство детализированных layout-ов, приведенный выше пример демонстрирует присутствие как
макро-
так и
микро-негативного пространства
вместе.
Макро-негативное пространство
существует между каждым из больших разделов страницы, в то время как
микро-негативное пространство
располагается между внутренним контентом страницы.

После того как мы узнали о том, что же такое негативное пространство и о его видах, давайте попробуем научиться его использовать.

Как применять негативное пространство

Каждый веб-сайт использует пространство по-разному в зависимости от сути контента.

К примеру, вы можете оставить много негативного пространства на

landing page, потому что хотите сделать акцент на кнопке призыва к действию.

Некоторые интернет-магазины напротив, имеют много контента, который необходимо уместить в layout. В этом случае, потребность в негативном пространстве

по-прежнему не исчезает, но вероятно, контент не будет с таким же размахом и беззаботно размещен, как мы могли бы увидеть на обычной landing page.

Суть заключается в том, что негативное пространство

должно быть увязано с контекстом, это значит, что нет особых четких правил, применяемых для каждого веб-сайта. Но вот некоторые общие советы:

1. Почувствуйте ваш веб-сайт и его организацию
    - Ограничьтесь 15 точками внимания для страницы. Каждому элементу, который вы добавляете в интерфейс, назначается одна точка.
2. Сравните свои идеи с другими похожими дизайнами
    - Проанализируйте, как другие дизайнеры используют
   негативное пространство
   в своих layout-ах.
3. Поймите, что взаимосвязи внутри контента определяются окружающим негативным пространством
    - Пассивное
   негативное пространство
   создает «воздух», в то время как активное
   негативное пространство
   приводит пользовательский взгляд к конкретной части контента.

Пространственные дизайн фичи

На данном слайде также, показано хорошее применение негативного пространства.

Композиция - это гештальт

. Это целый веб-сайт, который возникает из суммы его частей. Чтобы полностью понять,
что
работает и
почему
, вы должны изучить белое пространство на композиционном и микроскопическом уровне.

Давайте рассмотрим пример на слайде выше. Справа у нас еще один интернет-магазин по продаже мебели, но с другим дизайном. Обратите внимание, как здесь работает негативное пространство: каждая карточка с товаром (кресла) является отдельной композицией со своим негативным пространством, которое создает акцент на контенте. В свою очередь, эти карточки гармонируют друг с другом и смотрятся хорошо, за счет негативного пространства вокруг них. А композиция из этих карточек, в свою очередь, прекрасно вписывается в общую картину сайта и дополняет блоки с фотографиями интерьеров.

Гештальт законы гласят - объекты, расположенные в тесной близости будут выглядеть как единый “блок”, таким образом, негативное пространство выступает в качестве визуального сигнала

. Но другие элементы, такие как, например, виджет галереи тем, призваны быть хорошо отделены. Больше пространства между текстом и изображениями (в сочетании с контрастным цветом) заставляет посетителей обратить свое внимание на виджет галереи, так как ничто другое не отвлекает внимание. Это удобный прием для ссылок / кнопок или определенного контента, если вы хотите добавить больше интерактивности.

Сайты портфолио являются еще одним отличным источником вдохновения для использования негативного пространства

, поскольку дизайнеры уделяют большое внимание тому, чтобы со вкусом оформить свои работы. Идеальный дизайн сайта включает в себя всю визуальную информацию в «эффектной подарочной упаковке».

Практическое применение

Каждый дизайн веб-сайта является уникальным, поэтому вы должны всегда компоновать негативное пространство

с другими дизайн техниками, которые хорошо работают друг с другом.

Вот несколько советов для практического применения негативного пространства

:

1. Разнообразие - хорошо.
   Для некоторых проектов, возможно, потребуется меньше негативного пространства, для других, наоборот - намного больше.
2. Приоритет - разборчивость и читаемость.
   Перед тем, как приступить к дизайну, создайте список элементов интерфейса для оценки масштабов вашего контента. После того, как вы закончите, попробуйте создать своего рода грубый варфрейм контента, чтобы оценить, сколько пространства потребуется для хорошей разборчивости (насколько хорошо вы сможете различить буквы и слова) и читаемости (насколько хорошо вы сможете разбирать содержимое).
3. Вырывайтесь из вакуума.
   Используйте контрастные цвета, соизмеримые размеры шрифтов и асимметричное
   негативное пространство
   , чтобы добавить стиля в layout. Поймите, что
   негативное пространство
   является побуждающим к реакции элементом дизайна и влияет на восприятие всех окружающих элементов.

Применение негативного пространства

является одновременно эстетическим и практическим. Оно влияет на цифровой дизайн так же, как бы повлияло на картину - но сайт это не картина. Сайт предназначен для взаимодействия, кликанья, прокруток и используется таким количеством людей, каким это только возможно.

Практическое негативное пространство

создает структуру вокруг контента, которая имеет жизненно важное значение для успеха любого дизайна. Подумайте, почему при применении
негативного пространства
важно знать больше о дизайне пространства для контента.

Эстетические свойства негативного пространства

Для большего погружения в дизайн негативного пространства

, требуется знание других фундаментальных UI принципов дизайна. Они часто близки к принципам, применяемым в области графического дизайна и все они объединены в общую композицию.

Негативное пространство

играет важную роль в конечной композиции, поскольку оно существует в каждом стиле layout-а, независимо, будь это минималистский стиль дизайн-агентства или огромной компании онлайн торговли. Конечно можно следовать стилю минимализма, но не всегда это является единственным лучшим выбором для каждого веб-проекта. Относитесь к негативному пространству как к такому элементу дизайна, при использовании которого, только вы сможете соизмерить величину своего труда и успеха, так как люди не смогут этого понять и оценить.

Подводя итог, помните:

1. Негативное пространство служит как содержанию, так и стилю дизайна.
2. Пространство между большими частями контента будет его разграничивать, создавая блоки (разделы) страницы.
3. Дополнительные отступы вокруг определенного сегмента контента привлекают внимание посетителей к этой области, потому что на экране нет ничего другого такого, что бы привлекло внимание.

Создание визуальной иерархии

Все мы знакомы с понятием иерархии в реальном мире. Например при упоминании королевских семей, мы четко представляем, кто на каком уровне - принцы и принцессы, короли и королевы.

Дизайнеры используют иерархию, чтобы показать превосходство одного элемента / раздела над другим. Конечно, важную роль играют такие детали, как размеры шрифтов и их стили, но негативное пространство также может помочь установить связь между заголовками или абзацами текста. Иерархия - это то, что делает контент легким для понимания.

Большее расстояние привлекает внимание

Когда вы делаете большие расстояния между элементами страницы, вы вынуждены удалять “лишние элементы”, которые попадаются на пути. Вы всегда можете использовать негативное пространство

в ваших интересах, потому что это непосредственно не заметно для посетителей. Если вы вставите белое пространство между частями контента, то сможете таким образом привлечь внимание к этой области.

В случае, когда вы сомневаетесь, как лучше поступить - всегда нужно предпочитать большее количество негативного пространства

, меньшему. Многие веб-сайты, к сожалению, страдают от перегрузки слишком большим количеством информации, без достаточного количества «воздуха». Но это лишь общее правило и не следует воспринимать его как нерушимый закон.

Правильные пространственные пропорции являются правильными только для определенного контента. То, что выглядит хорошо в одном layout-е, может плохо смотреться в другом. Тонкий баланс пространства должен быть достигнут путем практики и изучения существующих layout-ов сайтов.

Чередование пространственных элементов

Когда элемент использует асимметричное пространство, он выгодно выделяется на фоне других, окружающих его элементов. Это всегда будет выглядеть ярко, что особенно важно, если вы делаете дизайн части страницы, на которой один линк или кнопка требует большего внимания, чем другие.

Асимметрия не всегда связана внешними взаимоотношениями с полями, отступами или выступами. Она также может быть связана с внутренними взаимоотношениями, например, между небольшими изображениями или выравниванием текста. К примеру, галерея изображений может содержать 5 картинок, где средняя немного больше, чем другие, что главным образом, используется для привлечения внимания. Асимметрия отлично подходит для акцентирование на определенной области на странице или к конкретному элементу на странице.

Давайте рассмотрим более подробно, как асимметричность выражается через контраст, интервал и другие элементы дизайна, дополняющие друг друга.

Наблюдаемый контраст

Путем удаления всего, что отвлекает, вы заставляете пользователей сосредоточиться только на том, что сразу бросается в глаза. Затем можете применить дизайнерские эффекты, такие как фоновые градиенты или даже анимации к этим областям. Эти эффекты могут быть использованы на одном или двух элементах, чтобы сделать их выделяющимися среди других. Используйте негативное пространство

в ваших интересах, чтобы привлечь рассеянно перемещающийся взгляд пользователя к определенным элементам страницы.

Пространство привлекает внимание

Разделив страницу на блоки, вы создаете естественную иерархию контента. С помощью уникальных стилей (полноэкранные бекграунды, увеличенная типографика, скриншоты приложений) эти деления на разделы становятся еще более очевидными. Имейте ввиду, что не всем веб-сайтам подойдет подобное деление содержания на большие разделы, но все-таки это очень популярная техника среди дизайнеров, которая выглядит просто фантастически, когда применена и выполнена должным образом.

Создание эффекта luxury с помощью пространства

Пример на слайде взят с сайта Marie Laurent (https://marielaurent.fr/)

Несмотря на то, что негативное пространство

часто рассматривается как метод для улучшения UX и юзабилити, оно также может быть использовано для эстетических целей. Многие веб-сайты применяют
негативное пространство
как часть стиля дизайна, поскольку оно хорошо смотрится и аккуратно подчеркивает бренд.

Большинство layout-ов, извлекающих пользу из эстетического негативного пространства

, созданы, чтобы сосредоточиться исключительно на контенте, без каких-либо отвлекающих факторов. Контент может быть сжатым, кратким в минималистичных layout-ах, или может быть долгим и детальным. Оригинальное, нестандартное использование
негативного пространства
в качестве элемента дизайна создает лофтовую, просторную атмосферу, которая резонирует во всем сайте.

Взгляните на пример на слайде выше. На домашней странице используется минималистичный стиль дизайна с flat цветами, типографикой одной группы (семьи) и большим количеством белого пространства. Layout построен вокруг разделов контента, которые привлекают ваше внимание почти сразу.

Обратите внимание на то, что большую часть домашней страницы занимают дизайн работы. Фактически образцы портфолио являются наиболее важным компонентом, и поэтому привлекают самое пристальное внимание. В области контента, негативное пространство

отделяет текст, кнопки, и навигационные ссылки.

Эстетически негативное пространство

также играет важную роль в одностраничных layout-ах.

Иерархия контента строится не только на негативном пространстве

. Пространство является жизненно важной частью головоломки, но другие основы дизайна требуют точно включать в себя визуальную иерархию. Эти основы включают в себя цвета, выбор шрифта и типографики, сходство и контраст, и графику, размещенную согласно контенту.

Пространство, расположенное между всеми элементами, диктует их взаимоотношения и баланс. При создании нового мокапа, вы, вероятно, будете сомневаться насчет пространства некоторое время, если вы не являетесь опытным дизайнером.

Действительное понимание, сколько именно негативного пространства

должно быть использовано для создания визуальной иерархии, требует практики и это также означает, что на вашем пути возможны и ошибки. Путаница - это большая часть процесса обучения и чем больше вы занимаетесь дизайном, тем больше вы будете учиться.

Создание структурированного контента и типографики

Ранее я говорил о построении иерархий в “большой картине” композиции веб-сайта. Но, так как мы погружаемся глубже в типографику, вы также должны учиться создавать иерархии, связанные с определенным текстом на странице. Вне зависимости от количества стилей заголовков, ваша работа дизайнера, применить их таким образом, чтобы иерархия была четко установлена.

Пространство между текстом имеет важное значение, поскольку оно помогает определить содержание самой страницы. Когда пользователи видят новый заголовок, они должны понять, переходит ли контент на совершенно новую тему или этот заголовок все ещё связан с текущей темой. Правильное сочетание размера, цвета и стиля заголовка текста помогает создать правильные ожидания у пользователей.

Отрицательное пространство между текстом показывает, как взаимосвязан контент страницы. Заголовки с большим количеством пространства выглядят как более доминирующие, в то время как заголовки, располагающиеся ближе к параграфам рассматриваются как связанные с ними по контексту. Нижние отступы после параграфов показывают соотношение между строками текста и их положение в иерархии. Все это опять же говорит о скилле использования иерархии в контенте, чтобы визуально разграничивать текст на странице.

Взаимосвязи заголовков

Каждый заголовок должен отражать его собственный уникальный стиль, который также дополняет другие стили текста на странице. Блестящее применение заголовков появляется с практикой, но негативное пространство

должно в целом работать одинаково, независимо от стиля заголовков.

Рассмотрим пример, на слайде выше. Обратите внимание пространство между заголовком “Features” больше чем между другими заголовками, что говорит о том, что это главный заголовок всего раздела. В то время как заголовок “Know your business better with free report” читается как заголовок лишь текстового блока, в котором, в свою очередь, есть выделеные жирным, подзаголовки. Во всей этой структуре немаловажную роль играют и абзацы (образующие текстовые блоки), которые подчеркивают главенствующую роль заголовков.

Возьмите такие идеи во внимание для заголовков страниц:

1. Визуальная иерархия должна быть очевидной, за счет использования пространства, размера, цвета и / или стиля текста. Она должна быть видна даже с расстояния 1–2 метра от монитора.
2. Размещайте каждый подзаголовок близко к его первому параграфу.
3. Размещайте текст в непосредственной близости к содержательным заголовкам, чтобы передать свои идеи более быстро и четко.

Контрастные эффекты

Другой метод построения визуальной взаимосвязи - использование контраста. Использование сбалансированного негативного пространства

может построить своего рода фундамент, где текст ощущается естественной частью чего-то целого (единого). В примере выше, на слайде, видно, что за счет объединения контента в столбцы - эти блоки читаются четко, а заголовки с выделенным текстом выглядят более контрастно.

Навигационные меню

На сайте Microsoft наиболее удачно показан пример использования негативного пространства в навигационном меню.

Почти все веб-сайты требуют определенной формы первичной и вторичной навигации, если они, конечно, не являются одностраничными.

Интересно, что количество негативного пространства

, находящееся в навигации, может отличаться друг от друга. Все зависит от плотности контента и количества ссылок, которые должны помещаться в одно навигационное меню. Многие из примеров, показанных выше - это простые landing page с несколькими линками. Чем меньше контента на landing page, тем более креативно можно подойти к layout-у навигации - например, сделать дизайн навигационных ссылок в виде больших блоков типографики или разместить их в углу.

Но при структурировании более сложного интерфейса, вам нужен более сильный план нападения. Как например, у компании Microsoft, которая обеспечивает саппорт всех своих продуктов (слайд выше). В дизайне сайта компании Microsoft принимается во внимание их огромное количество продуктов, начиная от таблетов до Xbox консолей и игр. Это очень тонкий баланс.

Их меню навигации выглядит как линки с выпадающими меню. Каждый выпадающий список использует всплывающее меню с вторичными и третичными линками на продукты. Не стоит и говорить, что веб-сайт компании Microsoft содержит очень много контента.

Большая часть их навигации - это изысканное использование негативного пространства

. Все ссылки в их выпадающих меню ведут себя как блочные элементы с большими отступами. Посетители могут навести курсор на любую точку над / вокруг линка и он станет кликабельным.
Следуя закону Фитса, создание больших областей для навигационных ссылок, идеально с точки зрения UX, поскольку это делает навигацию сайта легкой и приятной
.

Читабельность увеличивается при добавлении большего количества пространства между текстом, поэтому делайте много дополнительного пространства при размещении множества ссылок в одном меню. В этом случае, щедрое количество негативного пространства помогает лишиться эффекта перенасыщенности из-за слишком большого количества объектов интерфейса, как говорится в законе Хика

.

При дизайне меню навигации, всегда необходимо думать о плотности контента. Какое количество контента должно быть доступно в этой части веб-сайта? Ответ вы сможете найти, если поразмыслите над некоторыми опциями вашего дизайна навигации и, таким образом, поймете, какое количество негативного пространства

должно быть применено. Некоторые советы для стилей навигационных меню:

1. Отрегулируйте размер, шрифт и пространство в соответствии с количеством ссылок.
2. Более мелкие ссылки могут также привлекать внимание с помощью контраста или прокрутки навигационной панели.
3. Дополнительное пространство создает больше места для ссылки и она, таким образом, выделяется. Рассмотрите пространство, как по вертикали, так и по горизонтали, для создания “блока ссылок”.
4. Различные разделы страницы требуют различного количества негативного пространства
   . Верхняя навигация веб-сайта может кардинально отличаться от навигации футера.

Длинные параграфы

Внешний вид контента будет изменяться в зависимости от его типа. Например, интернет-журнал новостей будет использовать стили параграфов, отличающиеся от тех, которые используются в небольшом блоге по садоводству. Количество контента, длина контента, а также уровень детализации - все вступает в игру, когда идет речь о стилизации параграфа.

Попробуйте дизайн с достаточно большим по размеру текстом, чтобы он был читаемым с расстояния 2м от экрана. Отношение к размеру текста очень похоже на отношение к белому пространству, в том смысле, что как правило, его лучше сделать больше, чем меньше. Но, тем не менее, проявляйте умеренность и сдержанность. Если размер текста слишком большой, то он будет просто занимать больше места на экране и требовать прокрутки. Но если он слишком мал, он может оказаться просто нечитаемым или посетители будут испытывать трудности с «вертикальным ритмом» (устоявшийся четкий строгий паттерн и это заставит их глаза двигаться медленно от строки к строке.

Две важные вещи, которые необходимо иметь в виду - это поля (отступы) и высота строки (пространство между каждой строкой). Размер текста в параграфах предписывает оба эти значения, так как белое пространство зависит от размера.

Вот некоторые хорошие практические правила:

1. Не используйте высоту строки больше, чем обычная, средняя строка текста.
2. EM Unit CSS шрифта идеально подходит для создания единых размеров во всех браузерах.
3. Высота строки часто должна быть чуть больше, чем размер шрифта.

Интервалы между абзацами могут показаться сложной темой, но это важная тема, особенно для наполненных большим количеством текста, сайтов. Отступ от нижнего параграфа должен быть значительно больше, чем от типичной строки текста. Отступы от нижнего параграфа должны быть достаточно большими, чтобы вы могли визуально определить, когда параграф закончился.

После того, как вы определили размер текста веб-сайта, становится намного легче играть со значениями высоты строки и определять пространство для отступов. Цель здесь ясность и структура. Каждый новый параграф должен быть очевиден без каких-либо сомнений. Ключ - пропорциональное пространство между каждым блоком текста.

Вывод

Отрицательное пространство в типографике непосредственно влияет на общую композицию и уменьшает количество элементов на странице одновременно. В дизайне типографики, контекст - король.

Параграфы, расположенные на странице, возможно, потребуют увеличенных отступов, в отличие от параграфов, расположенных на боковых панелях. Линки в хейдере могут выглядеть лучше с применением дополнительных отступов, но линки в футере наоборот, будут выглядеть приятнее с небольшими отступами. Нет четких правил, только лучшие практики и ваш опыт помогут вам сориентироваться.

Также помните, что типографика всегда сопровождается своей собственной иерархией так же, как структура страницы. Используйте негативное пространство

, чтобы подчеркнуть определенные области или группируйте вместе небольшие блоки текста. Много практики - оптимальный способ улучшить ваше восприятие быстрого распознавания пространственных композиций, которые будут лучшими для каждого конкретного веб-проекта.

Когда дело доходит до дизайна использования негативного пространства

, помните, что пространство как эстетическое качество всегда идет на втором плане, а главным и основным всегда должно выступать его применение как инструмента дизайна. Пространство создает взаимосвязи, определяет иерархию, и подчеркивает контент - всегда имейте это в виду при рассмотрении вопроса о том, как снизить визуальный шум.

Если Вам было интересно - подписывайтесь на мои странички в соцсетях, а также следите за моими обновлениями. Спасибо!

Пошаговые инструкции

Рассмотрим по шагам 2 дизайна необычного маникюра, который не оставит равнодушным ни женщин, ни мужчин. Они простые в исполнении, смотрятся шикарно и вызывают у окружающих бурю положительных эмоций и восторженных взглядов.

Итак, начнем с первого дизайна:

1. Готовим ноготки привычным уже способом к нанесению базы.
2. Наносим базовое покрытие. Для создания этого маникюра мы будем использовать термоплёнки. Для их использования необходима идеально ровная ногтевая поверхность, поэтому не торопись и тщательно создавай архитектуру ногтя.

3. Наносим гель-лак на половину ноготка. Следим за тем, чтобы все ногти выглядели одинаково: если половина закрашена, то половина на всех ногтях, а не треть или больше половины. Нужно добиться равномерного тона и ровной, идеально четкой линии, которая заканчивает цветной фрагмент. Для начала снимаем липкий слой с базового покрытия и немного шлифуем поверхность бафом. Это поможет нанести пигмент более удобно и легко, без затеков.

Нанести лак на половину ногтевой поверхности можно тремя способами:

• Тонкой кистью. Ставим каплю цветного лака на фольгу, так будет удобно. В нашем случае используем теплый серый оттенок, но ты можешь выбрать цвет на свое усмотрение. Пропитываем кисть цветом и не спеша рисуем тонкую линию на середине ногтевой пластины. Закрашиваем весь участок. Стараемся сделать это максимально равномерно, без проплешин, но тонким слоем, чтобы он легко просушился в лампе. После просушивания первого цветного слоя наносим второй тонкий равномерный слой.

Это не самый простой способ. Он имеет свои недостатки: цветной пигмент не всегда накладывается равномерно, также можно перестараться с толщиной покрытия. Но, вместе с тем, этот способ быстрый, что является несомненным плюсом;

• Плоской кистью. Очень быстрый и простой способ. Наносим тонким слоем пигментированный гель-лак чуть больше чем на половину ногтя. Теперь плоской кистью, немного смоченной в клинсере, чтобы кисть была слегка влажной, убираем с ногтевой поверхности лишний гель-лак ровным движением. Кисть держим перпендикулярно ногтю. Сушим цветной слой в лампе. После просушки первого слоя повторяем процедуру со вторым слоем.

Эта процедура занимает еще меньше времени и усилий. Легко этим способом добиться равномерного слоя. Единственной сложностью является попадание в границу пигмента на втором или третьем слое. Но если наносить гель-лак тонким слоем, то граница будет отчетливо видна;

• С помощью скотч-ленты, которую мы будем использовать как трафарет. Нужно приклеить ее так, чтобы она плотно прилегала к ногтевой поверхности, особенно в районе боковых валиков.

Как можно плотнее прижимай ее в этой области апельсиновой палочкой, пушером или чем-то еще удобным для этого. Торчащие усы ленты срезаем, чтобы они не прилипали к соседним пальцам и не отклеивали всю ленту с ногтя. Наносим цветной слой с учетом некоторых важных моментов: нужно вовремя остановиться и не вылезти за ленту, нельзя допустить скопление пигмента возле ленты, а также затекание цвета под ленту в районе валиков. После нанесения первого слоя цвета сушим ногти в лампе и повторяем процедуру. После полимеризации цветных слоев отклеиваем ленту с ногтя, оттягивая ее параллельно к ногтю.

Благодаря такому способу получается очень ровный пигментированный край, но могут случиться затеки, да и целиться возле ленты приходится.

1. Следующим шагом будет нанесение на ногти термофольги. Обезжириваем ногти. Подложка термодизайна прозрачная, поэтому легко примерять необходимый кусочек. Отрезаем фрагмент термофольги немного больше, чем нам нужен, для удобства в работе.

Нужно подержать пленку немного под лампой, чтобы она разогрелась. Размещаем отрезанный кусочек фольги на голую поверхность ноготка. Растягиваем дизайн к свободному краю и в стороны боковых валиков. Особенно хорошо нужно пленку натянуть на торец пластины, да и вообще по всему периметру свободного края.

При этом следим, чтобы термодизайн был параллелен цветному краю на ногтях. Убираем лишнюю пленку с помощью кусачек возле валиков и пилочкой на торцах ногтей.

1. Образовавшуюся борозду, наше негативное пространство, которое осталось не закрашенным, между цветным слоем и термопленкой заполняем базовым покрытием. Затем наносим тонкий базовый слой на весь ноготь, чтобы выровнять поверхность. Сушим ногти в лампе.

2. Покрываем всю поверхность топом, который зафиксирует декоративный дизайн и придаст дополнительный блеск. В итоге получаем эффектные и притягательные ноготки.

Теперь рассмотрим технику выполнения еще одного не менее эффектного нейл-арта с элементами геометрии в сочетании с негативным пространством. Выглядит такой декор очень стильно. Естественно, ногти подготавливаем к маникюру, выравниваем при необходимости ногтевую пластину, то есть проводим все необходимые предварительные процессы. Переходим непосредственно к технике декорирования.

1. Ноготки на средних, указательных и больших пальцах покрываем слоем бежевого лака. Полимеризуем в лампе. Наносим второй слой для насыщенного, глубокого, равномерного оттенка.

2. Покрываем эти ногти матовым топом, полимеризуем в лампе.
3. Ногти на безымянных пальчиках и мизинцах обезжириваем. На этих ногтях будет дизайн, поэтому приклеиваем липкую ленту на поверхность в нужном месте.

4. Черным гель-лаком покрываем поверхность под лентой встык к ней в два слоя. Следим, чтобы возле ленты не было скопления пигмента и слои были тонкие и равномерные. Снимаем ленты и просушиваем ноготки в лампе.

5. Выравниваем поверхность ноготков с черным цветом прозрачной базой, чтобы не было «ступеньки».

6. С помощью тонкой кисти рисуем на ногтях жидким гель-блеском треугольники. Основание треугольника начинается в лунной зоне ноготка на максимально близком расстоянии от кутикулы, а вершина треугольника заходит на черную поверхность. Сушим ногти в лампе.

7. Декорированные ногти покрываем топом, лучше матовым, полимеризуем. Получаем в итоге маникюр, который прекрасно подойдет для торжества, вечеринки.

Более деловой и офисный вариант этого маникюра может иметь такой вид.

Роль горизонта

Горизонт не рекомендуется устанавливать по центру кадра, лучше пусть это будет воображаемая граница ближе к верху или низу от середины. Отдельно хочу отметить, что отдавать предпочтение верхней или нижней части кадра нужно не из прихоти, а исходя из конкретной ситуации.

Так, если вам нравится больше небо, которое может подчеркнуть масштабы пейзажа, то сдвигайте горизонт к низу, если вас больше впечатляет окружающий ландшафт – то ближе к верху.

В этом случае главное не допустить ошибку, когда горизонт и горизонтальные линии главного объекта сходятся на одном уровне. Допустим, вы фотографируете сельский домик, при этом если вы допустите схождения линии гребня крыши и горизонта, то будьте уверены — взгляд наблюдателя отвлечётся от домика и будет блуждать по кадру, без особого предпочтения к какому-либо элементу сцены. Поэтому, лучше поднимитесь чуть выше на пригорок, либо просто подвигайте камерой верх-вниз, чтобы найти более подходящий ракурс.

И напоследок, популярный совет – старайтесь чтобы кадр не загромождался лишними, абсолютно ненужными деталями, особенно это актуально для пейзажного жанра. Удачи вам в творчестве!

Способы выполнения дизайна

Есть несколько способов сделать голый маникюр самостоятельно, не используясь услугами мастеров нейл-арта:

CARREFOUR

Carrefour – французская компания, занимающаяся розничной торговлей. Имеет очень крупную сеть магазинов во всем мире. Ее логотип изображен в виде двух противоположнонаправленных стрелок, которые символизируют мировой масштаб торговли. Негативное пространство между стрелками образует первую букву в названии .

Кроме того, логотип выполнен в цветах французского флага: красном, белом и синем.

Внутри слов(а)

Если вы посмотрите на названия фирм/брендов в логотипах ниже, то в каждом из них увидите какие-то скрытые символы. Их авторы удачно использовали отрицательное пространство внутри букв или между ними чтобы добавить туда соответствующие тематике элементы: молнию для слова “герой” (Hero), яйца в слово «Egg», изображение кинопленки в “Film” и др.

Примечания

1. FAQ: ‘Ma’ and ‘Mu’ — Japanese Gardens Forum — GardenWeb (неопр.)
   . Forums.gardenweb.com. Дата обращения 11 ноября 2009. Архивировано 22 июля 2012 года.
2. ArtLex’s Ne-Nz page (неопр.)
   (недоступная ссылка). Artlex.com. Дата обращения 11 ноября 2009. Архивировано 22 июля 2012 года.
3. A Note for MA: Space/Time in the Garden of Ryoan-Ji — Iimura (неопр.)
   . Mfj-online.org. Дата обращения 11 ноября 2009. Архивировано 22 июля 2012 года.
4. ↑ 12Farid Atiya, Abeer El-Shahawy, Matḥaf al-Miṣrī, Farid S. Atiya.
   The Egyptian Museum in Cairo: a walk through the alleys of ancient Egypt. — С. 75–76. — ISBN 978-977-17-2183-3.
5. Betty M. Adelson.
   The lives of dwarfs: their journey from public curiosity toward social liberation. — Rutgers University Press, 2005. — С. 5, 141. — ISBN 978-0-8135-3548-7.

Коровой пейзаж не испортишь

За таким шутливым названием ещё одного правила композиции, на самом деле, скрывается один из важнейших её аспектов. Суть данного правила проста:

Любое животное хорошо впишется в ваш кадр. Например, если вы фотографируете большое и пышное дерево, что уже является прекрасным, будет ещё лучше если рядом с ним вы запечатлеете какое-нибудь живое существо – корову, белку, лошадку, в общем не важно. Поместив его в кадре, вы позволите потенциальному зрителю ориентироваться в запечатлённом на бумаге или экране пространстве, оценить масштабы. Итак, для оживления картинки, а также для передачи масштабности используйте хорошо знакомых всем животных и предметы.

Внутри буквы

Также неплохо смотрится комбинирование одной буквы и одного символа. В этом случае, как правило, обыгрывается внутреннее пространство буквы или вокруг нее. Причем важно, чтобы она соответствовала вашему бренду или названию компании (как, впрочем, и сам графический объект). Вот парочка неплохих вариантов:

Итого. Дабы научиться делать такие работы вам придется хорошенько попрактиковаться. Хотя, на самом деле, подобного эффекта не всегда удается получить естественным путем. Попытайтесь заметить/оценить пространство между или вокруг имеющихся у вас слов, буквенных и других абстрактных символов, а также подобрать элементы, которые смогут туда поместиться. Надеемся, приведенные выше примеры лого вам помогут в этом всем разобраться.

Тренды в дизайне логотипов 2022

Независимо от того, являетесь ли вы дизайнером, работающим над клиентскими проектами, или владельцем малого бизнеса, стремящимся взять под контроль визуальную идентичность и дизайн логотипа вашей компании, вам будет полезно ознакомиться с текущими трендами в дизайне логотипов.

Если Вас интересует разработка логотипа от профессионального дизайнера, узнать стоимость и заказать логотип можно на странице соответствующей услуги, нажав на кнопку ниже:

Простота и минималистичный дизайн логотипа

Ни для кого не секрет, что слишком сложные логотипы являются не лучшим вариантом. Простота и минималистичный дизайн логотипа популярны уже довольно давно, а многие существующие логотипы с годами становятся проще.

Давняя тенденция упрощения логотипа не исчезнет в ближайшее время. Мы видели, как многие компании упрощают свои лого, поэтому ожидайте увидеть больше минималистичных концепций дизайна логотипов в 2022 году.

В дизайне логотипов речь идет не о том, что вы можете добавить, а о том, что можете убрать, оставляя при этом дизайн уместным и разборчивым.

Плоский дизайн логотипов

Плоский дизайн популярен на протяжении многих последних лет и его актуальность, похоже, не утратится со временем.

Плоский дизайн — это дизайн, который не пытается создать иллюзию глубины или размера в любой форме.

Было время, когда логомейкеры отошли от ретро-стиля и начали использовать 3D-эффекты, а также включать в процесс градиенты.

Хотя в то время это было здорово, сейчас такие стили дизайна логотипов выглядят устаревшими.

Сегодня дизайнеры выбирают более чистый плоский стиль дизайна лого, избегая ненужных деталей, которые переполняют и загромождают дизайн логотипа.

Самое замечательное в плоском дизайне — это то, что он чище и проще, а еще его легче воспроизвести на более широком разнообразии фонов, текстур и поверхностей. Этот стиль и метод делают логотип более универсальным и функциональным, делая его более современным в глазах потребителей.

Стиль плоского дизайна никуда не денется, поскольку он стал стандартом в дизайне логотипов, сохраняя актуальность брендов в своих отраслях.

Негативное пространство в дизайне логотипа

Хотя логотипы с негативным пространством могут показаться простыми, они довольно техничны. Эта умная форма дизайна похожа на волшебство, и когда она хорошо работает, она гипнотизирует зрителя, привлекая внимание.

Дизайн логотипа с негативным пространством — это пустая часть логотипа внутри или вокруг графического элемента или буквы. Это пустое пространство действительно может работать как по волшебству, если использовать его как умную концепцию.

Самое замечательное в хорошо выполненном дизайне логотипа с негативным пространством, что хотя они сложны в техническом исполнении, после завершения они не выглядят сложными по своему дизайну и по-прежнему хорошо сочетаются с упрощенным и минималистичным дизайном логотипа.

Художественный хаос

Манипулируйте шрифтом, разбрасывайте геометрические фигуры на холсте, используйте яркие цвета и экспериментируйте с градиентами — выбор за вами, нет никаких правил, которых нужно придерживаться!

Использование этой техники дизайна — отличный способ проявить индивидуальность и креативность вашего бренда. Но имейте в виду, что вам нужно быть разумным при применении элементов к своему дизайну, он по-прежнему должен быть легким для чтения и понимания зрителем.

Так что не доставляйте им головной боли и не оставляйте их сбитыми с толку своим дизайном, его художественным хаосом, а не художественным беспорядком.

Всегда думайте о удобочитаемости дизайна логотипа!

Симметричный дизайн логотипа

Существует ряд принципов дизайна, и баланс является важным элементом, когда дело доходит до дизайна логотипа.

Симметрия, пожалуй, лучшее выражение баланса. Симметричный дизайн логотипа идентичен с обеих сторон, если разделить его посередине.

Симметричный дизайн — это сила, подобная зданию, независимо от того, насколько высоким или сложным оно может быть по своей конструкции, оно спроектировано так, чтобы твердо стоять на фундаменте и стоять на своем, и это достигается за счет идеального симметричного баланса.

Словесные логотипы

Словесные знаки существуют всегда, так что это не новый стиль, который набирает популярность.

Концепция дизайна словесного знака состоит в том, чтобы использовать название бренда (текст / буквы), но стилизовать его уникальным способом. Отсюда и термин «словесный знак».

Дизайнеры всегда ищут способы раздвинуть границы с помощью дизайна логотипа с надписью, и он никогда не устареет.

Мы видели, как все больше и больше брендов отбрасывают свои значки и выбирают путь словесных знаков, корректируя свой собственный тип и в целом очищая свой дизайн для более упрощенного ощущения.

Изобретательная типографика

Что касается дизайна логотипа с надписью, мы заметили большой сдвиг в изобретательной типографике.

Создавая логотип с надписью, дизайнеры логотипов проявляют творческий подход к типографике, чтобы подчеркнуть индивидуальность бренда с помощью изобретательного типографского решения.

Что хорошо в изобретательной типографике, так это то, что с помощью простейших стандартных шрифтов можно создавать самые непонятные концепции логотипов.

Ключ к изобретательной типографике — это ваше воображение! Но помните, что дизайн логотипа должен быть разборчивым и легко воспринимаемым в глазах потребителей.

Тонкие линии

Логотипы с тонкими линиями очень четкие. При правильном исполнении это прекрасная техника, которая в значительной степени зависит от использования шрифта без засечек и некоторой простой геометрии.

Используя только тонкие линии, результат будет легко масштабируемым, элегантным элементом дизайна, который будет одинаково идеально смотреться на нескольких поверхностях.

Логотипы с градиентом

Несмотря на то, что черно-белые логотипы являются классическим стилем, который трудно превзойти, цвет является важным элементом в создании визуальных эмоций и чувств по отношению к дизайну, особенно дизайну логотипа.

Было время, когда градиенты и яркие цвета были непопулярны, но в последние несколько лет они стали популярным стилем среди дизайнеров логотипов.

Дизайн логотипа монограммы

Дизайн логотипа с монограммой всегда был основным стилем, так как он стал популярным еще в 19 веке. Многие логомейкеры при создании логов используют монограммы.

Мы наблюдаем рост количества логотипов в стиле монограммы, особенно с использованием негативного пространства, смелой геометрией и сложными элементами.

Монограммы всегда будут популярным стилем, и с этим методом дизайна у вас есть отличный шанс создать что-то запоминающееся для бренда.

Геометрические логотипы

Сила простых форм, таких как квадраты, круги и треугольники, составляет основу изображений.

Никогда не недооценивайте силу чистой простоты в дизайне. Графические дизайнеры, особенно в сфере дизайна логотипов, будут в полной мере использовать преимущества простых форм в 2022 году.

Дизайнеры проявляют творческий подход к простым геометрическим формам, накладывая их друг на друга и создавая довольно крутые формы и изображения.

Заключение

Эти тенденции в дизайне логотипов не существуют изолированно друг от друга, а также не теряют своей актуальности спустя год.

Дизайнерам логотипов необходимо с осторожностью подходить к трендам в дизайне и постоянно искать подходящие и уникальные способы донести визуальное сообщение, которое будет выделяться, но также выдержит испытание временем.

Тренды в дизайне логотипов на 2018 год

До 2018 года осталось не так уж и много времени. Онлайн сервис по созданию логотипов Логастер выяснил, какие логотипы были наиболее популярны в 2017 году, и составил прогноз трендов в дизайне на 2018 год.

Содержание:
1.Упрощение
2.Простые геометрические фигуры
3.Конструкции из букв
4.Гербы
5.Прорези
6.Негативное пространство
7.Текст
8.Градиенты и цветовые переходы
9.Перекрытие
10.Леттеринг

Упрощение

Это долгосрочный тренд в графическом дизайне связан с упрощением формы, количества используемых цветов и отбрасыванием всего лишнего. Одна из причин усиления этого тренда связана с развитием интернет-технологий и кросс-платформенностью. Логотип должен отлично смотреться не только на визитке, но и на сайте, мобильном приложении и т.д. По этой же причине многие известные компании сделали ребрендинг лого в сторону упрощения.

Текст с простыми геометрическими фигурами

Текст с использованием хорошо читабельного шрифта и простые геометрические фигуры (линии, точки, прямоугольники, круги) — новый тренд, который был популярен в 2017-м и будет в 2018-м году. На это есть несколько причин. Во-первых, текстовые дизайны простые и эффективные: вспомните логотипы таких известных компаний, как Samsung, Nike, Google. Во-вторых, добавление элементарных графических элементов делает композицию более гармоничной и целостной. В-третьих, за счет использования линий, точек и других схожих фигур можно добиться интересных эффектов и выделить дизайн среди других текстовых лого.

Конструкции из букв

Еще один тренд, связанный с текстовыми логотипами. Суть этой техники в том, чтобы “складировать” текст лого, особенно если он длинный, в столбики. Этот тренд не новый, мы видели его в 2016-2017 годах и, по нашим прогнозам, он будет популярен и в 2018 году. Эмблемы в стиле Letter stacking отлично смотрятся с использованием контрастных цветов и, конечно, будут привлекать внимание.

Гербы

Это далеко не новая тема, но мы заметили, что 2017 год был богат на логотипы в виде гербов, печатей и т.д. Текстовая часть лого часто оформлена внутри круга, полукруга, также используются даты.

Цвета и графические элементы выполнены с эстетикой ретро. Поэтому лого в таком стиле создают атмосферу старины и давних традиций.

Прорези

Особую популярность в 2017 получили дизайны, в которых используются параллельные широкие линии, которые как бы прорезают иконку, текст логотипа. Есть несколько причин, почему данная техника будет развиваться и в 2018 году. Во-первых, “прорези” не перегружают лого, добавляя немного воздуха. Во-вторых, есть некоторая отсылка к технике негативного пространства. Незаполненные части или их пересечения создают визуальную иллюзию, которую можно использовать, чтобы привлекать внимание к логотипу. В-третьих, можно добиться 3D эффекта в лого.

Негативное пространство

Этот тренд не нуждается в представлении. Логотипы с негативным пространством популярны уже несколько лет, и 2018 год не будет исключением. Единственное, что изменилось — скрытый образ стал более активно появляться в текстовой складовой дизайна. Пересечение букв или сама буква стали местом для экспериментов и добавления негативного пространства.

Текст как поле для экспериментов

И снова мы возвращаемся к тексту и шрифту логотипа. Нам даже кажется, что 2017 год стал годом текстовых логотипов. Кроме использования техник, которые мы уже упоминали, многие дизайнеры начали больше экспериментировать со шрифтами: кернинг, отступы, выравнивание букв, их замена, сочетание шрифтов стали основными жертвами дизайнеров. Посмотрите, насколько интересными могут быть текстовые лого, если за них возьмется дизайнер с богатой фантазией. Будут ли популярны такие логотипы в 2018 году? Безусловно!

Градиенты и цветовые переходы

Градиенты в графическом дизайне получили второе дыхание в 2016-2017 годах и, конечно, в 2018 году их влияние на дизайн лого продолжится. Переход от одного цвета к другому можно использовать как в иконке, так в самом тексте логотипа, особенно если текст выполнен массивным шрифтом.

Перекрытие

Использование ярких цветов, которые накладываются друг на друга, создавая новый цвет, делает логотип интересным и оригинальным. Ребрендинг известных компаний (Mastercard) дал толчок на дальнейшее развитие тренда.

Леттеринг

Тренд еще в силе, и для многих клиентов этот стиль очень популярен. Но уже вместо него приходят более простые техники, которые мы упоминали выше. Конечно, количество компаний, которые использует леттеринг будет уже не таким большим, как ранее, но для определенных отраслей, таких как кафе, кондитерские, барбершопы, фотографы он по прежнему будет востребован.

Конечно, многие техники и стили остались без нашего внимания, но наиболее популярными и перспективными мы с вами охотно поделились. Также мы сделали подборку креативных логотипов для вдохновения и отличную инфографику о трендах на 2018 год!

Также, чтобы оставаться в на волне трендов, рекомендуем вам ознакомится с основными тенденциями в дизайне логотипов 2020 года, здесь.

Руководитель отдела маркетинга и главный генератор идей компании Logaster. Автор книги «Как создать фирменный стиль и не разориться». Ценит экспертный подход, но в то же время использует простой язык для объяснения сложных идей.

42 умные каллиграммы, которые визуализируют значения различных слов

Нью-йоркский дизайнер Джи Ли начал создавать каллиграммы 20 лет назад на уроке типографики в художественной школе. То, что начиналось как задание, превратилось в хобби на всю жизнь, и страсть Ли к типографике привела к тому, что он создал более 100 каллиграмм.

Задача, по словам Ли, состоит в том, чтобы визуализировать значение слова, используя только графические элементы букв, образующих слово. Это нелегко, но награда за «взлом» слова поддерживает его.Работы Ли были представлены в ведущих изданиях, и он даже опубликовал книгу под названием «Слово как изображение». Ознакомьтесь с некоторыми из его каллиграмм ниже.

1.

 

2.

 

3.

 

4.

 

5.

 

6.

 

7.

 

8.

 

9.

 

10.

 

11.

 

12.

 

13.

 

14.

 

15.

 

16.

 

17.

 

18.

 

19.

Пекин

 

20.

 

21.

 

22.

Головокружение

 

23.

больной

 

24.

 

25.

 

26.

 

27.

 

28.

 

29.

 

30.

 

31.

 

32.

 

33.

 

34.

 

35.

 

36.

 

37.

 

38.

 

39.

 

40.

 

41.

 

42.

УЗНАТЬ БОЛЬШЕ …

Наши любимые: нет. 12 и 17. А вы? Поделитесь этим постом и выскажите свое мнение в комментариях ниже.

35 негативных космических логотипов, мы уверены, вам понравится

Логотипы с негативным пространством — одна из самых популярных тенденций в области логотипов в 2019 году, поэтому будьте готовы видеть их везде, куда бы вы ни посмотрели, и в пустых пространствах между ними.

Потому что в этом суть логотипов с негативным пространством: использование пробелов внутри и между буквами и изображениями для создания новых изображений.Самый известный логотип с негативным пространством — это логотип FedEx, и если вы еще не знаете, о чем мы говорим, приготовьтесь увидеть то, что вы никогда не сможете развидеть:

. через FedEx

Видите → между E и X? Теперь это будет первое, что вы будете видеть каждый раз, когда смотрите на логотип FedEx. И в 2019 году бренды в самых разных отраслях будут разрабатывать и использовать логотипы, которые используют ту же самую стратегию, чтобы запомниться вам и остаться там.

Взгляните на эти удивительные способы, которыми дизайнеры используют логотипы с негативным пространством, чтобы выделить бренды:

Используйте пустое пространство для размещения большого количества информации в небольшом пространстве

—

Одна из характеристик, которую вы заметите во многих логотипах с негативным пространством, заключается в том, что их значения многослойны.Есть много изображений внутри изображений, изображений внутри букв и букв внутри изображений. Вы найдете скрытые изображения, инициалы, имена и даже дополнительную информацию о брендах, которые они представляют.

Думайте о негативном пространстве в логотипе как о секретном отделении, за исключением того, что вместо того, чтобы убрать дополнительные детали, оно выставляет их напоказ, не делая логотип перегруженным. И это действительно ключевой момент использования логотипа с негативным пространством, чтобы упаковать множество деталей… Попытка поместить их все в позитивное пространство вашего логотипа заставит ваш логотип чувствовать, что в нем слишком много всего происходит, и отпугнет потенциальных клиентов.Дайте каждому элементу в вашей комнате с логотипом дышать и сиять в своем собственном пространстве, используя негативное пространство для разделения логотипа.

И помните, вам не нужно быть слишком очевидным с вашим негативным пространством. Многие из этих логотипов используют пустое пространство, чтобы скрыть важные детали, которые не вписываются в «основной» логотип. Вы можете быть дерзкими с этими деталями, вы можете быть с ними глубокими… это полностью зависит от вас.

Автор Видакк

Минимализм + негативное пространство = сочетание на небесах дизайна

—

Негативное пространство прекрасно сочетается с еще одним трендом логотипов 2019 года: минимализмом.Превращая негативное пространство логотипа в полезное пространство, логотипу не нужно много деталей или большая цветовая палитра. Это не означает, что вы не можете использовать их и заставить работать осмысленно, но использование отрицательного пространства добавляет размерности, которая может компенсировать детали и цвет, если вы решите свести их к минимуму. Существует множество способов передать индивидуальность вашего бренда, и хорошо выполненный минималистичный логотип может сказать не меньше, чем большой смелый логотип с большим количеством цветов и деталей.

Продвиньте свой минималистский логотип дальше, используя его свободное пространство. Если это абстрактный логотип, ваши зрители уже мысленно превращают ваши формы и линии в связное изображение. Они уже смотрят на негативное пространство логотипа, поэтому используйте это внимание в своих интересах, объединив негативное и позитивное пространство в умный логотип.

Создание лиц в отрицательных пространствах

—

Парейдолия — это феномен видения лиц на изображениях, у которых на самом деле нет лиц.Представьте, что вы смотрите на машину в лоб — вы видите лицо, возможно, зубастую ухмылку, если вы представляете себе «Бьюик», или сверкающие глаза и раздутые ноздри, если вы смотрите на «БМВ»? Есть некоторые свидетельства того, что парейдолия имеет эволюционные корни, что мы устроены так, чтобы улавливать человеческие лица, чтобы мы могли читать их для получения информации о том, с кем мы устанавливаем зрительный контакт.

Установите прямой зрительный контакт с вашими потенциальными покупателями, создав негативное пространство в своем логотипе. Это очень распространенная техника, которую бренды используют для персонификации продуктов и услуг, которые в противном случае могли бы показаться холодными и безличными.Не уклоняйтесь от этой стратегии только потому, что она распространена — она распространена, потому что работает. Негативное пространство может добавить остроту этой технике. Какое лицо вы создадите — милое лицо, сморщенное, доступное или полное энтузиазма — все зависит от вашего бренда и его целевой аудитории.

от Фикандзо

Выделение важных деталей в негативном пространстве

—

Как мы упоминали ранее, негативное пространство вашего логотипа — отличное место для размещения деталей, которые вы не можете поместить в позитивное пространство без того, чтобы они выглядели странно.Но использование негативного пространства в качестве секретного отделения — это нечто большее, чем поиск способа втиснуть все ваши детали в логотип: вы можете использовать его в качестве визуального маркера.

Выделите детали, которые должны быть видны зрителям, когда они смотрят на ваш логотип. Это противоположно тому, чтобы вставлять небольшие шутки в ваш логотип через его негативное пространство. Это ставит негативное пространство в центр внимания, используя его для демонстрации одного или нескольких ключевых сообщений, которые вы хотите передать.

Точно так же, как вы можете быть дерзкими или глубокими в своих скрытых изображениях негативного пространства, вы можете быть буквальным в деталях, которые вы выделяете, например, используя негативное пространство, чтобы сделать листья на дереве или чешую рыбы очень очевидными, или вы можете Будьте более образны и используйте негативное пространство, чтобы выделить определенные характеристики, например, как логотип Whole Foods использует негативное пространство, чтобы превратить одну из своих букв «О» в яблоко, символизируя свою приверженность настоящим, натуральным продуктам.

Создайте контраст с помощью небольшой цветовой палитры

—

Если у вас есть только несколько цветов для работы, вам нужно найти другие способы сделать ваш логотип визуально интересным. Один из таких способов — использовать его негативное пространство для создания детализированных изображений. С ограниченной цветовой палитрой контраст — ваш друг. А негативные космические силы контрастируют с вашим логотипом. Сделайте контраст своим лучшим другом, используя его для создания ярких изображений, которые становятся глубокими, несмотря на их ограниченные палитры.

Еще один аспект использования отрицательного пространства для создания глубины заключается в том, что вы можете использовать его для создания трехмерных изображений.Быстро нарисуйте трехмерный куб на бумаге. Это просто линии, которые накладываются друг на друга и пересекаются, но ваш мозг интерпретирует их как куб. Почему? Потому что он знает, какие стороны должны быть заштрихованы. Используйте пустое пространство, чтобы сделать то же самое с логотипом с ограниченной палитрой.

Даже если у вашего логотипа нет ограниченной палитры, вы, вероятно, создадите версию с ограниченным количеством цветов для печати на конвертах и ​​других материалах, на которых вы бы не использовали полноцветный логотип. Чтобы обойти проблему потери части вашего логотипа при переводе с полноцветного на черно-белый, с самого начала создайте высококонтрастный логотип с негативным пространством.

от RotRed

Мы уверены, что логотип с негативным пространством будет отлично смотреться на вашем бренде

—

Есть много причин использовать логотип с негативным пространством, и одна из них верна в любом случае: они выглядят круто. Когда кажется, что вы видели каждую тенденцию дизайна логотипа снова и снова, логотип с негативным пространством заставляет вас взглянуть на него свежим взглядом и бросить второй взгляд, чтобы действительно заметить все, что там есть. Возможно, вы уже видели множество логотипов с негативным пространством, но вы никогда не увидите логотип с негативным пространством, который не выглядел бы по-своему совершенно свежим.

Хотите отличный негативный космический логотип для своего бренда?

Позвольте нашим дизайнерам создать для вас идеальный вариант.

5 шагов о том, как использовать негативное пространство в дизайне вашего логотипа

Если вы только начинаете свою деятельность в качестве предпринимателя или владельца бизнеса, возможно, вы мало что знаете о дизайне логотипов. Прежде чем планировать свой первый дизайн логотипа, найдите время, чтобы узнать несколько советов и приемов, связанных с созданием запоминающегося, привлекательного логотипа.Одна хитрость, которую следует учитывать, — это использование отрицательного пространства в дизайне вашего логотипа.

Что такое отрицательное пространство?

Согласно Creative Bloq, это «пространство, окружающее объект на изображении». Это пространство без содержания, пространство между словами и пространство вокруг символов в вашем логотипе.

По словам Creative Bloq, это «пространство, окружающее объект на изображении». Это пространство без содержания, пространство между словами и пространство вокруг символов в вашем логотипе.

Одним из хороших примеров является логотип NBC 1986 года. Этот культовый логотип искусно отображал перья павлина жирным цветом, но использовал пустое пространство для изображения тела птицы. Читайте дальше, чтобы узнать 5 шагов о том, как использовать пустое пространство в вашем логотипе.

5 шагов по использованию пустого пространства в логотипе

1. Играйте в интеллектуальную игру

Негативное пространство часто используется, чтобы обмануть сознание зрителя. Многие произведения искусства полагаются на негативное пространство, чтобы передать еще один смысловой слой или обмануть зрителя тем, что он видит в первые несколько секунд.

В мире логотипов одним из ярких примеров негативного пространства является логотип Гильдии кулинарных писателей. На логотипе написано название организации простым черным шрифтом без засечек. Над именем — перо тонкой чернильной ручки. Однако пространство между двумя зубцами пера имеет форму ложки. Изображение простое, но ему удается передать как концепцию высококачественного письма, так и еду.

2. Создайте символ, объединив буквы

Если вы заинтересованы в использовании пустого пространства, попробуйте сдвинуть буквы или символы ближе друг к другу в логотипе и посмотреть, что получится.Вы когда-нибудь замечали скрытую стрелку в логотипе FedEx?

Негативное пространство между буквами «Е» и «х» образует аккуратную белую стрелку, удачно иллюстрирующую движение компании вперед. Опять же, этот логотип прост, но он настолько эффективно использует цвет и негативное пространство, что получил множество наград за дизайн.

3. Сделайте вырез

Есть ли символ, который вы уже используете для своего бизнеса? Поместите этот символ сплошным цветом на белый фон и внимательно посмотрите на него.Есть ли часть, которую вы могли бы вырезать, чтобы открыть вторую форму, которая также отражает ваш бизнес и миссию?

Организация девочек-скаутов создала свой логотип на основе формы лица девушки, поместив девушек буквально в центр бренда.

4. Вставьте слова в изображение

Вы также можете увеличить пиктограмму, а затем поместить внутри нее текст, используя пустое пространство. Ресторан Бум! Burgers изображен в виде черной коровы со словом «Бум» на шкуре в белом негативном пространстве.

Восклицательный знак искусно сделан из коровьего хвоста. Поскольку коров часто изображают черно-белыми пятнами, изображение имеет визуальный смысл для зрителей, а также оказывает большое влияние.

5. Используйте изображение продукта

Вы специализируетесь на одном конкретном продукте? Возможно, вы сможете найти способ тонко включить его в свой логотип с помощью негативного пространства. Alchimiste Microbrasserie в Джольетте, Квебек, использует букву «А» как часть своего логотипа; но вместо простой заглавной буквы они превратили пустое пространство внутри «А» в форму пивной бутылки.Возможно, у вас есть способ сделать что-то подобное с вашим логотипом.

Чтобы получить больше идей по использованию пустого пространства в дизайне вашего логотипа, просмотрите некоторые шаблоны в нашем конструкторе логотипов. Не забывайте использовать негативное пространство тонко, но эффективно, и вам удастся привлечь внимание целевой аудитории.

10 логотипов, которые умело используют свободное пространство

Человеческий мозг — прекрасное устройство. Когда в сцене чего-то не хватает, он пытается восполнить то, чего нет, и придать этому смысл.И если вы умны, это то, что вы можете использовать как дизайнер.

При правильном использовании негативное пространство — пространство вокруг объекта изображения и между ним — может стать прекрасным инструментом для привлечения внимания и создания у людей более сильной психологической связи с вашим дизайном. Делая отсутствие чего-то столь же важного, как сам объект, негативное пространство помогает сбалансировать композицию таким образом, чтобы на нее было приятно смотреть, а также заставить людей взглянуть на нее во второй и третий раз.

Здесь мы выбрали 10 отличных примеров негативного пространства в дизайне логотипов. Вы заметили еще кого-нибудь в дикой природе? Дайте нам знать!

01. Landfit

Концепция неиспользуемых пространств прекрасно сочетается с негативным пространством в этом дизайне логотипа Landfit

Landfit — это схема, запущенная в лондонском районе Льюишем, чтобы объединить увлеченных садоводов, у которых не было собственного сада, с людьми, которые были сады, но не было времени ухаживать за ними. Они поручили Designed by Good People заклеймить этот новаторский метафорически и в буквальном смысле слова проект.Агентство рассуждало: «Если речь идет о том, чтобы заставить людей использовать неиспользуемые места, почему бы не выращивать овощи на неиспользуемых местах в логотипе?».

02. MyFonts

Вы должны отдать должное дизайнерам: этот логотип для MyFonts превосходно использует пустое пространство

Один из самых популярных способов использования двойного пробела в логотипах — спровоцировать зрителя сделать двойной дубль. , путем создания альтернативных способов восприятия изображения. И вот отличный пример. В 2009 году крупнейший в мире реселлер шрифтов MyFonts полностью изменил свой фирменный стиль, а графический дизайнер Ник Шерман поручил голландскому агентству Underware разработать новый логотип.

Для Underware MyFonts представляли собой не просто коллекцию шрифтов, а место, где процветает творческий дух. Из этого понятия родился творчески концептуальный логотип, который имеет две возможные визуальные интерпретации. (Еще не заметили? М — это рука.)

03. Гильдия кулинарных писателей

Сложная идея передана с потрясающей простотой в этом негативном космическом логотипе

К сожалению, больше не с нами, консалтинговая компания 300 Million выиграла D&AD Награда за их логотип для Гильдии писателей о еде, организации, стремящейся к совершенству в написании продуктов питания и кулинарном образовании, среди членов которой Хью Фернли-Уиттингстолл и Найджелла Лоусон.

Сочетая в себе перо и ложку, чтобы передать цель Гильдии, он использует негативное пространство, чтобы донести свою мысль с блестящей визуальной эффективностью.

04. ED (Elettro Domestici)

Этот дизайн логотипа для электроэнергетической компании заставит вас задуматься

Итальянский графический дизайнер Джанни Бортолотти создал этот удивительно минималистский дизайн логотипа для компании ED (Elettro Domestici), объединив два инициалы рядом, чтобы сформировать форму электрической вилки.В то время как остроумное нестандартное мышление может быть чрезмерным в дизайне логотипа, это отличный пример того, как форма и функция могут гармонично сосуществовать; Независимо от того, регистрирует ли ваш мозг сначала буквы или вилку, смысл ясен.

05. NBC

Этот классический логотип сохраняет павлина NBC в пространстве между

Телевизионная сеть NBC использует павлина в своем логотипе с 1956 года, когда он был представлен для выделения цветных программ сети. Благодаря серии редизайнов на протяжении многих лет эта птица постепенно отошла на второй план, поскольку логотип стал более обтекаемым.Эта версия, созданная в 1986 году Штеффом Гайсбюлером в компании Chermayeff & Geismar (с некоторыми изменениями), существует и по сей день. Тонко включив птицу в негативное пространство, этот дизайн придает логотипу современный, обтекаемый вид, отдавая дань уважения его впечатляющему наследию.

06. Мистер Купер

Джонсон Бэнкс создал сексуальный и утонченный образ для мистера Купера, соединив положительное и отрицательное пространство

Как брендировать мороженое, предназначенное специально для взрослых? Получив задание разработать отличительный логотип для стартапа по производству алкогольного мороженого Mr Cooper, Джонсон Бэнкс изощренно использовал положительное и отрицательное пространство для разработки этого привлекательного логотипа.

Играя с разными подходами, агентство остановилось на идее типографского знака губной помады, объясняет старший дизайнер Кэт Тадбол. «Эта концепция действительно подошла нашему клиенту, выражая гедонистический характер продукта в соответствующей форме. Логотип можно было напечатать прямо на белых бумажных стаканчиках и салфетках, как будто недавно был посажен дерзкий поцелуй». Узнайте больше о том, как создавался дизайн, здесь.

07. WWF

Эта очаровательная панда стала символом природоохранного движения в целом.

Иногда негативное пространство сделано так искусно, что вы даже не понимаете, что это негативное пространство.Этот логотип WWF (Всемирный фонд дикой природы) умело использует негативное пространство для создания формы головы и спины панды.

Оригинальная панда WWF, нарисованная в 1961 году одним из основателей сэром Питером Скоттом, была основана на Чи-Чи: гигантской панде, которая прибыла в Лондонский зоопарк в том же году. Версия с негативным пространством была создана в 1986 году в офисе Landor в Сан-Франциско и с тех пор стала символом не только WWF, но и природоохранного движения в целом. В этом видео вы можете увидеть, как партнер Pentagram Ангус Хайланд рассказывает о логотипе WWF (и логотипе Penguin).

08. Ле-Ман

Цифры никогда не выглядели круче, чем на этом негативном космическом логотипе для Ле-Мана

Этот визуальный стиль всемирно известной гонки спортивных автомобилей в Ле-Мане был создан агентством спортивного дизайна Leroy Tremblot. Хотя он вызвал некоторую критику со стороны фанатов за то, что он «холодный» и не включает в себя ощущение наследия расы (он проводится с 1923 года), мы все можем согласиться с использованием отрицательного пространства для объединения «2» и «4». блестяще исполнено.

09.Toblerone

Следуйте за медведем в этом классическом дизайне логотипа для шоколада Toblerone

Шоколадная компания Toblerone родом из Берна, Швейцария, который известен своими высокими горами, и Берн также называют «Городом медведей». Слишком много изображений, чтобы уместиться в одну простую эмблему. Но, скрывая силуэт медведя на иллюстрации горы, этот классический дизайн логотипа аккуратно отображает наследие бренда в цвете, который также заставляет вас думать о шоколаде.

10.Логотип FedEx

В логотипе FedEx используется негативное пространство, чтобы передать перспективный характер компании.

Дедушка логотипов с негативным пространством, этот культовый логотип был разработан Линдоном Лидером во время работы в Landor (попробуйте сказать это, когда вы навеселе) . Дизайнер искусно манипулировал формами букв Univers 67 (Bold Condensed) и Futura Bold, чтобы создать белую стрелку между буквами E и X. Использование отрицательного пространства в этом логотипе, получившем множество наград за дизайн, прекрасно передает идею «прямой линии». мувинговая компания, в обоих смыслах этого слова.

Как использовать негативное пространство в логотипе (с примерами)

Чтобы понять негативное пространство в дизайне логотипа, нужно сначала узнать секрет всей вселенной. К счастью для вас, он у нас есть, и мы очень быстро вас научим.

Как указывал Эйнштейн, все дело в относительности. В дизайне логотипов это означает, что так называемое «пустое» пространство внутри и вокруг вашего логотипа на самом деле имеет важное отношение к самому логотипу. Итак, , когда мы говорим о «негативном» пространстве, мы на самом деле имеем в виду, где одна область дизайна логотипа осмысленно взаимодействует с другой.

Классический пример — даосский тайцзиту. Символ «Инь-Ян» является прекрасным примером принципа положительного и отрицательного пространства и их взаимозависимости:

В символе мы видим двух рыб — порядок и хаос, свет и тьму, инь и ян. – гоняются друг за другом за хвостами. Это показывает нам, что нет такой вещи, как пустое пространство, есть только отношения между различными элементами. Как и другие негативные космические логотипы, тема может меняться в зависимости от вашей точки зрения.(Вы видите белую рыбу на черном круге? Или черную рыбу на белом круге?)

В целом, негативное пространство относится к любому контекстуальному пространству, которое окружает или появляется внутри объекта, и это отличный способ выделить отношения между различными элементами вашего бренда.

---

Как создавать логотипы с негативным пространством и почему они работают Не волнуйтесь, если вы не так быстры, это приходит с практикой!)

Типичные примеры отрицательного пространства в логотипах включают скрытые образы, двойные значения или умелое использование перекрывающихся элементов. Часто для этого нужно изучить характеристики отдельных букв, форм и символов и посмотреть, как они могут естественным образом сочетаться с другими элементами. Например:

Этот логотип обыгрывает естественную форму, созданную двумя белыми стрелками, чтобы создать букву «H» для «Хоу» в негативном пространстве. (Обратите внимание, что именно черное, а не белое пространство выступает в качестве негативной области для этого логотипа.) Видите, как логотип использует дополнительное пространство, чтобы объединить два основных элемента компании в один символ?

Когда вы принимаете во внимание форму логотипа, напоминающую лифт, конечный эффект представляет собой четкий и впечатляющий символ, который точно сообщает зрителю, чем занимается компания Howe Elevators.

Совет: логотипы с монограммами — отличный способ начать думать о негативном пространстве, поскольку существует множество способов поиграть с пространством вокруг и внутри каждой буквы. Это также отличный способ помнить первую букву вашего бренда, когда ваш клиент думает о вашем продукте или услуге.

Однако негативное пространство предназначено не только для создания умных наложений. Это также более общий способ сбалансировать вашу визуальную иерархию и привлечь внимание зрителя к значимым фрагментам информации о характере вашего бренда. Оверлеи, подобные приведенным выше, являются лишь одним из способов сделать это, и часто трудно найти такое «точное совпадение».

В приведенном выше примере нет обмана зрения, просто используется негативное пространство на лице совы, чтобы показать основной аспект бренда. Как вы думаете, какой продукт представляет этот логотип? Сердце и цвет предполагают любовь, а сова предполагает мудрость, внимание и круговое зрение. В сочетании с названием twitwo это может стать отличным логотипом для приложения для знакомств, чье фирменное обещание может звучать так: «Найти любовь умным путем».’

Если подумать… это отличный фирменный стиль… (*сразу бежит в офис по товарным знакам*).

В этом примере голова льва плавно переходит в верхнюю часть колонны – «капитель», как ее называют каменщики (также от латинского «голова»). Отличительной чертой этого логотипа является то, как он отражает чувство силы и уверенности в характеристиках льва, которые также являются важными атрибутами надежной каменной кладки. Как видите, негативное пространство — действительно эффективный способ создания визуальных каламбуров, сочетающих более одной характеристики бренда .

В конечном счете, использование негативного пространства включает в себя творческие комбинации формы, положения, тени и цвета, чтобы подчеркнуть взаимосвязь между основными элементами вашего бренда. Как мы уже говорили, все дело в относительности, детка!

Создайте логотип, используя пустое пространство здесь!

Примеры логотипов, в которых используется негативное пространство

Теперь, когда вы поняли, как работает негативное пространство и как его использовать при разработке логотипа, вот несколько наших любимых примеров других логотипов, в которых используется негативное пространство. .

Академия кинематографических искусств и наук

Более известная как «Оскар», легендарная «Академия» имеет очень простой и запоминающийся логотип. Здесь мы видим культовую награду «Оскар» в белом негативном пространстве на фоне золотого треугольника, который смело устремляется вверх. Общий символ представляет собой сильную букву А, указывающую на известную Академию. Обратите внимание на тонкое выделение жирным шрифтом слова «Академия» в тексте логотипа? Это помогает укрепить связь между буквой монограммы с негативным пространством и известной торговой маркой.

USA Network

Это отличный пример того, как можно использовать пустое пространство в логотипе, не усложняя его. Простое, но эффективное наложение с буквой «s» создает красивый переход между тем, что в противном случае было бы простым логотипом в виде анаграммы. Три унылые буквы соединяются более осмысленным образом, чтобы стать единым целым, придавая им всем немного характера и жизни в процессе. Ключевым аспектом дизайна, на который следует обратить внимание, является то, что клеммы (конечные биты) буквы «s» идеально совпадают с внешними кривыми букв «u» и «a».

Совет. Использование подобных комбинаций отрицательных и положительных пробелов может быть эффективным, но важно поэкспериментировать со слоями, чтобы убедиться, что они совпадают.

Tosho Knife Arts

Постоянной тенденцией в создании отличных логотипов является их идея и ее воплощение. Простая, но эффективная идея, хорошо изложенная, является основой отличного дизайна. Вот почему этот логотип для Tosho, производителя японских ножей в Торонто, такой исключительный.

Серьезно, нам чертовски нравится этот логотип.Это такой фантастический пример того, как использовать негативное пространство в логотипе, потому что используется так мало негативного пространства. Это полностью «точка». Пространство используется только для того, чтобы сообщить что-то важное об изображаемых отношениях. Каковы отношения? Ножи Тошо острые. Очень острый!

АртХаус (Концепт)

Отличный концепт дизайнера Юрия Картачева. Мы выбрали это специально, потому что в логотипе нет названия бренда, чтобы показать вам, как эффективно комбинировать только концепции, используя негативное и позитивное пространство.На самом деле, это отличный способ приблизиться к процессу создания логотипов с негативным пространством. Возьмите одно понятие и представьте его как один «слой», а другое понятие — как новый «слой». Часто просто игра с естественными отверстиями и зазорами, которые создают формы, может дать вам идею для фантастического концептуального слияния, подобного этому.

FedEx

Подождите, вы думали, что сможете прочитать пост в блоге о негативных космических логотипах и не увидеть этого плохого парня? Дорогая…

Это один из самых классических логотипов с негативным пространством.Это отличный способ тонко намекнуть на ценность, которую компания приносит за счет использования пространства. Проще говоря: они двигают вещи!

Zzap (Concept)

Еще один потрясающий концептуальный логотип, который, как и логотип FedEx, скрывает символ бренда где-то в тексте. Буквы — действительно хорошее место для начала, если вы хотите сделать логотип с негативным пространством, поскольку у них такой большой диапазон естественных комбинаций. Поэкспериментируйте с комбинациями букв из текста вашего логотипа и подумайте, какие символы могут обозначать то, чем вы занимаетесь.Иногда, но не всегда, вы можете найти счастливую точку пересечения между одним из символов в вашем списке и фигурами между буквами вашего бренда.

Levis

И, наконец, лучший из когда-либо созданных негативных космических логотипов. Смотреть! Это жопа! Это жопа! *танцует с ликованием* Это такой тонкий элемент дизайна, но как только вы его увидите, вы не сможете его развидеть. Логотип Levi’s показывает вам, что негативное пространство также можно использовать на контейнерах с логотипом, создавая при этом мощный эффект.Это не обязательно должны быть текстовые пары или умные наложения!

Создайте свой логотип в негативном пространстве

Вот и все. Мы рассмотрели негативное пространство как принцип, а затем рассмотрели несколько способов его использования в ваших собственных логотипах. Затем мы разобрали несколько популярных логотипов, в которых используется негативное пространство, а также несколько других замечательных примеров.

Мы узнали, что негативное пространство — это превращение «пустого» пространства в значимую часть отношений, и показали, насколько ценным это может быть при передаче сообщений с более чем одним элементом.В конечном счете, негативное пространство — это мощный способ подчеркнуть определенные элементы вашего логотипа:

• Создавая глубину
• Подчеркивая разные, но связанные черты
• Создавая уникальные формы, используя естественные свойства букв или других форм
• Передавая двойное значение
• Создание умных визуальных каламбуров
• «Скрытие» пасхальных яиц и значащих символов в логотипе

Пространство — важная часть дизайна логотипа. Не все бренды или дизайнеры понимают, как использовать негативное пространство, но те, кто это понимает, могут много общаться без особых усилий.Помните, что существует множество способов использовать негативное пространство. Поэкспериментируйте с различными символами, буквами и формами и придумайте идеи для значков, которые отражают ваш бренд. Осталось только заняться дизайном!

Как использовать свободное пространство в дизайне логотипа (с примерами)

Ищете новые идеи для логотипа, чтобы произвести впечатление на своих клиентов? Что ж, тогда прочитайте статью ниже, чтобы узнать об использовании негативных пространств, которые могут помочь вам создать привлекательные визуальные эффекты.

Создать идеальный логотип для вашего бизнеса может быть довольно сложно.Вы хотите, чтобы он был идеальным и отражал индивидуальность вашего бренда. Если у вас возникли проблемы, вы можете попробовать этот конструктор логотипов , чтобы дать вам несколько идей для начала. Помните, важно убедиться, что вы придумали логотип, который уникален и подходит для вашего бизнеса, а для этого вам необходимо иметь более глубокое понимание логотипов.

Задумывались ли вы, какое искусство (и наука) стоит за созданием логотипа? (Да, к нему тоже есть наука ).

Почему некоторые логотипы считаются классными логотипами ?

Что на самом деле означает логотип с негативным пространством?

Как создать логотип с использованием пустого пространства?

Мы ответим на все эти и другие вопросы в этом блоге, начиная с:

Что такое негативное пространство?

Когда дело доходит до негативных пространств или пустых пространств при разработке логотипов, вы должны понимать теорию относительности Эйнштейна.Не волнуйтесь. Это не так сложно, как кажется:

Негативное пространство в основном:

• Определенная область дизайна логотипа, которая осмысленно взаимодействует с другим, как показано на даосском символе Taijitu Yin-Yang:

• Разумное использование пространства логотипа, чтобы он выглядел умно и производил эффектное впечатление. Например, в приведенном ниже примере вы можете увидеть волынщика (в положительной или черной области) и лицо женщины (в отрицательной или белой области), в зависимости от того, на что вы сфокусируетесь в первую очередь:

• Когда пустое пространство вокруг предмета образует интересную или художественно уместную форму.Например, в случае с FedEx вы можете увидеть стрелку между буквами «E» и «X»:

Обучение : Негативное пространство удваивается как ключевой элемент художественной композиции, поскольку в отличие от сосредоточения внимания на «реальном» объекте изображения. Кроме того, негативное пространство означает контекстуальное пространство, которое окружает основной объект. В общем, если вы хотите подчеркнуть взаимосвязь между различными элементами вашего логотипа, использование негативного пространства — хорошая идея.

Теперь, когда вы поняли, что означает негативное пространство, давайте посмотрим, как создать логотип с негативным пространством.

Топ-7 стратегий создания логотипа с негативным пространством 

1. Играйте в интеллектуальные игры со зрителем.

Идея использования негативного пространства в логотипе заключается в том, чтобы играть с сознанием читателя. На самом деле, он также используется для передачи еще одного смыслового слоя, который может быть не так очевиден в первые несколько секунд просмотра логотипа.

В качестве примера логотипа возьмем логотип Гильдии кулинарных писателей:

Помимо названия организации, визуальный элемент представляет собой перо тонкой чернильной ручки, и — пустое пространство между два зубца пера имеют форму ложки.Это простое, но мощное изображение мастерски изображает все аспектов бренда — высококачественные надписи и продукты питания в одном элементе дизайна и умелом использовании отрицательного пространства.

2. Создайте пустое пространство внутри буквы.

Одним из лучших примеров логотипа, создающего негативное пространство внутри буквы, является логотип премии «Оскар»:

Вот краткая разбивка различных элементов логотипа, создающих хорошо продуманное негативное пространство:

• культовая премия «Оскар» использует негативное белое пространство и расположена на фоне золотого треугольника, который удваивается как буква «А».’
• Буква A выделена жирным шрифтом в тексте логотипа, чтобы установить связь между буквой монограммы с негативным пространством и известным названием бренда — Academy.

Совет: При использовании букв для создания позитивного и негативного пространства поэкспериментируйте со слоями, чтобы убедиться, что они не кажутся непропорциональными.

3. Найдите умные отрицательные пространства с формами.

Формы могут использоваться для передачи краткого сообщения зрителю.Рассмотрим следующий пример, в котором для сообщения о предложении бренда используются формы:

Вот как работает этот процесс:

Шаг 1: Определите алфавит, который вы хотите использовать.

Шаг 2: Найдите свободное пространство вокруг него.

Шаг 3: Извлеките эту форму из буквы и нарисуйте ее на бумаге.

Шаг 4 : Придумайте идею, используя форму, которую вы только что извлекли.

Шаг 5: Используйте пустое пространство, чтобы получить крутой логотип.

Вот еще один, который использует формы для создания логотипа с негативным пространством:

Обучение : Используете ли вы трехмерные геометрические фигуры или используете плоский дизайн, искажая пропорции, использование форм в дизайне логотипа всегда хорошая идея. .

4. Поэкспериментируйте с отрицательными пробелами и перекрытием.

Если вы хотите извлечь разумное негативное пространство из своего логотипа, вы можете использовать концепцию «перекрытия». Вот как это будет работать:

Шаг 1 : Подумайте о двух объектах, которые вы хотите использовать, которые накладываются друг на друга.

Шаг 2 : Назначьте один объект в качестве отрицательного пространства, а другой — в качестве положительного пространства, чтобы создать перекрывающуюся возможность. В следующем примере вы увидите жокея (объект в виде отрицательного пробела) и лошадь (объект в виде положительного пробела):

Кроме того, помните, что вы также можете использовать перекрытие в шрифтовых логотипах:

Вот пошаговая схема того, как использовать пустое пространство в логотипе на основе шрифта:

Совет для профессионалов: стороны отрицательного пространства с элементами положительного пространства.   

5. Стратегически используйте тени.

Вы также можете использовать тени, чтобы создать интересное негативное пространство вокруг вашего логотипа. Вот процесс, которому вы можете следовать:

Шаг 1: Представьте себе трехмерный объект.

Шаг 2: Поместите объект перед единственным источником света таким образом, чтобы одна часть объекта была освещена, а другая была затенена.

Шаг 3: Используйте освещенную часть в качестве положительного пространства, а затемненную часть в качестве отрицательного пространства (или наоборот), чтобы понять, как продолжить работу над дизайном вашего логотипа:

Вот еще один пример, в котором используется перекрывающийся текст. блестяще:

Совет от профессионала: При использовании перекрывающегося текста в логотипе подумайте о стиле и цвете шрифта, поскольку они должны соответствовать идентичности вашего бренда.Вы всегда можете создать альтернативный логотип и использовать его для менее формальных материалов.

Обучение: Использование перекрывающихся элементов придает логотипу большую глубину.

6. Вставьте слова в изображение.

Довольно необычный подход: вы можете интегрировать текст/слово в изображение вашего логотипа, используя пустое пространство. Вот пример для справки:

Обратите внимание, как черная корова легко интегрирует торговую марку «Boom» на своей шкуре, используя пустое пространство.Однако кикер — это восклицательный знак, созданный с использованием коровьего хвоста. Кроме того, поскольку коровы обычно изображаются с черно-белыми оттенками, логотип имеет визуальный смысл для клиентов.

7. Используйте изображение продукта.

Если вы специализируетесь на одном конкретном продукте, имеет смысл использовать этот продукт в дизайне вашего логотипа в виде пустого пространства. Вот пример того, как это будет работать:

Бренд эффективно использует букву «А» и интегрирует форму пивной бутылки (их основной продукт) в негативное пространство.Вы тоже можете включить свою линейку продуктов в свой логотип, используя пустое пространство и соответствующие буквы/символы.

Наконец, давайте перейдем к изучению 360-градусных преимуществ, которые обеспечивают логотипы с отрицательным пространством.

Топ-5 преимуществ отрицательного пространства в логотипе 

• Помогает создать глубину и выделяет логотип, как показано ниже: Бренд легко интегрирует два неотъемлемых элемента — чай с шариками и дом — в логотип и передает суть бренда в одном экземпляре.
  • Создает уникальные и актуальные формы, используя естественные свойства букв/фигур, как показано ниже:

  Эти логотипы используют текст для создания «скрытых», но четко видимых символов и отображения значения бренда. Идея состоит в том, чтобы интегрировать тонкие и значимые символы в типографику вашего логотипа. Вы можете использовать пустое пространство между различными комбинациями букв и областями, чтобы придумать интересный дизайн.

  • Легко передает двусмысленность.Рассмотрим, например, следующие примеры:

  Здесь, как вы можете видеть, вы можете использовать две разные формы символов, чтобы создать двойное значение за одним символом. Для этого не всегда нужны буквы/шрифт. Идея состоит в том, чтобы заинтересовать вашего зрителя, мотивируя его найти «скрытый смысл» вашего дизайна. Помните, что выбранные символы должны легко сообщать о том, что представляет собой бренд, за счет эффективного использования отрицательного пространства.

  • Создает умные визуальные каламбуры.Логотип с негативным пространством может помочь создать привлекательный и умный дизайн, который позволит читателям читать между строк и по-настоящему «заметить» ваш логотип за его значимость и узнаваемость. В логотипе Baskin Robbin это реализовано безупречно: в него включено число «31», обозначающее количество вкусов мороженого, с которых начинался бренд: чтобы включить несколько значений в дизайн вашего логотипа.Что еще более важно, они могут привлечь внимание пользователя и заставить его дважды подумать.

    Нет недостатка в творческих идеях о том, как использовать негативное пространство в дизайне вашего логотипа — вы можете использовать символы, буквы, целые слова, изображения, наложения, тени и текстуры и т. д., чтобы произвести неизгладимое впечатление на ваш логотип. читатель. Так что попробуйте эти приемы и предложения с отрицательным космическим логотипом, изложенные выше, и сделайте свой логотип выделяющимся в море одинаковости.

    Подпишитесь на еженедельные обновления

    Вы также будете получать некоторые из наших лучших сообщений сегодня

    Pros of Negative Space Logos

    Тенденция использования отрицательного пространства в дизайне логотипов помогает создать гармонию и установить баланс между различными элементами дизайна, что особенно полезно в логотипах, в которых используются шрифты и множество форм.Даже при меньшем использовании негативное пространство позволяет добавить больше к вашим дизайнерским усилиям, а также наполнить ваши логотипы крутыми оптическими иллюстрациями и уклончивыми иллюзиями. При стратегическом использовании негативное пространство добавляет двойной или более глубокий смысл вашим логотипам и улучшает ваш брендинг, делая ваш логотип уникальным и запоминающимся. Проще говоря, использование отрицательного пространства придает вашим композициям более минималистичный вид.

    Опытные дизайнеры извлекают выгоду из негативных логотипов не только для создания запоминающихся логотипов , которые выводят их бренды на новый уровень, но и для того, чтобы их логотипы оставались чистыми и лаконичными.Мы думаем, что весь смысл использования негативных логотипов в первую очередь состоит в том, чтобы способствовать синергетическому качеству, которое предлагает аудитории момент «Ага», когда до них наконец доходит реальность. Хотя дизайн логотипа опирается не только на это осознание, чтобы произвести впечатление, этот момент «Ага!» — это просто вишенка на торте, которая позволяет дизайну передавать больше своего целевого сообщения, чем это может быть воспринято на первый взгляд. взглянуть мельком. Хотя требуется наметанный глаз, чтобы по-настоящему насладиться и оценить изобретательность, исходящую от этих негативных космических логотипов, любой может почувствовать радость и радость от разгадывания того, что обозначает логотип, и раскрытия скрытого смысла под тем, что бросается в глаза.

    Когда дело доходит до использования тенденции негативного пространства, бренд не имеет большого значения; хитрость заключается в творчестве дизайнера и его готовности экспериментировать, что действительно заставляет тренд работать. Здесь мы собрали коллекцию потрясающих негативных космических логотипов и постарались показать вам их положительную сторону, которую вы, возможно, раньше не замечали.

    .
    Негативное пространство в логотипах: Негативное пространство в дизайне логотипа