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

Позднее Ctrl + ↑

10 правил веб дизайнера по типографике

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

Правила веб-дизайна

Специалисты в данной отрасли выделили 10 основных правил, которых должен придерживаться каждый профи:

1. Применение стандартных шрифтов

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

2. Умеренность в количестве шрифтов — не более 2-3 видов

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

3. Использование Caps Lock для выделения текстовых фрагментов недопустимо

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

4. Использование контраста

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

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

5. Строки должны иметь оптимальную длину

Читатели плохо воспринимают информацию, если строки слишком длинные. Нормальной считается длина от 40 до 70 символов. Оптимальное значение — 60.

6. Отказ от висячих строк

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

7. Межстрочное расстояние

Не стоит строки располагать слишком близко. От этого страдает читабельность и восприятие. Оптимальный интервал — от 130 до 150% высоты строки.

8. Не стоит делать переносы

Они рассеивают внимание и мешают воспринимать информацию.

9. Помним о мобильной версии

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

10. Отказ от шрифта Comic Sans

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

Эти правила являются основой веб дизайна. Используйте типографику в дизайне, чтобы тексты хорошо воспринимались и легко читались, а внимание ничего не отвлекало от содержания страницы.
Есть и другие аспекты создания красивого и удобного сайта — с ними вы можете ознакомиться в этой статье. А чтобы ваше портфолио приводило клиентов, воспользуйтесь сервисом взаимопиара для дизайнеров Betop.me — лайки, просмотры и комментарии в Behance, Dribbble, Artstation и другие площадки.

Web-дизайнер. Плюсы профессии

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

О профессии веб-дизайнер

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

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

Какие навыки нужны веб-дизайнеру для работы

Веб-дизайнер должен:

  1. иметь представление об HTML, знать основы графики;
  2. уметь работать с Figma и Adobe Photoshop;
  3. иметь художественный вкус и аналитическое мышление;
  4. уметь определять цели и задачи пользователей;
  5. стремиться осваивать новое;
  6. быть внимательным, усидчивым и терпеливым;
  7. грамотно вести переговоры с заказчиком;
  8. находить компромиссные решения.
Знания программ, вкус стиля, усидчивость и умение общаться с командой и заказчиком — важные составляющие любого веб-дизайнера

Плюсы профессии веб-дизайнер

1. Высокий доход

Опытный веб-дизайнер может заработать до 100 тыс. руб. в месяц, иногда даже больше. Зарплата новичка в региональной студии в среднем составит 30—40 тыс. руб. сколько зарабатывает веб дизайнер на фрилансе? Все будет зависеть от количества выполненных проектов.

2. Актуальность

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

3. Перспективы профессионального и личностного роста

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

4. Нет привязанности к месту

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

5. Каждый день новые и интересные задания

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

6. Возможность работать с готовыми исходными макетами

Их можно брать в качестве примера для выполнения работы.

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

А чтобы вы нашли клиентов, особенно в начале карьеры, рекомендуем делиться своими работами на платформах для дизайнеров — Behance, Dribbble, Artstaion и т. п. А для большей эффективности, воспользуйтесь сервисом взаимопиара Betop.me — с его помощью вы увеличите просмотры, комментарии, лайки и подписчиков, которые нужны для попадания в ТОП.

5 правил веб-дизайна

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

Как сделать красивый и удобный сайт?

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

Современные правила веб-дизайна

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

Продумывайте структуру сайта прежде, чем переходить к дизайну — так вы сможете учесть все важные нюансы

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

При создании структуры сайта учитывайте также все устройства — компьютер, планшет, телефон

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

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

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

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

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

А в продвижении вам поможет Betop.me — накрутка просмотров, лайков, комментариев и подписчиков платформах для дизайнеров Behance, Dribbble, Artstation и других.
Зачем продвигаться? Чтобы стать заметными среди других дизайнеров и получить новых клиентов.

5 трендов веб-дизайна 2023 года: Y2K дизайн и другие тенденции

В дизайне баннера используется один из трендов. Какой? Узнаете из статьи.

Как и в любой отрасли, развитие веб-дизайна зависит от тенденций. Молодое поколение часто является движущей силой изменений, формируя список новинок дизайна. В настоящее время это поколение Z — люди, родившиеся в период с 1996-2010 годы.
Редакция Продизайн.рус изучила тенденции в IT и обозначили пять трендов веб-дизайна на 2023 год.

Y2K — дизайн

