8 советов по дизайну цен
1. Знак рубля
Давно существует знак рубля, потому используйте его, а не «руб» или «р»
2. Пробелы между ценой и валютой
Если знак валюты указан после цены, то разделите их неразрывным пробелом. Знак «$» ставится перед ценой, поэтому пробелом не отделяется
3. Экономия места
Старую цену просто перечеркните для экономии места
4. Контраст
Для контраста цен используйте тонкий и толстый шрифты, чтобы новая цена визуально казалась меньше, чем старая
5 .Пробелы в цене
Если цена находится в диапазоне 1000–9999, то не разделяйте разряды пробелами. Правильно будет использовать эти числа без пробела, плюс это визуально уменьшит цену
6. Эльдорадо
Если есть возможность изменить цены, то используйте сокращение новой цены на 1–10 рублей. Так цена 99 кажется ниже 100.
7. Выгода
Покажите в процентах или рублях, сколько сэкономит покупатель
8. Акцент
Старую цену можно сделать менее заметной с помощью цвета, так акцент останется на новой цене и на скидке, которую получит покупатель
Источник
В первую очередь важно юзабилити, а не согласованность или унификация
Существует вредоносный миф, который влияет на принятие дизайн-решений. На первый взгляд это предположение кажется настолько разумным, что мало кто в нем усомниться. И все же при неосторожном применении это заблуждение может нанести реальный вред.
Я говорю о согласованности или последовательности дизайнов.
Часто ее рассматривают, как аргумент в пользу инициативы. Но многие люди, стремящиеся к согласованности, не перестают задавать простой вопрос:
Согласованности с чем?
Согласованность может быть очень полезной, если делает дизайн удобнее. Но если вы не знаете, с чем хотите согласовать дизайн и почему, то согласованность может сбить пользователей с толку.
Читать статью: https://ux.pub/editorial/v-piervuiu-ochieried-vazhno-iuzabiliti-a-nie-soghlasovannost-ili-unifikatsiia-clp
Реальная насмотренность. Как её тренировать и применять
Слушая преподавателей и наставников в творческих сферах, непременно услышишь от каждого из них про важность насмотренности при создании творческой работы и развития в целом. Но, как это часто бывает, просто «насматривать» работы профессионалов в нужной сфере недостаточно для ощутимого эффекта. Да и результат этого процесса часто не так легко заметить, тем более измерить или осознанно применить. Так действительно ли насмотренность так важна, и как получить от неё реальный эффект?
В первую очередь нужно понять, что именно насмотренность формирует наше воображение.
Хорошенько задумавшись над насмотренностью в творчестве, я понял что оно является материалом для нашего воображения. Ведь когда человек рождается, у него нет элементов чтобы что-либо собрать у себя в голове, даже несмотря на то, что его мозг ещё и не способен вообразить что-либо выходящее за рамки первичных рефлексов и инстинктов.
Фантазируя, в голове моделируются образы, собирающиеся из картинок и звуков реального мира. Когда мы воображаем, то сплетаем, подобно пластилину, насмотренную базу, которую успели накопить в своей памяти на данный момент времени. И именно от того, как много разнообразного материала мы успели скопить, зависит количество доступных нам инструментов, соответственно, и их комбинаций. Ведь если человек всю свою жизнь проведёт в четырёх стенах, то ему просто не из чего будет моделировать в своём воображении новые проекты. Это также можно сравнить со словарным запасом для поэта, который либо ограничивает его потенциал, либо даёт ему раскрыться.
Поэтому важно понять, что ширина нашего воображения напрямую зависит от насмотренности. Нельзя проектировать для миллионов, наблюдая за одним человеком, тем более если этот человек вы.
Далее стоит отметить, что насмотренность — это социальный фактор, который даёт понимание трендов и норм.
Несложным анализом можно пронаблюдать, что насмотренность формирует объективное понимание правильного в визуальном или аудиальном мире, сформированное жизненным опытом.
Чтобы было понятнее, представьте планету Y, на которой и женщинам и мужчинам принято сбривать брови и ресницы. А впрочем пускай весь волосяной покров на лице считается непристойностью. Теперь отправим взрослого человека планеты Y на планету Земля. Уверен, он ужаснётся с наших заросших лиц, так как его насмотренность говорит ему о том, что даже самые именитые модники нашей планеты выглядят непристойно и смехотворно.
Собственно, можно не мучать своё воображение, а обратиться к истории и посмотреть на одеяния элиты мужского общества 16-18 веков.
В современном мужском обществе что-то подобное можно увидеть только на премии grammy.
Всё это говорит о том, что насмотренность формирует понимание красивого в конкретном обществе. И она важна, чтобы разбираться в трендах.
14 лучших инструментов для выбора цветовых схем
1. Adobe Color CC
Adobe – мощная корпорация, в которой есть инструменты для всего. Поэтому креативщики компании не могли пройти мимо и создали инструмент и для работы с цветовыми схемами. Этот ресурс поможет создавать и сохранять различные цветовые схемы, каждая из которых состоит из 5 цветов. Он доступен в браузерных вариантах и в настольных версиях. В последнем случае вы можете импортировать свою схему сразу в Photoshop, Illustrator или InDesign.
2. Check my Colours
Предназначен для проверки переднего плана и фона цветовых сочетаний всех элементов DOM для определения достаточного контраста при просмотре. Все тесты основаны на алгоритмах, предложенных World Wide Web Consortium (W3C). Алгоритм работы максимально прост: вы указываете адрес сайта, который хотите проверить, а инструмент делает вам полную раскладку.
3. The Color App
Инструмент The Color App стремится сделать поиск цветов гораздо проще с большой цветовой сеткой. Он также позволяет предварительно просматривать цвета, узнавать значения RGB, HEX и HSLA и создавать палитры цветов, чтобы посмотреть, как они работают вместе. Работает на iOS и Mac.
4. TinEye
Этот сайт использует 10 миллионов общедоступных картинок, собранных с Flickr, чтобы вы могли исследовать цветовые сочетания. Это, пожалуй, самый быстрый способ находить сочетания цветов. Кроме того, TinEye – увлекательный ресурс, который проверяет вашу интуицию.
5. Colordot
Потрясающий в своей простоте инструмент. Нужный оттенок ищется с помощью движения мышки, а Colordot сразу выдает вам цифровой код. Сохранить можно бесконечно много оттенков – еще один удобный способ оценить, как ваша палитра будет работать вместе.
6. SpyColor.com
Это полезный сервис, на котором можно узнать информацию про любую цветовую модель (RGB, CMYK и др.).
7. Designspiration
Гениальный инструмент для поиска референсов и картинок по заданным цветам. Выбирайте до 5 оттенков цвета с палитры – и инструмент покажет фото с ними. Вы можете сохранить фото в своей коллекции на сайте или купить стоковую фотографию, если собираетесь использовать ее в проекте.
8. COLOURIovers
Это сообщество строится вокруг обмена цветами, палитрами и паттернами. В нем пользователи делятся собственно созданными палитрами. Проще говоря, это форум и Pinterest для фанатов палитр, которые хотят делиться с такими же фанатами.
9. Paletton
Здесь, составляя цветовые схемы, можно выбирать не просто отдельные цвета, но и еще указывать их яркость, контраст, насыщенность.
10. COPASO
Сайт предлагает полный спектр инструментов выделения цвета в пределах простого интерфейса, в том числе возможность добавлять примечания к палитрам, загружать изображения, вводить ссылки CMYK и выбирать различные операции для построения своей цветовой гаммы.
11. ColourMod
Этот ресурс предлагает полезный способ выбрать и определить цвет без необходимости запуска дополнительных инструментов посерьезнее.
12. ColorZilla
Сначала этот ресурс был доступен только как Firefox-плагин, но теперь он есть и в браузере Google Chrome. Он включает палитры цветов, пипетки, генератор градиента CSS и палитры браузера.
13. Colormunki
Это интернет-приложение позволяет создавать цветовые палитры из Pantone-образцов, используя ряд различных методик для создания занятных комбинаций.
14. ColorBlender
Один из самых простых и доступных инструментов. Он позволяет выбрать образец, настроить цвет и в режиме реального времени наблюдать за тем, как он генерирует набор из 5 сочетаемых цветов. Готовые палитры могут быть загружены непосредственно в Photoshop или Illustrator в виде файла EPS.
Источник
4 способа задокументировать вашу дизайн-систему с помощью Storybook
Storybook используется для создания самых популярных дизайн-систем в Интернете, в том числе Shopify Polaris, IBM Carbon, Salesforce Lightning, Auth0 Cosmos и Github Primer.
С помощью аддона Storybook Docs команды по всему миру могут работать быстрее и с меньшими затратами. Он автоматически генерирует документацию на основе существующих историй. Но это только отправная точка. Расширьте рабочий процесс документирования, интегрировав Storybook с дополнительными инструментами.
В этой статье я расскажу, как Storybook используется в реальных дизайн-системах для улучшения документации.
Читать: https://ux.pub/editorial/4-sposoba-zadokumientirovat-vashu-dizain-sistiemu-s-pomoshchiu-storybook-38ij
Проектирование адаптивного сайта. Как сделать так чтобы ожидание/реальность совпадали?
Почему так больно смотреть?
Многим знакома ситуация, когда в Figma или Sketch на макетах дизайн сайта смотрится отлично, а реализация вызывает чувство грусти. Вроде что-то похожее на задуманный тобой проект, но не совсем. И в этот момент дизайнер начинает косо смотреть на разработчика, обвиняя в невнимательности, а разработчик в ответ кидает комментарий о том, что макеты были нарисованы плохо. По моему опыту частой причиной такого результата является недостаточное знание особенностей реализации. В материалах, посвященных этому вопросу, часто советуют прикинуть макеты в трех стандартных разрешениях — веб, планшет и мобильный телефон. На самом деле этого достаточно только в двух случаях — если вы очень давно делаете сайты и способны все просчитать или если система адаптации уже продумана до вас (вы используете готовую систему).
Чтобы не утонуть в дизайн-ревью и спорах с разработчиком, нужно хорошо понимать, как работает верстка, поэтому сейчас о ней и поговорим.
Читать: https://medium.com/design-pub/проектирование-адаптивного-сайта-как-сделать-так-чтобы-ожидание-реальность-совпадали-68d4e512dd71
Плагиат VS заимствование в дизайне: где грань и как не нарушать авторские права
«Сделайте красиво, как у...» — популярный запрос на дизайн сегодня. Но где проходит грань между вдохновением от идеи, стиля и визуальных решений другого бренда и плагиатом? И как убедиться, что вы или ваш дизайнер не нарушаете авторские права — разбираемся в статье.
Читать: https://vc.ru/design/587315-plagiat-vs-zaimstvovanie-v-dizayne-gde-gran-i-kak-ne-narushat-avtorskie-prava
7. Тщательно просмотрите собственные дизайнерские архивы
Разумно предположить, что перед окончательным созданием каждого логотипа вы, скорее всего, нарисуете пару десятков скетчей перед тем, как выбрать тот, что вы будете дорабатывать до финальной версии. Никогда не избавляйтесь от таких эскизов, созданных на раннем этапе, поскольку они являются ценным ресурсом. Тот факт, что какой-то из ранних скетчей не подошел предыдущему клиенту – не означает, что он не подойдет никому.
Просмотрите ваши неиспользованные работы и скетчи. Вы можете наткнуться на набросок, минимальные изменения которого превратят его в логотип, который вы как раз искали.
8. Наполните свой мозг случайными картинками
Просмотрите доски креативного блога Pinterest для вдохновения
Полистайте изображения в Google Images и Pinterest по темам, которые могут быть как схожими, так и отличающимися от нужд клиента. Потом добавьте понравившееся в таблицу изображений разных настроений.
Позаимствуйте цвет с одного изображения, форму с другого, слово – с третьего, шрифт – с четвертого. После – подумайте, как эти разные идеи можно совместить.
9. Будьте готовы воспринимать новые идеи
К концу дня вдохновение может прийти откуда угодно, в любое время. Будьте восприимчивы к идеям, которые приходят вам на ум. Нарисуйте набросок чего-либо, что приходит на ум, и вернитесь к нему позже, чтобы понять, как его можно использовать в рамках ваших нужд.
На таких ранних этапах процесса создания логотипа вам нужно позволить креативности взять верх над вами. Соберите гору идей, с которыми можно работать, возьмите лучшее от каждой из них и откиньте все остальное.
10. Займитесь чем-то другим
Дайте голове отдохнуть от работы
Если вы уже все перепробовали, и ничего не приходит на ум, не насилуйте себя. Возьмите перерыв и дайте мозгу остыть. Посмотрите кино, сыграйте в видеоигры, приготовьте вкусное блюдо или сладко вздремните. Удивительно, но отвлечение от насущной проблемы и мысли о чем-то другом могут привести к внезапному появлению необходимого вдохновения.
Нет смысла ждать, когда вдохновение придет само. Чем больше вы ищете его, тем легче будет его найти. Вы можете выявить способы, которые для вас работают и использовать их для создания новых дизайнов.
Источник
Подборка телеграм каналов от Yodiz Studio
Yodiz Life — основной канал. Дима Зубков — руководитель Yodiz, откровенно пишет о студийном бизнесе.
Yodiz School — мощный, а главное бесплатный 5-дневный курс по веб-дизайну для новичков.
Студийные тренажеры. Каждый день прокачивай навык насмотренности на примере свежих работ от лучших студий и дизайнеров мира:
Веб-дизайн
Моушн-дизайн
Графический дизайн
Смотри на веб-дизайн по-новому вместе с Yodiz Studio
Миша Розов, дизайнер с опытом 20+ лет, основатель студии Pinkman (top3 России), уже 2 года делится своими знаниями про дизайн, cinema4d, redshift, иcкуcственный интеллект, портфолио и рост дизайнеров, и про опыт построения своей студии
Также на канале проходят лайв-воркшопы, разборы работ и портфолио, карьерные консультации и всякий разный интересный стафф.
Чекнуть и подписаться тут — @wannabelikerozov17feb
Хочешь чувствовать себя гораздо увереннее в области брендинга и осознанно подходить к выбору визуальных решений?
Гриша Уваров - эксперт в области графического дизайна, экс-хэдлайнер и преподаватель в Geek Brains
Приходи на его авторский курс по Визуальной Айдентике: https://graphcampus.ru
Ты научишься легко находить идеи и выстраивать правильную визуальную коммуникацию продукта с потребителем.
👀 Посмотри подробный видео-обзор курса в телеграм боте школы: @graph_campus_bot
🎁 Там же тебя будет ждать подарок, обновленный гайд «Стили графики и художественные приемы в логотипах»
💙 И давай учиться дизайну!
Арт-директора помогут тебе упаковать портфолио для отбора в топовые компании
7 февраля в 19:00 (МСК) стартует серия бесплатных вебинаров от маркетплейса Edutoria и менторского сервиса Helper. За 3 дня арт-директора и дизайн-лиды Сбера, Яндекса, Газпромбанка и Самоката:
✅Расскажут, как подготовить портфолио, чтобы тебя заметила компания мечты
✅Поделятся лайфхаками, как сами попали на работу
✅Разберут твоё портфолио и сразу поправят его Фигме
А ещё готовь вопросы, ведь ты сможешь задать их арт-дирам в прямом эфире.
Встретимся на первом вебинаре 7 февраля в 19:00 (МСК). Не забудь зарегистрироваться.
Ультимейт курс по FIGMA и веб-дизайну теперь в России
Более 100 часов теории и практики по веб-дизайну от топ-1 автора на Udemy. Микс теории и практики, который оценили уже более 8000 студентов со всех уголков мира.
✅ Основы веб дизайна
✅ Углубленное изучение Figma
✅ Введение в типографику
✅ Прототипирование
✅ Создание Лендинга по ТЗ
✅ Создание Интернет Магазина по ТЗ
✅ Исследование продукта
Посмотреть программу и присоединиться: https://stepik.org/a/129362
До 11 февраля действует скидка 50%.
Как грамотно создать прототипы и не напороться на негатив клиентов
Тестирование прототипов на респондентах – дело сложное, как и любая работа с людьми. Каждая мелочь, каждый «косяк» подсознательно воспринимается как часть уже готового продукта, а скидку на саму условность таких работ никто не делает.
А собирать отзывы об очевидных огрехах работы прототипа не хочется никому, поэтому стоит сосредоточиться на поиске возможных проблем при взаимодействии пользователей с продуктом и заранее создавать их по некоторым правилам.
В статье на Хабре руководитель направления UX-исследований RuStore расписал пошаговый план действий по созданию прототипов, который выглядит примерно так:
- Создание сценария;
- Проверка сценария прототипа;
- Проверка элементов прототипа (кнопки, тексты, контент и др);
- Предпросмотр прототипа.
В конце вас ждет самый важный пункт из всех. А какой – узнаете сами.
Читать статью: https://habr.com/ru/company/vk/blog/711620/
📘 Дизайн-коробка — что за зверь такой?
Это курсы всех известных школ в открытом доступе. Без оплат, регистраций и скачиваний тонны видео себе на жесткий.
Горячее:
➡️ «Школа дизайна» от Яндекс
➡️ Курс «Моушен-дизайна» от Skillbox
➡️ Все интенсивы от Design Line
➡️ Курс по 3D-дизайну от Bang Bang Education
➡️ Создание иллюстраций с 0 от Pixel
➡️ Дизайн-приложений в Figma
➡️ UX аналитика и анализ
Открыть коробку c более чем 1000 курсами, воркшопами и интенсивами: @design_box
Хочешь научиться делать видео и зарабатывать в 2 раза больше, чем сейчас? Сделай свой первый видеоролик в After Effects с нуля всего за 4 урока! На новом бесплатном мини-курсе от профессионалов с опытом 5 лет и более тысячи созданных коммерческих видео.
На мини-курсе ты узнаешь:
1. Как разработать максимально цепляющий текст для видеоролика.
Бонус урока: 122 фразы, которые стоит избегать в видео
2. Секреты привлекательного дизайна. Технические требования к файлу для анимации.
Бонус урока: видеобаннер для анимации.
3. Магию анимации. Создашь свой первый видеоролик.
Бонус урока: «7 ошибок начинающего моушн-дизайнера. Избегаем и делаем качественно с первого раза»
Тебе понадобится для обучения
компьютер
желание получать новые навыки
немного свободного времени
Тебе НЕ обязательно
разбираться в дизайне
знать графические программы
быть креативным
Подарки за прохождение марафона:
— ещё один бонусный урок по анимации баннера;
— гайд «Как выйти на доход 80К в месяц на видеороликах»
Уроки начнут приходить сразу, не нужно ждать вебинаров! Переходи прямо сейчас и начинай обучение https://salebot.site/f5_1?from=4
Больше 3000 участников уже прошли этот мини-курс и научились делать вот такие видеоролики. А ты?
И третьим пунктом хотел бы зафиксировать, что под насмотренностью нужно понимать весь спектр человеческого восприятия, а не только визуальный опыт.
Потому что мы живём в мире систем, где всё вокруг взаимосвязано. Будучи фотографом не стоит ограничивать круг своего вдохновения только визуальной сферой. Наш мозг сложный и мощный механизм, который удивительным способом может генерировать идеи даже из совершенно разных сфер. Мы не можем наверняка знать, из чего именно наш мозг создаст озарение для нового проекта. Это может быть серия картин в галерее, куда человек специально пришёл для поиска вдохновения в собственных живописных работах. Но может быть и пластика танца шамана африканского племени, которая наведёт на решение в проектировании стиля музыкального магазина.
Насмотренность во всех сферах человеческой жизни расширяет эрудированность нашего воображения. Любое новое занятие, впечатление, общество или место может не только натолкнуть на решение актуального вопроса, но и координально изменить жизнь. Возможно, Ник Вудман никогда не придумал бы камеру Go Pro, если не решил отправиться в сёрф-тур в Австралию, где он захотел сфотографировать себя, катаясь на доске.
Собирая вышеперечисленное вместе можно заключить:
— насмотренность даёт материал для воображения;
— она помогает нам понимать актуальные запросы общества;
— насмотренность подразумевает все сферы человеческого восприятия.
По своему опыту могу сказать, что насмотренность, действительно, расширяет границы мысли. Иногда, участвуя в мозговых штурмах, замечаю за собой высказывания типа: «был в аптекарском огороде и видел подходящее нам…» или «на выставке Dubai Expo было классное решение…», и нередко это рождало интересные идеи. И только благодаря тому, что я был в этих местах, нужные идеи появлялись на свет.
Конечно, редко насмотренность развивается ощутимо, будто переходишь на новый уровень в игре. Скорее это можно сравнить с изменениями тела при занятии спортом. Они происходят плавно и незаметно, но если сравнить разницу в 1 год или 10 лет, то результат будет очевиден.
Поэтому чтобы ускорить процесс нужно не только увеличивать осведомлённость в своей профессиональной сфере, но и во всей человеческой деятельности. Чаще пробуйте совершенно новые и неожиданные для себя занятия. Будьте голодны как ребёнок до новых эмоций и впечатлений. Соглашайтесь на смелые и нехарактерные для вас активности. И как знать, может быть спонтанная экскурсия по пивоварне или первое в жизни занятие в гончарной мастерской повернут вашу жизнь на 180 градусов и приблизят к желаемым звёздам.
P.S. Делюсь несколькими ссылками, где я насматриваю визуальную часть.
Pinterest (фотохостинг, который хорошо подбирает похожие изображения)
Behance (сервис с развёрнутыми портфолио креаторов со всего мира)
Dribbble (платформа с изображениями работ креаторов со всего мира)
Muzli (расширение для браузера Google Chrome)
ArtStation (CG галерея)
Источник
Для начинающих дизайнеров и с опытом до 1 года
Сегодня в 20:00 начнётся редкий практикум по UX/UI дизайну мобильных приложений.
Каждый участник сделает в портфолио дизайн приложения для iOS. Разберём как начать карьеру в текущих реалиях и на чём сыпется большинство джунов в резюме.
Узнаешь актуальную медиану ЗП в зависимости от уровня, какими навыками нужно обладать и какие этапы надо пройти для успешного трудоустройства.
В конце разыграем обучение на 66к, а каждый день для участников будут подарки в онлайне: пособия, шаблоны, руководства.
Опыт не требуется. Забирай билет и вэлкам: https://design-figma.ru/26ux_24_1
Senior дизайнеры требуют закрыть этот канал
Он упрощает вход в профессию и создаёт для них конкурентов.
Учебник дизайнера - здесь те самые инсайды, с которыми не задерживаются в джунах.
➡️ Бесплатные выжимки топовых дорогих курсов по UX/UI и граф. дизайну. Учитесь в быстром и удобном формате;
➡️ Лучшие туториалы и инструменты. С этими навыками вы не пропадёте на рынке;
➡️ Знания, на поиск которых ранее уходили годы, доступны вам по одному клику.
@dsign_tutorial - платное, становится бесплатным.
Бесплатный мини-курс «CJM в UX-дизайне»
CJM (Customer Journey Map) — это один из наиболее популярных и эффективных инструментов UX-дизайна, маркетинга и бизнес-анализа. CJM в своей работе используют как международные корпорации, так и небольшие компании, и знание этого инструмента указывается в вакансиях многих работодетелей.
Если вы хотите не просто рисовать красивые картинки, а создавать действительно продуманные, полезные и удобные для пользователей проекты, приглашаем вас принять участие в бесплатном мини-курсе по CJM.
Когда: 12–19 февраля
Формат: 2 онлайн-трансляции по воскресениям в 12:00 + домашнее задание на неделю.
Участники, выполнившие домашнее задание, получат сертификат.
Для участия необходимо вступить в чат школы дизайна Яна Агеенко /channel/AgeenkoDesign
Регистрация не требуется. Вся необходимая информация будет в чате в закрепленных сообщениях.
У Яндекс Практикума есть курс «Графический дизайнер» для новичков. Это 8 месяцев практического обучения, чтобы начать карьеру на фрилансе, в студии или в компании. Вы сделаете 8 проектов для портфолио, а карьерные специалисты Практикума научат искать заказы и презентовать себя на собеседовании.
Вот что будет на курсе:
— развитие насмотренности и поиск референсов;
— работа с композицией, шрифтами и цветами;
— работа с векторной графикой в Adobe Illustrator;
— лендинги в Figma;
— макеты для печати, диджитала и мерча.
Попробовать курс можно бесплатно. Освойте профессию, которая вам действительно нравится.
Что можно успеть за 60 секунд?
- Сделать крутую объёмную фигуру в Figma!
Для этого нам нужно:
✅Нарисовать эллипс и векторную линию
✅Добавить на эллипс градиент
✅Дочитать продолжение в посте...
@figma_60 - туториалы, обзоры плагинов, лайфхаки и прочая полезная инфа уже ждёт тебя.
10 советов, которые помогут найти вдохновение для создания логотипа
1. Отбросьте очевидные идеи
Классические логотипы – хороши, для начала… но не стоит на них останавливаться
Копайте глубже. Рассматривайте не только топ 10 лучших логотипов за все время (хотя и это неплохо, как для начала). Вам нужно рассмотреть более широкий спектр вариантов, изучить дизайнерские подходы в целом и их разновидности по всему миру.
Каждый раз, когда что-то бросается в глаза или нравится по какой-либо причине, делайте заметки об этом. Дайте этим эмоциям и впечатлениям повлиять на процесс создания дизайна и сделать вклад в развитие нового логотипа.
2. Просто нарисуйте узор
Не зацикливайтесь и не думайте над чем-то слишком долго – начните с узоров
Иногда вы можете слишком долго думать над чем-то и, в итоге, ничего не сделать. Так почему бы не перестать зацикливаться, «ломать» голову и вместо этого дать волю свободному воображению, нарисовав узор случайным образом?
В итоге, вы можете получить страницу бестолковых каракуль, но где-то среди бессвязно нарисованных линий вы заметите что-то, что даст важную искру для вдохновения.
3. Используйте историю вашего клиента
Погрузитесь в историю разработки логотипа вашего клиента
Просмотрите все варианты логотипов, используемых вашим клиентом с момента основания компании. Это может быть особенно интересно, если они создавались в течение десятилетий.
Вы можете обратить свой взор в прошлое, если клиент хочет позиционировать свой бренд, как многолетнее наследие, или же можно радикально переработать оригинальный логотип и создать что-то современное c нуля. У такого подхода есть преимущество в том, что лого может стать долговечным, даже если вы представите новое изображение.
4. Загляните в будущее вашего клиента
Обсудите с вашим клиентом его планы на будущее – что он планирует на следующие 12 месяцев или пять лет? Является ли изменение направления его деятельности неизбежным, или образ его новых товаров можно как-то отобразить в логотипе, который вы создаете? Вам нужно позаботиться о долговечности и актуальности логотипа, потому что время от времени бизнес терпит изменения.
Например, возьмем компанию Carphone Warehouse (сотовые телефоны для автомобилей): никто больше не покупает телефоны для автомобилей. Возможно, стоит сменить название сверх успешного бренда, создание которого заняло годы, на что-то более подходящее?
5. Позвоните другу
Свежий взгляд может дать вам ценные идеи
Получение наибольшего количества информации от клиента является максимально разумным ходом, однако иногда нет ничего полезнее, чем свежий взгляд на вещи. Если вы уже выработали какие-то идеи, покажите их другу, который абсолютно ничего не знает о данном проекте. Часто, чье-то непредвзятое мнение может быть именно тем, что вам нужно для подпитки воображения.
6. Создайте несколько досок с изображениями разных настроений
Платформа Matboard является отличным инструментом для создания досок с изображениями разных настроений
Доски с изображениями разных настроений и мозговой штурм могут помочь вам направить мысли в нужное русло и объединить разные идеи и изображения всех форм, размеров и тем.
Играйте с ключевыми словами и синонимами. Вдохновляйтесь одновременно разными источниками, собранными на единой доске изображений разных настроений, чтобы понять, как их можно объединить.
Попытка нейросети Midjourney нарисовать шуточное ТЗ из мема
Автор просто переписал ТЗ в гугл переводчик. Получил вот такой запрос для Midjourney: A cow flies across the sky, she has wings like an airplane or a seagull, In her teeth she carries a bucket of crayfish, the bucket says "Tasty", followed by 2 crocodiles and an ant with a mouth like a predator, let the ant be purple, above all this rainbow and in the distance you can see Motherland
Конечно, запросы так отправлять в нейросеть нельзя, она не понимает сложные структуры предложений. Формируя запрос, нужно его упрощать.
Это и попытались сделать: Cow, wings, sky, teeth, bucket, crayfish, 2 crocodiles, purple ant, predator, rainbow, motherland
Видимо, пока что, подобные бредовые запросы от заказчика способен отрисовать только человек.
Источник
10 основных навыков современного UI и UX дизайнера
Практические советы по улучшению навыков, необходимых каждому дизайнеру
Дизайнеры часто стремятся сразу перейти к созданию модного интерфейса и добавлению анимации, прежде чем отточить базовые навыки.
Что ж, я постараюсь как можно проще объяснить такие темы, как создание юзабилити теста или идеальной цветовой палитры.
1. Как правильно располагать объекты
2. Как подобрать идеальную цветовую палитру
3. Как создать руководство по системе пропорций шрифтов
4. Как создать идеальное кейс-стади
5. Как написать эффективный UX текст
6. Критика дизайна
7. Как создать немодерируемый план удаленного тестирования юзабилити
8. Как проектировать для разработки
9. Как делать вайрфреймы с низкой детализацией
10. Как каждый день становиться лучше.
Читать статью: https://ux.pub/editorial/10-osnovnykh-navykov-sovriemiennogho-ui-i-ux-dizainiera-35fg
Как избежать копирования при работе с мудбордами и референсами
Создание узнаваемого брендинга, вызывающего яркие эмоции и запрограммированные ассоциации, — процесс длительный и довольно сложный. К сожалению, такой подход часто работает только на бумаге. В основной массе рынок дизайна в России представляет собой переработку западных мудбордов и почти точное копирование чужих референсов.
Как эффективно использовать чужие работы и при этом не скатиться в плагиат в статье:
https://www.sostav.ru/publication/vdokhnovenie-ili-kopirovanie-rabota-s-mudbordami-i-referensami-58677.html
Принцип повторения: почему он важен не только дизайнерам
Основная задача принципа повторения состоит в том, чтобы найти общие элементы дизайна, которые объединяют общий замысел и делают общую картину более целостной. Повторяющиеся формы помогают создать эстетически приятный дизайн-проект, который люди с большей вероятностью изучат целиком.
Суть принципа повторения — использовать в дизайне похожие элементы. Однако важно учесть, что каждая составляющая дизайн-проекта хоть и напоминает другие, но всё же является самостоятельной. Сайты с одинаковыми прямоугольными блоками не зацепят взгляд.
Читать статью: https://vc.ru/design/578770-princip-povtoreniya-pochemu-on-vazhen-ne-tolko-dizayneram
Кейс Antibrandy
https://vc.ru/design/573049-antibrandy-eto-istoriya-kotoraya-perevorachivaet-vse
Часто люди не понимают, зачем компании обновляют дизайн. Смотришь на новый логотип, вроде ничего не поменялось. Ну, цвет немного другой, шрифт чуть тоньше, графические элементы поправили. А в целом — то же самое.
Чтобы разобраться, действительно ли новый дизайн ничего не меняет и зачем его вообще делают, читайте статью: https://vc.ru/design/553309-zachem-kompanii-obnovlyayut-dizayn-esli-nichego-ne-menyaetsya
Abduzeedo.com — подборки по категориям 3d, брендинг, графический дизайн, NFT, иллюстрации, UX\UI и прочим. Концептуальный веб-дизайн, который точно натолкнет на новые идеи.
Mobbin.design — находка для тех, кто специализируется на дизайне мобильных приложений. На сайте представлены скриншоты разных сервисов и сайтов — в библиотеке больше 50 тысяч примеров. Естественно, их можно сортировать.
Hoverstat.es — это платформа с подборкой действительно новаторских сайтов, которые удивят необычными фишками и нестандартным подходом. Тут будут скорее примеры веб-дизайна для конкурсов, а не стандартных продающих ресурсов. Но если ты ищешь вдохновение, то это точно сюда. Много разноплановых идей, краткое описание проектов, масса впечатлений от увиденного.
Источник