Категории
Показать всеДизайн интерьера в современном стилеПрочие тематикиСтатьиСтатьи по дизайну
Окт122021

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

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

Поклонники Уэса Андерсона, которые всегда хотели войти в свою собственную версию 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= (Изображение предоставлено Бельмондом)

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

Окт122021

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

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

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

Подробнее
Окт122021

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

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

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

Подробнее
Окт122021

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

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

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

Как создать монограмму "width =" 1280 "height =" 750 "/> <figcaption> Иллюстрация OrangeCrush </figcaption></figure> <div 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><span id= Когда монограммы работают лучше всего?
—

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

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

Монограмма Лондонского симфонического оркестра "width =" 1900 "height =" 650 "/> <figcaption> Двойное значение в монограмме LSO — умное решение. </figcaption></figure> <p> Major League Baseball обеспечивает также ряд громких примеров. «Нью-Йорк Янкиз», очевидно, но также и знаки отличия местных соперников «Метс», а также «Лос-Анджелес Доджерс», «Колорадо-Скалистые горы», «Сан-Диего Падрес» и «Сан-Франциско Джайентс». </p> <figure data-id= Знак отличия Бейсболки Высшей лиги "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><span id= Процесс создания монограммы
—

1. Написание брифа

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

Убедитесь, что краткая информация отвечает на следующие вопросы: Чем занимается компания? Кто заказчики? Есть ли существующий логотип или другие визуальные материалы? Где будет использоваться монограмма? Как бы вы описали бренд? Какое чувство вы пытаетесь вызвать?

AH monogram "width =" 558 "height =" 565 "/> <figcaption> Эта монограмма для импортера мебели премиум-класса подходит для клиента, но не подойдет для детского аниматора! Душан Клепич </figcaption></figure> <h3><span id= 2. Выбор букв для включения

Это не так очевидно, как может показаться! Длинные имена можно сократить, используя инициалы. Но необязательно включать все до единого. Например, «Ремонт и обслуживание классических автомобилей Сары Джеймс и Ричарда Джонса», вероятно, не обязательно должно включать S.J.R.J.C.C.R.S.! «J&J Classics» скатывалась с языка, а монограмма «JJ» могла быть идеальным дополнением.

Вы также можете использовать другой подход к сокращению. Например, компания Minnesota Mining and Manufacturing Company стала широко известной торговой маркой 3M. Проявите творческий подход.

3. Рисование

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

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

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

Альбомы для рисования "width =" 1900 "height =" 1267 "/> <figcaption> Нарисуйте примерно столько букв и комбинаций, сколько сможете, не редактируя себя. </figcaption></figure> <p> Как только у вас будет много Из подходов на бумаге оцените, что вы можете развить в дальнейшем в дизайнерское решение, соответствующее заданию. Затем доработайте свои эскизы до более крупных и подробных версий, прежде чем сканировать или фотографировать их для оцифровки. </p> <h3><span id= 4. Проектирование

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

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

итераций дизайна монограммы "width =" 1900 "height =" 650 "/> <figcaption> Итерации, итерации, итерации! Это требует дополнительных исследований. </figcaption></figure> <p> Если вы Если вы использовали существующий шрифт, то некоторые настройки помогут сделать вашу монограмму уникальной. Другой способ — создавать собственные формы букв с помощью инструмента «Перо» или путем комбинирования геометрических фигур. Вы также можете добавить окружающие формы или завитки, чтобы сделать мотив более отличительным или добиться баланс. </p> <p> Если вам нужно больше вдохновения, обратите внимание на эти креативные логотипы с монограммами. </p> <h3><span id= 5. Выбор цвета

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

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

изучение вариантов цвета "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><span id= 6. Тестирование дизайна вашей монограммы

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

Оценка дизайна вашей монограммы
—

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

Монограмма 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

Окт122021

Что перенять фрилансеру из работы агентства | by Граф дизайна | Oct, 2021

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

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

Подробнее
Окт122021

Я уволился в самый разгар пандемии и ушел на фриланс

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

Апрель 2020. Я наёмный сотрудник, работаю как UX/UI дизайнер. Пандемия в самом разгаре. Проектов нет — денег нет, ем сухари. На улицу можно выйти только в магазин. Самое время уйти на фриланс, подумал я, и вот что из этого получилось. Спойлер: надо было сделать это раньше. Содержание статьи1 Подготовка к фрилансу2 1. Финансы3 2. Проекты4 Начни с…

Подробнее