Понятие Y2K относится к эстетике 2000-х годов. Термин Y2K означает «двухтысячный год» — аббревиатура на самом деле означала ошибку, из-за которой дата не могла правильно отображаться на рубеже тысячелетий. Иконами стиля тогда были Бритни Спирс и Кристина Агилера, Пэрис Хилтон и Джастин Тимберлейк. Сейчас интерес к этому времени возвращается.

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

А еще в данном стиле специально делают фото «шумным», как на этом примере

Брутализм: еще одна фишка цифрового дизайна

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

Брутализм в цифровом дизайне следует принципу «функция превыше формы» и является минималистичным. Черно-белая цветовая палитра — своего рода антидизайн. Сайты с большим количеством текста сочетают минималистичные элементы с перекрывающимися изображениями.

В примере изображения для социальных сетей в стиле брутализма

90-е: ностальгия в браузере

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

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

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

Рейв в дизайне сайтов

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

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

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

Метавселенная: новое будущее

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

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

Пример оформления сайта в стиле метавселенной

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

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

А какие тренды веб-дизайна вы замечаете чаще всего? Поделитесь своим мнением в комментариях!

Viva Magenta — цвет 2023 года. Как это меняет нашу жизнь?

Цвет 2023 года

Тенденция выбирать «Цвет года» началась в 1963 году. С тех пор цвет года ежегодно выбирается Институтом Pantone посредством системы подбора цветов и голосования членов правления.

Идея в том, что людям и брендам время от времени нужен рестайлинг и вдохновение.

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

Цель «цвета года» — удовлетворить эту новую потребность и повлиять на тенденции в брендинге, рекламе, дизайне и коммуникациях.

Конечно, никто теперь не ожидает, что вы превратите весь свой гардероб, всю мебель в офисе или цвета бренда в Viva Magenta.

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

Почему был выбран Viva Magenta, а не другой цвет? 🤔

Члены Pantone считают, что в 2023 году нам понадобится больше оптимизма, празднования, экспериментов и большей творческой силы  — качества, которые мы находим в Viva Magenta.

PANTONE 18—1750 Viva Magenta происходит от семейства красных и вдохновлен красным цветом кошенили, одного из самых ценных красителей, принадлежащих к семейству натуральных красителей, а также одного из самых сильных и ярких красителей, известных миру».  — Леатрис Эйсман, исполнительный директор Института Pantone.

Оригинал текста по ссылке

Тренды дизайна в 2021 году

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

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

Очень робкие новые влияния стали проявляться в третьем квартале года, и их доминирование будет постепенно ощущаться в 2021 году.

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

Если 2021 году вы хотите продвинуть свои работы и портфолио на Behance и Dribbble быстрее, воспользуйтесь накруткой лайков, просмотров и комментариев от BeTop.me. После регистрации, будут начислены бонусные монеты (внутренняя валюта), за которые можно запустить накрутку. А также можно выполнять задания от других пользователей и зарабатывать монеты.

Главная тенденция в 2021

3D-графика ­— определенно тенденция 2021 года, потому что используется во всех направлениях дизайна. В новинку лишь то, что теперь ее используют в пользовательском интерфейсе, где ранее превалировал плоский дизайн.

Все более частое использование 3D также связано с наличием нового доступного ПО, очень простого в использовании, а иногда даже бесплатного (например, Figma бесплатна для фрилансеров и содержит плагины, которые облегчают использование 3D). Многие ли из нас не хватались за голову, открывая такие сложные программы, как C4D, 3D Studio Max или Maya? Сейчас же любой дизайнер может быстро научиться создавать красивые 3D-сценарии с таким ПО, как Figma или Dimensions CC. Эти программы идеально подходят для новичков в 3D-графике.

  1. Tran Mau Tri Tam Box. — ⏳Time Tracking
  2. Jan Reeh SDMK web design — 3D
  3. Tran Mau Tri Tam Collab. — Landing Page Kit
  4. Mike Website design / 3D & 2D Edition
  5. CLV Madrid Bankia Humanismo digital
  6. Cabeza Patata Studio Shape & Rhythm
  7. Vivian niu, Vikiiing macOS Big Sur 3D icons
  8. Romain Briaux Specify: Illustration

Еще один фактор, который приведет к более частому использованию 3D — это предстоящий релиз Apple Big Sur, новой операционной системы для Mac. На момент написания этой статьи Apple Big Sur еще не выпущена, и даже дата ее релиза еще не объявлена. Big Sur в настоящее время находится в стадии бета-тестирования. Публичная бета-версия (есть и бета-версия для разработчиков) стала доступна 6 августа.

