Как успешно провести ребрендинг: стратегическое и тактическое руководство

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

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

плюсы и минусы использования / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

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

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

Лучший сверхширокий монитор в 2021 году

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

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

Коллаборация дизайнера Келли Уэстлер и Rotganzen, вдохновленная Лос-Анджелесом

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

Дизайнер и голландский арт-коллектив Rotganzen представили совместную коллекцию Quelle Fête. Серия диско-шаров — это первая интеграция, созданная в рамках расширения бренда и онлайн-платформы Kelly Wearstler. Специально для американского дизайнера художники из команды Rotganzen создали пять диско-шаров в своем фирменном «расплавленном» дизайне. Названия новых предметов вдохновлены Лос-Анджелесом: Tiny Dancer, LA Woman, Cracked Actor, Tiffany Queen и Sunset People. При создании серии художники обращались не только к образу родного для Келли города, но и…

Изменение размера элемента внутри инстанса. Приёмы и фишки | by Андрей Насонов | Oct, 2021

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

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

Сядьте в поезд, спроектированный Уэсом Андерсоном

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

Поклонники Уэса Андерсона, которые всегда хотели войти в свою собственную версию Darjeeling Limited, теперь имеют шанс. Этот необычный режиссер спроектировал собственный вагон для роскошного британского оператора поездов Бельмонда — и с завтрашнего дня вы сможете на нем ездить.

Wes Anderson Cygnus Carriage "class =" lazy-image-van optional-image "onerror =" if (this .src && this.src.indexOf ('missing-image.svg')! == -1) {return true;}; this.parentNode.replaceChild (window.missingImage (), this) "data-normal =" https : //vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "data-original-mos =" https://cdn.mos.cms.futurecdn.net/nsE6nk9e6n2piYHDDVAGP9.jpg "data-pin- media = "https://cdn.mos.cms.futurecdn.net/nsE6nk9e6n2piYHDDVAGP9.jpg" /> </picture></p></div></div><figcaption itemprop= Внешний вид повозки Андерсона Cygnus для британского поезда Pullman. (Изображение предоставлено Belmond)

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

Wes Anderson Cygnus carriage "class =" lazy-image-van optional-image "onerror =" if (this.src && this.src.indexOf ('missing-image.svg')! == -1) {return true;}; this.parentNode.replaceChild ( window.missingImage (), это) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "data-original-mos =" https: //cdn.mos .cms.futurecdn.net / 9mamHWLeGbC7nhGTMqeGBK.jpg "data-pin-media =" https://cdn.mos.cms.futurecdn.net/9mamHWLeGbC7nhGTMqeGBK.jpg "/> </picture> [194512003] [194512003]<figcaption itemprop= (Изображение предоставлено Бельмондом)

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

Мемоизация в React: простое введение

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

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

Как создавать страницы с ценами для SaaS-продуктов

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

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

Руководство по процессу создания монограмм

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

Монограммы занимают видное место в современной визуальной культуре благодаря их использованию такими амбициозными модными брендами, как Louis Vuitton, Yves Saint Laurent, Chanel и Gucci. Комбинирование существующих букв может показаться несложным. Но если вы хотите, чтобы ваш законченный дизайн монограммы выглядел профессионально и соответствовал вашему бренду, понимание процесса поможет вам создать элегантное дизайнерское решение.

