Mind Mapping: все, что вам нужно знать, чтобы представить свои идеи визуально

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

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

Что нужно знать о дизайнерах недизайнерам – Дизайн-кабак

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

Для кого будет полезна эта статья: — Вы собираетесь заказать дизайн какого-либо цифрового продукта у внешнего подрядчика (студия, агентство, фриланс), но вы никогда не взаимодействовали с дизайнерами и не имеете представления о том, какие требования выдвигать для своего дизайна; — Уже имеете негативный опыт: обращались за дизайном, но что-то пошло не так. Предлагаем вам практические…

Все, что вам нужно знать о Баухаузе: инфографика

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

Баухауз — одно из величайших дизайнерских движений 20-го века. Основанная в 1919 году, знаменитая дизайнерская школа повлияла на все виды культурных областей своими революционными идеями и теориями. Его неизгладимый след был нанесен на искусство, дизайн и архитектуру. Но вам не нужно быть художником, чтобы слышать о Баухаузе. Мы все понимаем, как выглядит дизайн Баухауза, но…

18 каналов веб-дизайна YouTube, которые нужно смотреть

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

Веб-дизайнеры и разработчики находятся в постоянном путешествии открытий. Какой бы фреймворк, инструмент или технология ни использовались, вы можете гарантировать, что в процессе будет новая версия или обновление. Или на рынке может быть альтернатива, которую творческие массы примут, которая улучшит ваши перспективы трудоустройства, если вы добавите ее в свое резюме. Хотите узнать React, JavaScript, Illustrator, UX…

Изометрический дизайн: все, что нужно знать о тенденции дизайна

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

Мы живем в трехмерном мире. Так с какой стати вы должны придерживаться плоской конструкции? Изометрический дизайн — последнее направление дизайна — дает вам лучшее из обоих: трехмерный дизайн, в котором нет сходящихся перспективных линий. Вроде как плоский дизайн и 3D дизайн с ребенком. Итак, давайте опередим вас, чтобы вы могли быть первыми в своем блоке,…

Откройте для себя дизайн в стиле ар-деко: все, что вам нужно знать о культовом движении

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

Это началось как праздник. В 1925 году, в то же десятилетие, которое подарило нам The Great Gatsby, доступный автомобиль, первый фильм со звуком, термин «графический дизайн» и (что наиболее важно) небольшой коктейль, известный как мимоза, парижское художественное сообщество собралось вместе для влиятельная выставка искусства. Фантастический дизайн плаката в стиле ар-деко от hadynoody На выставке было…

Дизайн 101: 8 основ графического дизайна, которые вам нужно знать

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

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

что нужно знать о создании фирменного стиля / Полезное / FREELANCE.TODAY

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

Что такое фирменный стиль? Как вы его создаете? Почему это так важно? Вот некоторые темы, которые мы будем рассматривать в этой статье. Давайте начнем с того, что выясним, что такое система фирменного стиля и как бренд-дизайн может быть использован для влияния и формирования восприятия пользователя. Фирменный стиль является совокупностью всех представлений бренда — его логотип,…

Samsung Galaxy S10: что нужно знать дизайнерам

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

Итак, вы на рынке нового телефона и, естественно, пытаетесь решить, какой вкус iPhone X вам нужен идти, верно? Подождите минутку, потому что Samsung приближается к запуску своего нового флагманского телефона Galaxy S10, и это может стать идеальной возможностью отдохнуть от Apple, и, возможно, одновременно попробовать некоторые из лучших приложений для Android. . В стиле Apple,…

Отзывчивые логотипы: что они и зачем вам нужно

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

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

Дисней отзывчивый логотип «width =« 1000 »height =« 1000 »/> <figcaption> Масштабирование деталей по мере того, как они уменьшаются в размерах, отзывчивый логотип Диснея показывает другим брендам, как он падает. Через responsivelogos.co . </figcaption></figure> <p> Итак, появились яркие логотипы. Что это такое, вы спросите? Ответчивые логотипы — это логотипы с изменяемой геометрией, которые изменяются по размеру, сложности или даже цвету, чтобы приспосабливаться и адаптироваться туда, где они размещены. </p> <p> Первоначально мы рассматривали как тенденцию дизайна (как мы объявили в прошлом году), отзывчивые логотипы кажутся менее похожими на причуду и более похожими на практическую необходимость. Сегодня есть больше мест, чтобы придерживаться вашего логотипа, чем когда-либо прежде, и все они сильно различаются по размеру. Это старое правило «никогда не менять свой логотип», который был каноном на протяжении десятилетий? В настоящее время он вас удерживает. </p> <p>. Это первое, что вы слышали об адаптивных логотипах, или вы активно рассматриваете возможность сделать это самостоятельно, мы здесь, чтобы рассказать вам все, что вам нужно знать: что это такое, почему они нам нужны и даже как проектировать один самостоятельно. </p> <figure data-id= Отзывчивые логотипы "width =" 1860 "height =" 1090 "/> <figcaption> Отзывчивые логотипы в действии OrangeCrush </figcaption></figure> <h2> История отзывчивых логотипов <br /> — </h2> <p> ]</p> <p> Вероятно, вы слышали, как звучит слово «отзывчивое». Этот термин был первоначально использован для описания того, как веб-сайт адаптируется или «реагирует» на разные размеры экрана. Цель состоит в том, чтобы веб-сайты всегда отображались в лучшем виде — независимо от того, на рабочем столе, планшете или телефоне. Совсем недавно логотипы заимствовали слово, чтобы описать свои собственные возможности для изменения размера. </p> <div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'> <!-- Yandex.RTB R-A-268541-2 --> <div id=