Если вам интересно, как этот релиз повлияет на мир дизайна, то компания Apple показала нам несколько элементов нового интерфейса Mac. Наиболее важные изменения в дизайне — это добавление 3D-элементов (иконок) и прозрачных областей, а также отказ от серых оттенков.

Содержание

  1. UI/Ixd-дизайн
  2. Иллюстрации
  3. Моушн-дизайн и взаимодействие
  4. Графический дизайн и печать
  5. Упаковка
  6. Трендовые инструменты

1. UI/Ixd-дизайн
1.1 Приложения или мобильный веб

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

Исследования доказывают, что пользователям больше нравятся мобильные приложения, чем мобильные сайты. Платформы, которые уделяют больше внимания веб-сервисам, окажутся в невыгодном положении как с точки зрения представления пользователей, так и с точки зрения своего развития.
Согласно Forbes.com, мобильные пользователи проводят почти 90% своего времени в мобильных приложениях и только 10% времени в браузере/на мобильных сайтах.
У приложений есть и недостатки — например, более высокие затраты на разработку и поддержку.

  1. https://skilling.com/eu/en/ Mobile vs App (Product Design: Nick Collins, Visual: Mihai Baldean)

1.2. Цвета на белых поверхностях

Цвета — это один из важнейших визуальных элементов UI-дизайна. Они могут подчеркнуть ваш контент и усилить стиль вашего бренда. Дизайн цветовой темы должен быть гармоничным. Она должна помочь легко отличать элементы пользовательского интерфейса от поверхностей.

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

Если вы не хотите тратить время на выбор цветовой палитры, то существуют сайты, которые могут помочь вам создать красивые и яркие сочетания. Например, https://flatuicolors.com/ или https://colorsupplyyy.com/app/

  1. Grace Saraswati Health Fitness Mobile App UI UX Kit
  2. Tran Mau Tri Tam Analytics — Mobile App
  3. Avetikyan Data Management System
  4. COREFLIGHTS — Mobile App
  5. Kostia Varhatiuk 3D Wallet App Exploration
  6. Prakhar Neel Sharma Tenant App Case study
  7. Wahab Live Game Streaming App​​​​​​​

1.3. Размеры виджетов

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

  1. Varya Panyukova IOS 14
  2. Alex Muench Apple Widgets UI Kit for Figma
  3. Aleksey Bondarev iOS Widgets for iPhone

1.4. Анимация и взаимодействие

Анимация — это важная часть дизайна приложения и взаимодействия с пользователем. Сегодня дизайн без анимации кажется незавершенным и статичным. Есть много способов создать анимацию, например:
JSON (сокращение от Javascript Object Notation) берет ваши изображения и анимацию и преобразует их в код. Преимущество анимации JSON заключается в том, что она меньше по размеру, чем GIF, и поддерживает полную прозрачность (не требуя BG).
Пару лет назад ребята из Airbnb создали инструмент под названием Lottie, который сильно облегчает создание небольших анимаций с использованием файлов JSON. Lottie — это библиотека с открытым исходным кодом для iOS, Android и React Native, которая преобразует анимацию в реальном времени. Если вы еще не пробовали Lottie, то сейчас самое время.

  1. Jonathan Tipton-King, Treasure Truck — Logo Animations
  2. Alexandra Golde, Animated animals
  3. Daniel Tan, Daphnie Loong Classmo — Virtual Classroom UI/UX
  4. Vineeth TP PETAL

1.5. Нестандартные 3D-иконки

Полагаем, все уже поняли, что 3D — это важная категория в дизайне. Сейчас она важна для UI-сегмента как никогда раньше. 3D-иконки — это новая тенденция пользовательского интерфейса в 2021 году, поэтому если вам наскучили плоские иконки, которые использовались в интерфейсе последние десять лет, то вы можете попробовать трехмерные. Финальный проект будет выглядеть оригинально и современно.

  1. gary liu App icon using Adobe Dimension
  2. David Kovalev Apple not flat
  3. https://www.outliercreative.com/
  4. Alexander Shatov Instagram 3d Icon Concept
  5. Udhaya Chandran iOS 14 widgets
  6. Tran Mau Tri Tam, Figma 3D Icon for Mac OS Big Sur
  7. Seunghyun Kang Skeuomorphism?

2. Иллюстрации

2.1. Тонкий контур в иллюстрациях

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

  1. Odd Bleat * Revolut — Animated Loops
  2. Nahuel Bardi Mask
  3. Andrew Archer Dunhill — Japan National Football Collection
  4. Calvin Sprague Personal Illustration Archive 3
  5. Rafahu The Psychotoons II
  6. Meme. S t e m
  7. Nahuel Bardi Styleframes for animation