Как создать монограмму "width =" 1280 "height =" 750 "/> <figcaption> Иллюстрация OrangeCrush </figcaption></figure> <h2> Что такое монограмма? <br /> — </h2> <p> Монограмма — это единая форма, созданная путем объединения нескольких букв. </p> <p> Одинокий символ не является монограммой и известен как форма буквы. Ряд отдельных инициалов также не является монограммой. Две или более формы букв (или графемы) должны быть соединены вместе, чтобы создать один мотив. </p> <figure data-id= Логотипы Tesla, Figma, Pinterest "width =" 1900 "height =" 650 "/> <figcaption> Tesla, Figma и Pinterest — это не монограммы, а буквенные формы. </figcaption></figure> <figure data-id= Логотипы BBC, NPR, CNN "width =" 1900 "height =" 650 "/> <figcaption> BBC и NPR не являются монограммами, но CNN можно рассматривать как монограмму, поскольку правая основа первой буквы« N »используется совместно с левый стержень второй буквы «N». </figcaption></figure> <p> LA Dodgers представляют собой наглядный пример монограммы, поскольку полоса буквы «L» образует перекладину буквы «A». Under Armour нарисуйте перекладину буквы «А» с чашей буквы «U». </p> <figure data-id= Монограммы LA Dodgers и Under Armour "width =" 1900 "height =" 650 "/> <figcaption> Монограммы LA Dodgers и Under Armour. Фотографии сделаны Мэтом Веллером и Брэндоном Эрлингером-Фордом на Unsplash. </figcaption></figure> <h2> Когда монограммы работают лучше всего? <br /> — </h2> <p> Приятным аспектом монограмм является работа вашего мозга по распутыванию их и распознаванию каждой буквы. Этот «ага-момент» может вызвать желанную «улыбку в уме», которая ценится во всех формах графической коммуникации, когда зритель «понимает шутку». </p> <p> Если у компании очень длинное название, то для вашего логотипа рекомендуется использовать инициалы или другие аббревиатуры. Лондонский симфонический оркестр — зануда, поэтому сокращение до LSO кажется логичным. В их знаменитой монограмме замечательно то, что она также напоминает дирижера, держащего жезл. </p> <figure data-id= Монограмма Лондонского симфонического оркестра "width =" 1900 "height =" 650 "/> <figcaption> Двойное значение в монограмме LSO — умное решение. </figcaption></figure> <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=

Major League Baseball обеспечивает также ряд громких примеров. «Нью-Йорк Янкиз», очевидно, но также и знаки отличия местных соперников «Метс», а также «Лос-Анджелес Доджерс», «Колорадо-Скалистые горы», «Сан-Диего Падрес» и «Сан-Франциско Джайентс».