Но правда в том, что «отзывчивые» логотипы были гораздо дольше, чем отзывчивые веб-сайты или даже интернет!

Vesper Hills отзывчивый логотип "width =" 1394 "height =" 1135 "/> <figcaption> Vesper Hill имеет отдельный дизайн логотипа для небольших материалов, таких как теги продукта, а также вариант только для свадебных услуг. </figcaption></figure> <p> В течение прошлого века компании экспериментировали с различными «контекстуальными» логотипами в соответствии с конкретным местоположением или печатным носителем. Иногда компании сливали цвет с логотипа для черно-белых изображений, белые газеты. В других случаях они сокращали и упрощали свой логотип, чтобы появляться на рекламных ручках. Или часто они добавляли больше расцветок и украшений для впечатляющих фирменных бланков. </p> <p> Даже до умных устройств изменение логотипов имело практические преимущества. Это не значит, что отзывчивые логотипы должны отличаться друг от друга. Вместо этого речь идет о создании разных версий одной и той же вещи, а затем оптимизации их для лучшего соответствия различным контекстам. </p> <p> По мере развития маркетинга возникла идея, что ваш логотип должен быть последовательным, чтобы повысить узнаваемость бренда. Есть истина в этой идее (согласованность важна также и для адаптивных логотипов), но быть настолько жестким в изменении своего логотипа вообще может стать противоречивым. Имеет смысл оптимизировать логотип для его контекста, чем копировать и вставлять логотип, предназначенный для рекламного щита на вашей крошечной визитной карточке. </p> <p> Благодаря популяризации мобильных устройств и последующему разветвлению их размеров экрана, бренды начали переосмысливать свой менталитет «никогда не менять логотип». И именно здесь мы и сегодня: то, что когда-то рассматривалось как рекламный faux pas, теперь считается лучшей практикой. В следующем году это станет новой нормой. </p> <figure data-id= Различные вариации одного логотипа по краскам svart "width =" 1309 "height =" 695 "/> <figcaption> Различные варианты логотипа Fennec чернилами svart. </figcaption></figure> <h2> Отзывчивый логотипы необходимы <br /> — </h2> <p> Преимущества гибких логотипов очевидны. Учитывая все разные места, которые современная компания должна поставить на свой логотип, невозможно использовать ту же самую версию везде, не теряя при этом что-то здесь или там. </p> <h3> Digital </h3> <figure data-id= Лазион отзывчивый логотип «width =» 2039 «height =» 2039 »/> <figcaption> Несколько вариаций одного и того же логотипа, каждый из которых относится к другому типу использования. Дизайн логотипа Bergquist. </figcaption></figure> <p> Давайте начнем с размеров экрана. Популярность мобильных браузеров сама по себе требует необходимости как минимум одной альтернативной версии вашего логотипа. </p> <p> Но в последнее время мы переходим от смартфонов к еще более мелким устройствам: смарт-часам, умным браслетам и скоро умным очкам. Если вы считаете, что ваш полноразмерный логотип выглядел на вашем телефоне, подождите несколько лет, когда он запирается в угол экрана вашего приложения AR. </p> <p> Кроме того, у нас также есть крошечные объявления внутри крошечных экранов. Даже реклама на рабочем столе, ваше объявление, скорее всего, сократится. Этот эффект в два раза (или больше!) Как на мобильных устройствах. </p> <h2> Печатные и экологические <br /> — </h2> <figure data-id= Публикация партизанской рекламы McDonald's «width =« 768 »height =« 504 »/> <figcaption> Объявления становятся более умными. Через Lumen Learning. </figcaption></figure> <p> Вне цифрового пространства, компании ищут новые и разнообразные возможности для рекламы. Для традиционных методов, таких как рекламные акции (футболки, ручки, сумки, шляпы и т. д.), вам не только нужно учитывать размер логотипа, но и то, как он выглядит печатным на разных материалы. </p> <p> И не забывайте о популярности партизанского маркетинга, где логотипы появляются неожиданно в общественных местах, например, граффити-росписи вместо рекламных щитов. Другими словами, даже строго нецифровые бренды нуждаются в гибкости в своих логотипах. </p> <figure data-id= отзывчивый, анимированный дизайн логотипа «width =» 1280 «height =« 1280 »/> <figcaption> Отзывчивый дизайн анимированного логотипа Eva Hilla </figcaption></figure> <p> Видео также позволяют стиль логотип в значительной степени недоиспользуется до сих пор: анимированные логотипы. </p> <p>. Все больше и больше компаний, вступающих в видеоконтент, особенно в социальных медиа-брендах в любой отрасли, могут имитировать те же эффекты движения, которые использовались в течение нескольких десятилетий в галереях киностудий. </p> <p> Теперь наступает время отклика логотипов, как для крупных, так и для небольших брендов. Крупные предприятия начинают извлекать выгоду из того, насколько хорошо их клиенты знают свои бренды, экспериментируя с более упрощенными и абстрактными вариациями — если их классический логотип достаточно, чтобы сделать его узнаваемым. </p> <h2> Как создать отзывчивый логотип в 5 простых шагов <br /> — </h2> <h3> 1. Сделайте как минимум четыре разных версии </h3> <p> Когда вы сломаете отзывчивый логотип, вы найдете три или четыре разных версии одного и того же логотипа, различающихся по размеру и уровню детализации. Имейте это в виду, когда вы начинаете экспериментировать с форматом. </p> <figure data-id= Отзывчивые логотипы от Heineken, Guinness и Kodak Film "width =" 640 "height =" 385 "/> <figcaption> Отзывчивые логотипы от Heineken, Guinness и Kodak Film, каждая из которых имеет четыре различных варианта. Creative </figcaption></figure> <p> Если вы уже знаете, где собираетесь использовать свои логотипы, вы можете смоделировать свои четыре версии вокруг этих мест. Если нет, вы можете скопировать формат, используемый наивысшими брендами на право. </p> <p> Ваш первый вариант должен быть вашим основным логотипом, содержащим всю информацию, которую вы хотите сообщить, плюс любые лишние излишества, на которые у вас есть место. </p> <h3> 2. Добавление или удаление деталей при масштабировании вверх или вниз </h3> <figure data-id= Bodybooster отзывчивый логотип «width =« 1705 »height =« 1597 »/> <figcaption> Дизайн логотипа beardesign </figcaption></figure> <p> Итак, какова разница в четырех версиях, описанных выше? Если вы знакомы с отзывчивым веб-дизайном, вы уже знаете, что дизайнеры добавляют детали по мере увеличения размера экрана и удаления деталей по мере его масштабирования. </p> <p> Это может помочь определить приоритеты элементов вашего логотипа заранее. Например, элементы с низким приоритетом, такие как слоган или «установленная» дата, являются хорошими дополнениями, когда у вас много места, но они должны быть первыми, когда вы становитесь меньше. Элементы с более высоким приоритетом, такие как название компании, должны оставаться как можно дольше, но трудно оправдать их необходимость в наименьших размерах. </p> <figure data-id= Детализация логотипа Argento «width =« 448 »height =« 446 »/> <figcaption> Иногда удаление деталей недостаточно — вам нужно настроить визуальную сложность. Через Enigma. </figcaption></figure> <p> Речь идет не только об избавлении от элементов, но и об уменьшении их уровня детализации. В логотипе Argento справа фактическое качество изображения уменьшается в меньших версиях, заменяя четкие очертания буквы и солнечные лучи со все более простыми и более прочными черными линиями. </p> <p> Аналогичным образом вы также можете уменьшить количество цветов, чтобы упростить свой логотип. Цвета могут быть трудно различимы при меньших размерах, и если у вас слишком много, дизайн становится слишком занятым и отвлекающим. Когда дело доходит до разработки адаптивных логотипов с небольшими размерами, простота является ключевой. </p> <p> Подумайте, как вы минимизируете беспорядок в своих небольших логотипах. Например, вместо того, чтобы полностью избавиться от имени вашей компании, вы можете заменить его инициалами. Мы говорим об этом и других творческих способах упрощения ваших образов на шаге 4. </p> <h3> 3. Оставайтесь последовательными </h3> <figure data-id= Green Buffalo "width =" 1565 "height =" 1750 "/> <figcaption> В двух разных версиях логотипа Green Buffalo шрифт, цветовая схема и эффект текстуры остаются идентичными, хотя структуры </figcaption></figure> <p> Одно из самых больших заблуждений относительно адаптивных логотипов заключается в том, что каждая версия должна быть новым логотипом вместе. Но, правда, как мы уже говорили выше, отзывчивые логотипы разные версии того же оригинала. </p> <p> В каждой версии вашего отзывчивого логотипа держите общие потоки, чтобы связать их вообще. Будьте совместимы с шрифтом и цветовой схемой через каждый вариант логотипа. Эти элементы врожденно привязаны к вашему брендингу в целом, а не только к вашему логотипу. </p> <p> Это не значит, что вы вообще не можете изменять эти элементы. Учитывая ограничения небольших логотипов, не стесняйтесь упростить вашу типографику или использование цвета, оставаясь при этом достаточно согласованным с оригиналом. </p> <h3> 4. Используйте абстрактные символы меньшими размерами </h3> <p> Иногда при разработке небольших версий вашего логотипа вы столкнетесь с стеной, где слишком много оригинала теряется. Если это так, не заставляйте его! Некоторая конструкция не может быть упрощена (и выглядит ужасно, когда вы пытаетесь). Более разумной альтернативой является использование нового символа для представления оригинала. </p> <figure data-id= Heinz responsive logo "width =" 1440 "height =" 390 "/> <figcaption> Heinz уменьшает детали для первых трех версий, но использует абстрактное представление для последнего. Via Brave New Creative. </figcaption></figure> <p> Heinz делает это хорошо, используя уникальную абстрактную форму своего ярлыка, сплавляя его своим логотипом. Хотя они используют традиционный метод удаления деталей для первых трех версий, окончательная версия — это просто отличная форма их ярлыка со знакомой цветовой схемой для улучшения распознавания. Поскольку они являются домашним именем, у их клиентов нет проблем с распознаванием логотипа Heinz без слов. </p> <figure data-id= Отзывчивый логотип Google «width =« 680 »height =« 340 »/> <figcaption> Поскольку Google сохраняет шрифт и цветовую схему, они могут позволить себе избавиться от« лишних »писем, когда им нужно </figcaption></figure> <p> Но как насчет брендов, логотип которых является их именем, без каких-либо образов? Обычно, когда эти бренды делают отзывчивые логотипы, они заменяют свое полное имя инициалами или монограммами при меньших размерах. Принцип тот же, независимо от того, используете ли вы абстрактные фигуры или инициалы. Те, кто достаточно знаком с вашим брендом, все равно узнают контрольные элементы. </p> <p> Просто помните, что мы сказали выше о последовательности; чем больше визуальных сигналов вы включите, тем легче люди вас узнают. </p> <h3> 5. Стратегически использовать стекирование и перегруппировку </h3> <p> Отзывчивые логотипы не всегда больше или меньше. По определению, адаптивные логотипы предназначены для «реагирования» на разные обстоятельства; обычно размер, но иногда, как они сочетаются с окружающей средой. </p> <figure data-id= AMBR Consulting Group "width =" 1000 "height =" 1000 "/> <figcaption> Дизайн логотипа Рикардо Пенья </figcaption></figure> <p> Для некоторых логотипов вы можете добиться большей гибкости в том, как вы складываете свои элементы, такие как текст. Вместо того, чтобы полностью удалять элементы, вы можете достичь такого же эффекта экономии пространства, просто реорганизовывая, где все идет. </p> <p> Посмотрите, что мы имеем в виду на трех логотипах AMBR Consulting Group слева. Если компания выбирает цифровые рекламные баннеры, их логотипы оптимизируются независимо от того, является ли баннер вертикальным или горизонтальным. Кроме того, они также имеют абсолютно квадратный логотип, когда ни один из других вариантов не работает. </p> <p> При разработке адаптивного логотипа рассмотрите возможность перестановки в качестве опции наряду с простое удаление элементов. В некоторых случаях интеллектуальное планирование может позволить вам сохранить важные части вашего логотипа при меньших размерах, поэтому у вас есть торт и есть его тоже. </p> <h2> Логотип для каждого размера, каждой формы, каждый сезон <br /> — </h2> <p> Конечно, иметь только один логотип проще и удобнее, но чем больше каналов маркетинга открывается, тем менее эффективен один логотип. Отзывчивые логотипы касаются наличия идеального инструмента, независимо от того, что это за работа. Гаечный ключ лучше всего подходит для отвинчивания болтов; просто потому, что вы можете технически ударить его молотком, не означает, что вы должны. </p> <div class=

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