2.2. 3D

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

  1. Monstro CGI and Illustration Studio INCLUA
  2. Pat Grivet, Julien Pietri, Mutant Jukebox London’s Life
  3. Titi Lyao 3D illustration
  4. Tran Mau Tri Tam Box
  5. Tran Mau Tri Tam Ghost 👻— Sign In

2.3. Иллюстрации, вдохновленные мультфильмами 70х и 80х годов

Помните «Черепашек-ниндзя», «Хи-Мэна», «Громокошек» или «Инспектора Гаджета»? Если вас захлестнула ностальгия, то позвольте сообщить хорошие новости: этот стиль снова в моде в этом году и продолжит доминировать в 2021 году. В этом классическом стиле рисования мультфильмов используются контуры и простые формы с малым количеством деталей.

  1. Fago Studio Bonniers Book | A trip to the future
  2. Xulia Vicente Various drawings
  3. Qu Draws Limit Cafe x Gallery
  4. spoon tar
  5. MUTE / Nathaniel Rueda 30 DAYS 30 CHARACTERS 2020

2.4. Сумасшедшие формы и цвета

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

  1. Nate Williams ᏝᏗᎴᎩ ᏰᎥᏒᎴᏕ by Nate Williams
  2. Lucas Wakamatsu Animals — Prints
  3. Bernardo Henning Quartz
  4. Totoi Semerena Tropical ✦ Geo V
  5. Totoi Semerena ✧ X E C ✧

2.5. Иллюстрированные видеопрезентации

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

  1. Giordano Poloni Punto Poste Da Te

3. Моушн-дизайн и взаимодействие

3.1. Ролики в TikTok и Instagram

Ролики Reels — это формат короткого развлекательного видеоконтента. Эти короткие видео можно использовать как эффективную маркетинговую стратегию. С запуском Instagram Reels как альтернативы TikTok, крупные компании начали использовать этот инструмент для саморекламы и увеличения своих охватов. Эти видео — больше не просто развлечение для подростков: крупные бренды платят агентствам за их создание. Если вы уже используете социальные сети для своего бизнеса, то рекомендуем попробовать Instagram Reels или Tiktok.

3.2. Классические мультфильмы

Да, мультфильмы нашего детства снова популярны в 2021 году. Мы уже говорили об этом и повторяем снова — очевидно, этот жанр используется и в моушн-дизайне. Взгляните на наш выбор.

  1. Mari Kinovych, Nick Zaychenko
  2. Zombie Studio USE ELO
  3. Wakana Yamazaki Animation «Dim sum time»
  4. Dale Edwin Murray UNINTERRUPTED

3.3. Ультрареалистичные 3D-эффекты

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

  1. He Yang, Chiu Ho, Track Dong, Yuko Hung 吉列 · Gillette — J20剃须刀宣传视频
  2. UoU Studio, CiZY., PB_zz ///Ghost in 1995, MK KUN , Mr. Tomorrow, peng cece, 小 明, Yarn Lo, Kambiz Aghdam REALME NARZO 20PRO
  3. PT & UK Lisbon, Rafael Vicente The Orville

3.4. 3D-иллюстрации

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

  1. Pé Grande Animation, Wunjo CG, Caio Nascimento, Eduardo Ribeiro Gonçalves, Marcelo Pasa Barth, Gabriel Warken, Ernani Furtado, Carlos Tevo Farned, Maria Eduarda Beck, Josemar Queiroz, Leonardo Curtis, Antonio Medeiros SICREDI CONECTA
  2. Jan Sladecko, Zenframes Studio, Haram Jung, aehoon Park, Woosung Kang, Hyunsup Ahn (SurV) , Shi J Balvin Azul — Animated Music Video
  3. The Rusted Pixel, Jeff Moberg Jacks Patch

3.5. Анимированные логотипы

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

  1. Nikola Matošević for Barrage Travelspot logo
  2. Daniel Bodea / Kreatank Bench
  3. Oleg Coada Kote | Logo animation
  4. Yup Nguyen aiera — logo animation loading
  5. Fede Cook COOK- Logo animation
  6. Fede Cook & — Logo animation
  7. Vadim Carazan for Carazan Brands Consultly logo animation
  8. Fede Cook Q — Logo animation
  9. Andrea Binski ASD Logo mark and grid explanation​​​​​​​