Знак отличия Бейсболки Высшей лиги "width =" 1900 "height =" 650 "/> <figcaption> Монограммы Высшей лиги бейсбола </figcaption></figure> <p> Если компания немного хуже — известная тогда монограмма сама по себе может быть слишком расплывчатой ​​как средство идентификации. Но создание монограммы может стать полезной альтернативой дополнению словесного знака, особенно в небольших пространствах, таких как аватары в социальных сетях, где длинный логотип не подходит. Louis Vuitton, Chanel и Gucci используют монограммы в качестве альтернативного средства идентификации своего словаря и демонстрируют его пригодность для физических продуктов. </p> <figure data-id= Монограммы в моде люкс "width =" 1900 "height =" 650 "/> <figcaption> Эти примеры от брендов роскошной моды показывают, насколько хорошо монограммы могут работать на физических товарах. Фото через Unsplash. </figcaption></figure> <p> Рассмотрим наиболее важные варианты использования. Где будет отображаться логотип? Это поможет определить, является ли монограмма практичным выбором. </p> <h2> Процесс создания монограммы <br /> — </h2> <h3> 1. Написание брифа </h3> <p> Каждый успешный дизайн-проект начинается с четкого описания. Знание целей до начала работы помогает дизайнеру и клиенту получать удовольствие от процесса и дает отличные результаты. </p> <p> Убедитесь, что краткая информация отвечает на следующие вопросы: Чем занимается компания? Кто заказчики? Есть ли существующий логотип или другие визуальные материалы? Где будет использоваться монограмма? Как бы вы описали бренд? Какое чувство вы пытаетесь вызвать? </p> <figure data-id= AH monogram "width =" 558 "height =" 565 "/> <figcaption> Эта монограмма для импортера мебели премиум-класса подходит для клиента, но не подойдет для детского аниматора! Душан Клепич </figcaption></figure> <h3> 2. Выбор букв для включения </h3> <p> Это не так очевидно, как может показаться! Длинные имена можно сократить, используя инициалы. Но необязательно включать все до единого. Например, «Ремонт и обслуживание классических автомобилей Сары Джеймс и Ричарда Джонса», вероятно, не обязательно должно включать S.J.R.J.C.C.R.S.! «J&J Classics» скатывалась с языка, а монограмма «JJ» могла быть идеальным дополнением. </p> <p> Вы также можете использовать другой подход к сокращению. Например, компания Minnesota Mining and Manufacturing Company стала широко известной торговой маркой 3M. Проявите творческий подход. </p> <h3> 3. Рисование </h3> <p> Идеи не исходят от компьютера. Идеи исходят из вашего воображения. Как бы ни заманчиво было сразу перейти к выбранному вами программному обеспечению для проектирования, всегда начинайте с набросков на бумаге. </p> <p> Не теряйтесь в исследованиях. Бесконечно листаем работы других дизайнеров. Вензель — это простое брифинг. Вы комбинируете буквы. Так что заточите карандаш и начните рисовать. </p> <p> Я всегда начинаю с небольших набросков, прежде чем доработать их. Просто нарисуйте рассматриваемые формы букв и создайте как можно больше вариантов каждой в течение установленного времени. Затем подумайте о различных способах их сочетания. </p> <figure data-id= Альбомы для рисования "width =" 1900 "height =" 1267 "/> <figcaption> Нарисуйте примерно столько букв и комбинаций, сколько сможете, не редактируя себя. </figcaption></figure> <p> Как только у вас будет много Из подходов на бумаге оцените, что вы можете развить в дальнейшем в дизайнерское решение, соответствующее заданию. Затем доработайте свои эскизы до более крупных и подробных версий, прежде чем сканировать или фотографировать их для оцифровки. </p> <h3> 4. Проектирование </h3> <p> Если какой-либо из эскизов близок к окончательной версии, то чертеж можно импортировать в программное обеспечение для проектирования для создания векторизованной версии. Логотипы должны быть созданы как векторные изображения, поскольку их можно масштабировать до любого размера без потери качества. </p> <p> Наброски на бумаге, конечно, не только метод. С помощью программного обеспечения можно исследовать различные маршруты. Попробуйте существующие шрифты с характеристиками, подходящими для вашего бренда. Попробуйте разные способы сочетания букв в монограмме. Наложение, блокировка, соединение, отражение. Удалите части письма, сохраняя при этом узнаваемость. Храните копии каждой версии как итерации на своем артборде. </p> <figure data-id= итераций дизайна монограммы "width =" 1900 "height =" 650 "/> <figcaption> Итерации, итерации, итерации! Это требует дополнительных исследований. </figcaption></figure> <p> Если вы Если вы использовали существующий шрифт, то некоторые настройки помогут сделать вашу монограмму уникальной. Другой способ — создавать собственные формы букв с помощью инструмента «Перо» или путем комбинирования геометрических фигур. Вы также можете добавить окружающие формы или завитки, чтобы сделать мотив более отличительным или добиться баланс. </p> <p> Если вам нужно больше вдохновения, обратите внимание на эти креативные логотипы с монограммами. </p> <h3> 5. Выбор цвета </h3> <p> Прежде чем добавлять цвет, логотипы и символы всегда должны быть выполнены черным по белому. Это гарантирует, что ваш проект будет работать в различных приложениях. </p> <p> Затем переверните дизайн и оцените версию «белое на черном». При таком расположении негативные пространства выглядят оптически меньше, поэтому убедитесь, что они достаточно велики, чтобы сохранять приятные пропорции, и что они не исчезают при малых размерах. Уменьшите масштаб и проверьте! Возможно, потребуется доработка дизайна. </p> <figure data-id= изучение вариантов цвета "width =" 1900 "height =" 650 "/> <figcaption> Проверьте свои дизайнерские работы в фирменных цветах или выберите подходящие. </figcaption></figure> <p> Иногда отдельная инвертированная версия создается для противодействия оптическим различиям всякий раз, когда более светлые оттенки появляются на более темном фоне. Обычно это не обязательно, но стоит иметь в виду, если этого требует ваша монограмма. </p> <p> Если фирменные цвета уже существуют, убедитесь, что ваша монограмма хорошо сочетается с этой палитрой. В противном случае выберите подходящий цвет для бренда и создайте свою палитру, чтобы продемонстрировать свой дизайн. </p> <figure data-id= дизайн монограммы пивоварни Shindig "width =" 1990 "height =" 1372 "/> <figcaption> Дизайн логотипа пивоварни Shindig от Musique! </figcaption></figure> <h3> 6. Тестирование дизайна вашей монограммы </h3> <p> Важно убедиться, что любой дизайн идентичности работает в реальном мире. Монограмму следует тестировать в наиболее распространенных случаях использования. Мокапы помогут вам визуализировать готовый продукт и представят дизайн монограммы в лучшем свете. </p> <h2> Оценка дизайна вашей монограммы <br /> — </h2> <p> Дизайнер и заказчик извлекут выгоду из некоторых критериев, по которым вы сможете оценить дизайн. Задайте эти вопросы вместе. </p> <figure data-id= Монограмма AM "width =" 542 "height =" 542 "/> <figcaption> Эта монограмма AM, созданная Шеварикой </figcaption></figure> <ul> <li aria-level= Разборчива? Убедитесь, что марка читается четко.
  • Это уместно? Соответствует ли это категории и индивидуальности бренда?
  • Это просто? Монограммы существуют в первую очередь для идентификации. Не пытайся делать слишком много. Простые логотипы с большей вероятностью станут знаковыми и будут лучше работать в различных приложениях.