3.6. Дополненная и виртуальная реальность

Дополненная и виртуальная реальность сами по себе очень обширная область, в которой есть собственные тенденции, поэтому мы рассмотрим некоторые тренды, которые обязательно появятся в 2021 году. Из-за локдаунов, вызванных Covid-19, компаниям пришлось инвестировать в технологию дополненной реальности, чтобы представлять свой продукт клиентам. Галереи использовали дополненную и виртуальную реальность, чтобы демонстрировать свои работы пользователям. Согласно ожиданиям, как минимум 100 млн пользователей в 2020 году должны были использовать технологии покупок с поддержкой дополненной реальности (Gartner), и этот прогноз был сделан еще до локдаунов по всему миру. Мы полагаем, что в будущем дополненная реальность будет широко использоваться во всех областях в сочетании с искусственным интеллектом и машинным обучением: от медицины или искусства до коммерции, обслуживания клиентов или навигации.

  1. Peter Tarka, Maciek Janicki Google IO 2019

3.7. Быстрые видеопрезентации

Зрители понимают 95% сообщения, когда видят его в видео, и всего 10%, когда вынуждены читать текст на экране (Insignia). Какое бы сообщение вы ни хотели им передать — информативное, вдохновляющее или просто демонстративное — вы можете использовать для этого динамичное видео. Смотрите ниже в нашей подборке, что мы имеем в виду.

  1. https://www.toormix.com/en/
  2. Skilling Join. Trade. Grow. Campaign, Design Firm: Belong

4. Графический дизайн и печать
4.1. Крупная и смелая типографика

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

  1. Andrew Footit MyType — Vol.2
  2. Quim Marin Studio Yeah!Club Redesign
  3. Mario De Meyer Isotype 2
  4. Anna D Displacement Maps and Actions
  5. Quim Marin Studio SOMA Brewing
  6. Sebastian Schubmehl KYIV TYPE — book

4.2. Геометрические формы

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

  1. Toormix Design Agency Kariiou — Branding Project
  2. Jerry-Lee Bosmans Printmaking Challenge V2
  3. 陈 俊贤 文具海报 / Stationery posters
  4. Xavier Esclusa Trias Poster Collection/Retro Brands/Videotape

4.3. Тонкие контуры и штриховая графика

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

  1. Tolleson Design Dictionary.com: A World Beyond Words
  2. Toormix Design Agency Institut Ramon Llull — Rebranding & Visual code Project
  3. zimm wang Oval monsters/Character design/Graphics & poster design
  4. Pablo ⚡️ Espinosa Tall Shorts Film Festival
  5. Khang Ng Emotional Recovery Project
  6. 陈 俊贤 五观 / Five — Observe

5. Дизайн продукта и упаковки

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

  1. Mitsutaka Nakao, Miz Tsuji Park Hyatt Kyoto Takeout Packaging
  2. Karla Heredia Martínez CRACK
  3. Baianat Akelni Brand Design
  4. Cheng Leeeee Mr. Huang’s saltwater chicken
  5. Anninha., Giovana Roza, Julia Ebel Lopes Arlequim — Visual ID
  6. Micael Micmas Moccia | Brand Identity
  7. Baianat Ghallab brand design.

5.1. Устойчивость

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

  1. Lavernia & Cienfuegos The Troupe
  2. Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging
  3. Jieru Chen Side — Ceramics Product Design and Packaging

5.2. Нестандартные иллюстрации

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

  1. Human, Eduardo Ramón Hombre Cometa
  2. Thomas Hedger OFFBLAK Tea
  3. Sanh Nguyen, InSpace Creative, Duy Trịnh, Huy Pham, Elena Phung 12 Spirits — OfDarkness™
  4. lucia del zotto Mejo
  5. Jordan Mandes Packaging design — Maroccantea

5.3. Сторителлинг

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

  1. Cubic Orange, Vladimir Guskic, Fernanda Costa CBD Coffee — Branding & Packaging
  2. Chad Roberts The Preservatory
  3. Stef Hamerlinck Rascal tastebuddies

5.4. Интерактивная упаковка

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

  1. Heinz Ketchup
  2. Pepsi
  3. Peter Tarka, Maciek Janicki Google IO 2019
  4. Max Mysechko, Artemiy Drobyazko, Qvarta Studio, Kiev Ukraine​​​​​​​ MINI PHA | LAMP & CHARGER | PRODUCT DESIGN
  5. Enterfun _official ENERGY TUBE HAND WARMER

5.5. Упаковка, напечатанная на 3D-принтере

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

6. Трендовые инструменты
6.1. Вещество

С этим новым инструментом от Adobe, 3D-графика станет доступной для любого дизайнера. Substance — это полный пакет для текстурирования объектов и создания материалов для ваших 3D-проектов. На самом деле, пакет представляет собой целую экосистему для дизайнеров, создателей стоковых изображений и иллюстраторов. Недостатком этого нового пакета является то, что Adobe предлагает его в виде отдельной подписки от Adobe Cloud, поэтому для новичка или младшего дизайнера ежемесячная стоимость будет довольно высокой. Полный пакет предлагается по цене $19,99 в месяц.

В Substance Painter есть умные материалы и умные маски. Вы можете использовать умные материалы, которые адаптируются к любому объекту, чтобы показать реалистичный износ; изучить пресеты масок, которые адаптируются к любой форме, и рисовать кистями, которые сможете доработать в процессе (substance3d.com).

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

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

Substance Source — это библиотека физических материалов, наполненная ресурсами для дальнейшего развития ваших навыков текстурирования, создания материалов и 3D-искусства. В Substance Source найдется что-нибудь для всех, от процедурных материалов Substance до материалов, раскрашенных вручную и 100% физических скан-копий.

  1. Zachary Corzine Textile Techniques Substance painter & Substance designer
  2. Danil Tabacari Bold shapes and colors — craft & art store illustration Substance painter & Substance designer
  3. Sebastian Marek Never Been Done Substance painter & Substance designer

6.2. Adobe Aero

Aero — это новый инструмент от Adobe, который помогает создавать захватывающие и интерактивные элементы дополненной реальности и делиться ими. Преимущество этого инструмента — отсутствие необходимости иметь навыки программирования или 3D-дизайна. Вы можете найти Aero в Adobe Creative Cloud.

  1. BÜRO UFHO, Kvell Production, Aiman Farooq, Carrie Gotch, Benjamin Morrow Hope
  2. Aiko Fukuda VIRTUAL GARDEN

6.3. Adobe Fresco

«Adobe Fresco — это бесплатное приложение для рисования, созданное специально для Apple Pencil и iPad и предназначенное для художников, которые рисуют профессионально или для себя».
Этот инструмент стал ответом Adobe на высокую популярность Procreate в последние годы.
Adobe Fresco доступен в модели freemium — вы можете начать с бесплатного начального тарифа, а затем перейти на платную версию, чтобы получить премиум-функции. Adobe предлагает ежемесячный тарифный план Fresco для iPad за $9,99 долларов. Это интересный шаг, поскольку Procreate предлагается для единовременной покупки. А что считаете вы?

  1. Tavo Montañez The Monster Mash 2020
  2. Cleonique Hilsaca Mayan Gods — Adobe Creative Residency Community Fund

Получайте новых клиентов с помощью сервиса Betop.me — накрутка лайков, просмотров и комментариев в Behance, Dribbble и других платформах для дизайнеров.

Оригинал статьи на английском: https://www.behance.net/gallery/107015729/2021-Design-Trends

11 рекомендаций как продвинуться в Dribbble

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

Вкратце о Dribbble:

  • — Запущен в 2009 году.
  • — На платформе 13,86 миллиона пользователей (на декабрь 2020 года) согласно статистике SimilarWeb
  • — На сайте можно опубликовать фрагмент проекта на стадии разработки либо в законченном виде — это называется shot (шот)
  • — Загрузить шоты можно в PNG, JPG и GIF формате, размером до 10 Мб, соотношение сторон 4:3. Максимальное разрешение статичной графики 1600х1200 пикселей. Максимальное разрешение анимаций 800×600 пикселей

Короче говоря, Dribbble это Instagram для дизайн-сообщества, в котором точно есть ваша целевая аудитория.

Почему стоит публиковать работы в Dribbble

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

11 РЕКОМЕНДАЦИЙ КАК ПРОДВИНУТЬСЯ В  DRIBBBLE

1. Заполните профиль

Укажите в BIO на чем специализируетесь и другую информацию, загрузите фото, пропишите ссылку на сайт ( вкладка Public Profile ) и заполните ссылки на социальные сети: Instagram, Behance, LinkedIn, Facebook, Medium и т. п. во вкладке Social Profiles

2. Заполните теги и название шота правильно

Посмотрите какие теги у популярных шотов по вашей тематике. Укажите 5-10 основных категорий шоту, описывающих содержание.