Монограмма RR "width =" 1117 "height =" 599 "/> <figcaption> Простые логотипы чаще выдерживают испытание временем и отлично смотрятся в физической форме. Дизайн cindric </figcaption></figure> <ul> <li aria-level= Является ли он отличительным? Никогда не копируйте работу другого дизайнера. Если вы использовали существующий шрифт, убедитесь, что он был изменен каким-либо образом для создания уникального дизайна.
  • Уравновешена ли она? Опытный дизайнер может убедиться, что форма имеет элегантные пропорции, оптически сбалансирована, и объяснить это своему клиенту.
  • Работает ли он при малых размерах? Проверьте это с особым вниманием к счетчикам и отрицательному пространству.
Эмблема винокурни Даунтон "width =" 426 "height =" 415 "/> <figcaption> Монограмма 'DD' занимает центр этой подробной эмблемы GOOSEBUMPS </figcaption></figure> <ul> ] </p> <li aria-level= Есть ли проблемы с техническим рисунком? Убедитесь, что линии четкие и плавные, и передайте файл в векторном формате.
  • Были ли созданы какие-либо нежелательные формы? Можете ли вы читать письма, которых там не должно быть? Есть ли какие-нибудь уродливые или неподходящие формы?
  • Работает ли он в пробных приложениях? Просмотрите макеты, чтобы убедиться.
  • Отвечает ли он на краткое? Самый важный вопрос из всех! Просмотрите краткое описание, чтобы убедиться, что вы пришли к подходящему решению.

Готовы приступить к созданию дизайна монограммы?
—

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

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

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

Об авторе

Мэтт Брантон — специалист по стратегии бренда, дизайнер фирменного стиля и онлайн-преподаватель. Когда Мэтт не помогает целевым стартапам или не работает над своим новым каналом на YouTube, вы обнаружите, что он наслаждается жизнью с женой и их тремя сыновьями на севере Англии. Вы можете увидеть больше его работ на сайте www.mattbruntondesign.com