Подумайте, как дизайнеры и клиенты будут вас искать, по каким запросам в поиске? Скорее всего по общим запросам, например «finance» или «booking app». Дайте простое и понятное название шоту, из 1-4 слов.

3. Загружайте шоты в высоком разрешении и оптимизируйте картинку

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

Многие не дожидаются загрузки страницы и закрывают её, если грузится долго. Повысьте шансы получить лайк, оптимизировав картинку. Настраивайте размер файла при экспорте из Photoshop, или воспользуйтесь сервисом по обжатию jpeg/png без потери качества https://tinypng.com/.

4. Количество лучше качества

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

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

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

5. Пишите короткое и интересное описание

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

6. Публикуйте регулярно

Публикуйте минимум 1 шот в неделю, а лучше 2-4. Дрибббл разрешит публиковать не более 24 шотов к месяц.

Идеального времени для публикации нет. Есть статистика, что пользователи Dribbble имеют высокую активность в период с 10:00 до 14:00 по CET (центральноевропейское стандартное время).

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

7. Будьте активны

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

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

8. Делайте праздничные и трендовые шоты

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

Есть такой приём как rebound — копия популярного шота. Выберите шот из ТОПа, который вам нравится и попробуйте повторить его либо полностью, либо частично (отдельные элементы). Есть большая вероятность попасть в Popular, если вы сделаете копию хорошо и вовремя.

Также ищите тренды и делайте свои вариации модных веяний.

9. Купите PRO-аккаунт

PRO аккаунт стоит денег, но открывает множество полезных возможностей, таких как:

  • — Дополнительные настройки профиля и оформления
  • — Вам доступен мультикадр (слайдер), т. е. можно публиковать несколько изображений в одном шоте
  • — Можно публиковать видео
  • — Добавлять вложения
  • — Добавлять ссылку на покупку (например в Shutterstock или Creative Market)
  • — Вы появитесь в списке дизайнеров, в  специальном разделе
  • — Расширенная статистика. Вы сможете присоединить Google Analytics и собирать очень подробную информацию о вашей аудитории, источниках привлечения и т. п.
  • — Отложенная публикация шота по расписанию
  • — Создавать командный профиль и многое другое
    Подробнее о всех опциях PRO тарифов

10. Покажите процесс

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

11. Найдите свою нишу

В начале пути возникнет вопрос: «а что именно рисовать и публиковать?». В Dribbble, как и на Behance, популярны интерфейсы (UI / UX) и иллюстрации. И если хотите с чего-то начать — начинайте с них (если это вам по душе).

Также правильно выбирайте платформу, потому что например Android менее популярен у дизайнеров и клиентов, чем iOS.

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

.
Betop.me  — сервис накрутки лайков, просмотров и комментариев в Dribbble и других платформах для дизайнеров.

Курирование Behance: философия и подход. Как попасть в галерею Behance

Перевод статьи от кураторов Behance.

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

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

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

Вот несколько фактов:

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

Итак, что ты можешь сделать , чтобы увеличить свои шансы? Несколько советов, как можно сделать проект “стоящим избрания”.

Великолепное содержание для сногсшибательного проекта.

1) Длина проекта
Как правило, проект состоит из 6-20 изображений без повторов. Редко увидишь Избранный проект, состоящий из 1 или 2 картинок. Если проект представлен одним произведением — скажем, фреской, — важно показать его в деталях, чтобы сделать его содержательнее.

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

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

4) Законченный, отредактированный проект
Многие люди публикуют частично готовые проекты и заканчивают их позже. Поскольку наши кураторы не могут просматривать проект после каждого нового исправления, мы предлагаем публиковать его, когда он уже готов к рассмотрению для Избранной галереи. Многие используют Behance для публикаций черновых работ, чтобы получить обратную связь. Это замечательно! Но, чтобы увеличить шансы попасть в избранное, мы предлагаем создавать новый проект с исправлениями после обратной связи. Вы можете прикрепить ссылку на свою черновую работу в финальной публикации, чтобы люди могли увидеть эволюцию вашего проекта.

Пример ежедневно обновляемой страницы “Лучшее в Behance”.

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

И еще пара моментов, которые нужно учитывать:

  • •Наглядность — наше все. Мы предоставляем огромное количество возможностей красочно рассказать о проекте в описании и иных полях. Не стоит добавлять текст на обложку!
  • •Желательно добавить в работу полноразмерное изображение обложки. Если она понравится людям, многим захочется посмотреть на полноразмерный вариант.
  • •При работе с  анимационным дизайном (особенно в рекламе) лучше использовать кадры анимации, которые помогут наглядно продемонстрировать последовательность событий.

Как правильно выбрать творческое пространство для работы и души

6) Определение категории работы
При определении художественной категории проекта следует выбрать тот раздел, который наиболее полно отражает вашу в нем роль. Если проектом является короткометражный фильм, в котором вы работали над звуком, необходимо выбрать раздел “Звуковой дизайн”, а не просто “Фильмы” в целом. Это поможет сделать акцент именно на вашем вкладе в проект.

Behance предлагает на выбор более 60 художественных разделов — и список постоянно пополняется!

Определение контекста вашей работы

7) Уточните свою роль
Потратьте время на то, чтобы объяснить свой проект: Почему вы его создали? Как пришла идея? Какой смысл он несет? Для некоторых художественных разделов такое объяснение может быть настолько же важным, как и сама работа. Не торопитесь и расскажите историю проекта — до и во время его создания. Не стесняйтесь заполнить раздел “Описание проекта”, чтобы донести до людей больше информации о своей работе.

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

9) Используемые инструменты
Помогите тем, кто заинтересовался вашим проектом, узнать о нем больше и укажите использованные в процессе работы инструменты — это поможет еще больше выделить работу среди остальных!

Если вы уже создали и опубликовали работу на Behance, то можете продвинуть её в ТОП и получить ещё больше шансов попасть в курируемую галерею. Удачи!

С чего начать изучение Веб-дизайна. ТОП-5 советов

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

Что же такое Веб-дизайн?

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

А ведь веб дизайн — это совокупность проектирования и оформления интерфейса для оптимального взаимодействия пользователей с информацией на веб-сайте.

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

  1. Отсутствие специального образования. На сегодняшний день в нашей стране отсутствуют учебные заведения , которые выпускали бы полноценных дизайнеров, поэтому все дизайнеры стараются самостоятельно совершенствовать свои умения.
  1. Очень большой объем информации, которую очень сложно отфильтровать и выбрать действительно полезную и нужную.
  1. Отсутствие последовательности знаний. Существует огромное количество, статей, видео уроков и лекций, но необходимо это все собрать в единую систему, для лучшего усвоения материала новичками. И никакие курсы не смогут дать человеку полностью, тот необходимый уровень знаний, чтобы по окончанию обучения, человек стал действительно ПРОФИ. Ведь дизайн очень многообразен и дизайнер всегда старается себя «апгрейдить».
  1. Еще одна проблема заключается в том, что информация очень быстро устаревает. То, что работало 2 или 5 лет назад, сегодня практически не работает.

Что же необходимо знать, для того, чтобы создавать качественный веб-дизайн?

  • Программы;
  • Типографика;
  • Графика;
  • Психология;
  • Технологии;
  • Тренды
  1. На первом месте это — программы для создания сайтов. Это Adobe Photoshop CC либо Sketch для Mac OS. Знание данных программ в области веб-дизайна позволит быстро и качественно создавать макеты.
  1. На втором месте это — типографика. Это один из самых сложных предметов в дизайне, и является самой большой и частой проблемой у начинающих веб-дизайнеров. Типографика включает в себя работу с текстом, правильное его оформление, а так же взаимодействие текста с визуальным впечатлением сайта. Несет общий посыл сайта.
  1. На третьем месте по значимости это — графика. Ведь качественная работа с картинками и фотографиями делают действительно яркими и запоминающимися макеты, так сказать «лицо» дизайнера в портфолио, когда потенциальный заказчик судит вас как исполнителя. И если у вас будет грамотная типографика и оригинальная графика на вашем макете, то успех вам практически гарантирован.
  1. На четвертом месте можно выделить психологию. Ведь дизайнер должен знать азы психологии, чтобы понимать, как ведет себя пользователь на сайте, как реагирует на определенные сочетания цветов, на расположения элементов макета и на навигацию. Ведь только при грамотном расположении элементов, знании композиции, психологии дизайн и получается не только красивым, но и полезным. А это то, что нам нужно!
  1. Пятое место в нашем ТОПе занимают технологии. Это основы HTML, CSS и JS. То есть дизайнер должен быть немного фронтенд-разработчиком. Ведь для того чтобы создать макет, дизайнер должен понимать, как это будет воплощаться в верстке и как это будет работать в коде: анимация, какие скрипты можно использовать, как можно подать выпадающий элемент, а так же знать, какие элементы и как должны быть запрограммированы.

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

Как же начинающий веб-дизайнер может «добывать» знания?

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

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

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

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

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

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

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

Ранее Ctrl + ↓