45+ бесплатных материалов для веб дизайнеров за август 2020

Содержание

Каким будет графический дизайн в 2020

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

Какой дизайн будет эффективен в этом году и как показать не только товар, но и его ценность?

Тотальный брендинг

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

Фирменный стиль для итальянского кафе «Via Monte»

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

Что еще почитать на эту тему:

Как использование брендированной полиграфии помогает бизнесу?

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

Результат: бренд становится интереснее для целевой аудитории, шире используются возможности дизайна.

Яркие цвета

Яркие резонирующие цвета всё еще в тренде (неожиданные сочетания, контрасты). Цвет помогает привлечь внимание потребителя к продукту/выразить философию бренда.

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

Смелая типографика

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

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

Типографика взаимодействует с другими элементами дизайна.

Уникальность изображений

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

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

Графика, изображающая предметы и их философию привлекает внимание потребителя.

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

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

Пересечение стилей

В 2020 «во главе стола» находится творческий подход. Один стиль проникает в другой. А на «выходе» рождается яркий, интересный продукт.

Делаем акцент на креативном подходе:

  • Смешиваем яркие цвета с градиентами и скетчи;
  • Соединяем иллюстрации от руки с фото;
  • Используем экспериментальную типографику;
  • Позволяем себе делать смелые компоновки;
  • Передаем через графику свойства и действия;
  • Используем простые геометрические формы.

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

Пример: для отражения специфики проекта можно скорректировать конструктивистский логотип род нео-мемфис.

Для этого берем паттерн в стиле нео-мемфис и помещаем его на задний план. Элементы логотипа легко адаптируются под любые носители: полиграфическая продукция, интернет-рекламе, сувенирной продукции и т. д.

«Быстрый дизайн»

Общее настроение в сфере полиграфического дизайна:

  • Тенденции графического дизайна быстро меняются.
  • Брендинг перестает быть «продуктом» только для крупных корпораций.

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

Технологии задают свой ритм, не только в повседневной жизни, но и в мире дизайна:

  • сайтах типографий появляются конструкторы макетов, в которых за 10-15 минут можно создать стильный макет без знания графических программ;
  • в сети можно найти интересные ресурсы и приложения для создания дизайна разных маркетинговых материалов (это и макеты печатной рекламы, и дизайн для социальных сетей, и макеты для презентаций).

Одним из таких сервисов является Canva.

На сайте представлены различные рубрики:

  • Записи в социальных сетях;
  • Документы (фирменные бланки, сертификаты, презентации, листовки А4 и др.);
  • Блоги и электронные книги (баннеры для блога, обложки для книг и др.);
  • Маркетинговые материалы (плакаты, меню, флаеры, буклеты, подарочные сертификаты, визитки и др.);
  • Социальные сети и заголовки писем;
  • События (открытки, приглашения, программы и др);
  • Реклама (баннеры разных форматов).

Время редактирования: 10 — 15 минут.

Навыки дизайнера: не нужны.

Возможность сохранения: есть (можно выбрать вариант jpg, png, pdf — стандартный, pdf — для печати).

Русский язык: да.

Цена: огромное количество бесплатных шаблонов, также есть и платные версии (стоимость 1 $).

А еще: есть возможность работать командой, создавать макеты с нуля, загружать свои шрифты и другие графические элементы.

45+ бесплатных материалов для веб дизайнеров за август 2020

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

Эффекты блочного раскрытия

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

15 полезных .htaccess сниппета для сайта на WordPress

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

20 бесплатных тем для WordPress в стиле Material Design

Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

20 сайтов с креативным MouseOver эффектом

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

45+ бесплатных материалов для веб дизайнеров за август 2020

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

Бесплатка: PSD шабон Modus Versus

Вашему вниманию предлагаем PSD шаблон с множеством элементов.

45+ бесплатных материалов для веб дизайнеров за август 2020

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

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

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

1. Нарисованные от руки и 3D иллюстрации

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

Если говорить о трендах, то в 2020-2020 годах на пике популярности будут изображения, нарисованные от руки (этой «фишкой» дизайна уже активно пользуются такие мировые гиганты как Dropbox, Slack и Intercom) и 3D картинки.

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

А вот 3D изображения – это вызов времени, попытка стереть грань между реальным миром и цифровым, передав образы максимально реалистично. Трехмерные картинки однозначно привлекают внимание, к ним так и хочется дотронуться.

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

2. Видео

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

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

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

3. Жирный шрифт

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

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

4. Яркий фон

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

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

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

5. Орнаменты из геометрических фигур и шаблонов

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

6. Разделенный экран

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

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

7. Градиенты

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

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

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

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

Благодарим за то, что уделили время на прочтение этого материала. Мы ценим ваше внимание, так как оно вдохновляет нас на подготовку новых ценных статей для вас.

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

Вас также могут заинтересовать следующие материалы:

Свежие ресурсы для веб-дизайнеров: Август 2020

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

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

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

Carbon Now CLI — это пакет Node.js для создания красивого скриншота кода через интерфейс командной строки. Этот инструмент вдохновлен carbon.now.sh, где вы можете сделать то же самое через приятный графический интерфейс в браузере.

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

TermToSVG — это терминальный рекордер Linux, который превращает сеансы командной строки в анимацию SVG. Это полезный инструмент для разработчиков при написании учебника.

Это библиотека PHP, и, как следует из названия, она предоставляет набор функций для обработки резервного копирования и восстановления базы данных. Библиотека поддерживает различные сервисы для отправки и получения резервных копий, включая Dropbox, Amazon S3, FTP и SFTP, а также Rackloud Cloud.

Огромные коллекции технических приемов React.js, советы и рекомендации. React Bits охватывает общие шаблоны дизайна, стиль и советы по производительности. Это действительно отличный ресурс для повышения ваших навыков React.js.

DSS (Definistic StyleSheets) — это компонентно-ориентированная система авторинга CSS, которая компилируется в высокопроизводительные классы стилей на основе классов CSS. DSS работает как CSS-модули, за исключением того, что поддерживает подмножество CSS, которое может быть скомпилировано для атомных классов CSS. Как это работает и как это можно применить в своей повседневной работе? Честно говоря, понятия не имеем. Но это выглядит круто, и это что-то новое!

PurgeCSS — это пакет NPM, позволяющий оптимизировать выходные данные CSS в веб-приложении путем удаления неиспользуемых. Инструмент имеет разнообразную встроенную поддержку инструмента, включая Gulp, Grunt, Grunt, Webpack и PostCSS, поэтому вы можете сразу интегрировать их в свой проект.

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

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

Larastan является оберткой PHPStan для Laravel. PHPStan — это инструмент, который позволит вам проверять свои коды на наличие потенциальных ошибок без необходимости писать модульный тест. Он проверяет множество вещей, включая существование вызываемых методов и функций, типов, назначенных свойствам, номеров и типов, назначенных конструктору классов, а также проверку phpDocs.

PWMetrics — это инструмент, который собирает показатели Progressive Web Apps через интерфейс командной строки, разработанный Полом Ириш. Инструмент оснащен маяком и доступен как пакет NPM. Он предоставляет множество опций для настройки метрик, производительности теста и ожиданий, которые вы хотели бы достичь вне теста.

Pax — это сборщик JavaScript для компиляции модулей JavaScript в полезный файл для браузеров. Он компилируется быстрее, чем некоторые альтернативные пакеты. Он полностью поддерживает синтаксис импорта и экспорта ES6 и импорт синтаксиса в CommonJS. Написан с помощью Rust и доступен через реестр пакетов Rust под названием Cargo.

SustyWP — это тема WordPress, направленная на то, чтобы уменьшить «углеродный след», уменьшив его размер до наименьшего, насколько это возможно. Она быстрая и легкая, и взамен потребляет меньше ресурсов (например, электричества) для загрузки сайта.

Коллекция рисунков каракулей, The Doodle Library имеет множество рисунков в коллекции, и они сгруппированы по нескольким категориям: «Лица», «Места», «Животные» и т. д. Рисунки доступны в формате SVG и распространяются в соответствии с Creative Common Attributions 4.0.

Плагин jQuery для создания необычного эффекта наклона, похожего на те эскизы предварительного просмотра, которые мы видим на Apple TV. Он не нуждается в дополнительном CSS. Вы можете также посмотреть некоторые примеры реализаций на этой странице.

Fileroom — это веб-приложение для совместного использования файлов peer-to-peer в одной сети. Вы можете обмениваться файлами с коллегой с помощью простого перетаскивания, независимо от ОС. Приложение работает в Windows, MacOS, Linux.

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

Простая библиотека JavaScript для создания пользовательского интерфейса, Reef не имеет всяких лишних примочек большой библиотеки, такой как React.js или Vue.js. Но если все, что вам нужно, это визуализировать пользовательский интерфейс, просто ввод данных и шаблон Reef могут быть отличной альтернативой. Ее вес всего 2 Kб.

Коллекция компонентов пользовательского интерфейса от Segment.io. Компоненты весьма разнообразны; помимо некоторых обычных компонентов, таких как кнопки, иконки, ввод текста, есть несколько, которые мы считаем уникальными для Evergreen.

Всем успешной работы и творчества!

45+ бесплатных материалов для веб дизайнеров за август 2020

Актуально до 16 февраля 2020 года

Конкурс концептов дизайна для онлайн-кинотеатра будущего

Актуально до 15 декабря 2020 года

Международный конкурс постеров для 36-го Чикагского латиноамериканского кинофестиваля

Актуально до 17 января 2020 года

Приз 1000 долларов!

Международный конкурс гравюр ROC

Актуально до 5 февраля 2020 года

Приз до 400 000 новых тайваньских долларов!

Конкурс на создание дизайн-концепции детского сада

Актуально до 30 ноября 2020 года

Приз 150 000 рублей!

Международный конкурс плакатов, посвященный музыке регги

Актуально до 1 марта 2020 года

Международный конкурс геодизайна «Итуруп стиль»

Актуально до 20 мая 2020 года

Приз до 100 000 рублей!

Конкурс дизайна PhotoArt Contest «Рождество»

Актуально до 21 ноября 2020 года

Приз до 80 000 рублей!

Конкурс эскизных проектов «Дом для Доброграда»

Актуально до 28 ноября 2020 года

Приз 250 000 рублей!

Конкурс социальной рекламы «Спасем жизнь вместе»

Актуально до 20 декабря 2020 года

45+ бесплатных материалов для веб дизайнеров за август 2020

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

Автор: Editor · Published Ноябрь 15, 2020 · Last modified Ноябрь 14, 2020

Конкурс социальных плакатов «Охватывая наши различия»

Объявлен международный конкурс социальных плакатов «Охватывая наши различия». Дедлайн 7 октября 2020 года.

Автор: Editor · Published Ноябрь 14, 2020

Конкурс видеороликов «Вместе за безопасность на дорогах!»

Объявлен конкурс видеороликов «Вместе за безопасность на дорогах!». Дедлайн 10 декабря 2020 года.

Автор: Editor · Published Ноябрь 14, 2020

Конкурс проектов «Pro.Чтение: поменяй мир»

Объявлен конкурс проектов школьников «Pro.Чтение: поменяй мир». Дедлайн 27 ноября 2020 года.

Автор: Editor · Published Ноябрь 13, 2020 · Last modified Ноябрь 14, 2020

Конкурс экологического дизайна Ro Plastic Prize

Объявлен международный конкурс экологического дизайна Ro Plastic Prize. Дедлайн 31 января 2020 года.

Автор: Editor · Published Ноябрь 13, 2020

Творческий конкурс «Мастерская книги»

Объявлен литературно-художественный конкурс «Мастерская книги: загадочный Лэпбук и таинственный Виммельбух». Дедлайн 1 декабря 2020 года.

Автор: Editor · Published Ноябрь 12, 2020 · Last modified Ноябрь 11, 2020

Творческий конкурс «Я рисую свои права и обязанности»

Объявлен творческий конкурс «Я рисую свои права и обязанности». Дедлайн 9 декабря 2020 года.

Автор: Editor · Published Ноябрь 11, 2020

Конкурс дизайна для онлайн-кинотеатра будущего

Объявлен конкурс дизайна для онлайн-кинотеатра будущего. Дедлайн 15 декабря 2020 года.

Автор: admin · Published Ноябрь 10, 2020 · Last modified Ноябрь 11, 2020

Конкурс молодежных проектов «РОССИЯ-2035»

Объявлен всероссийский конкурс молодежных проектов стратегии социально-экономического развития «РОССИЯ-2035». дедлайн для заочного этапа конкурса 15 ноября 2020 года.

Автор: Editor · Published Ноябрь 8, 2020 · Last modified Ноябрь 7, 2020

Конкурс гравюр R.O.C.

Объявлен международный конкурс гравюр ROC. Дедлайн 5 февраля 2020 года.

Автор: Editor · Published Ноябрь 7, 2020

Конкурс постеров для кинофестиваля в Чикаго

Объявлен международный конкурс постеров для 36-го Чикагского латиноамериканского кинофестиваля. Дедлайн 17 января 2020 года.

Следите за нами:

Рубрики

Подписка

Новые конкурсы

Конкурсы, на которые вы успеваете подать заявку:

Поиск конкурсов на сайте

Информация и реклама

Внимание

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

Все конкурсы, гранты, стипендии и конференции 2020 — 2020 © 2020. Все права защищены.

50 фантастических бесплатных элементов для веб-дизайнеров, август 2014

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

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

Макет Samsung Galaxy

Основанный на фотографии макет Samsung Galaxy S5 с тремя видами.

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

Простая, но полезная плоская форма логирования в PSD.

Флюбия

Шаблон страницы мобильного приложения.

Drupalize.Me

Коллекция плоских иконок в стиле Drupal.

Векторные пирожные

Коллекция из 9 трогательных пирожных в формате AI.

Виджет погоды

Замечательные полупрозрачные виджеты для программы о погоде.

Веб-дизайнерские иконки

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

Myfolio

Шаблон персонального портфолио.

Макет Macbook Air

Основанный на фотографии макет Macbook Air.

Blueprint

Вдохновлённый iOS мобильный пользовательский интерфейс.

Creative time

PSD шаблон для страница с отзывчивым дизайном.

Скруглённые иконки

37 чёрных иконок в формате AI.

Bagguettebox.js

JS-скрипт галереи lightbox.

Clear Tranquil

Тема WordPress для блога.

E-commerce UI

Интерфейс электронного магазина для сайта и мобильных решений в стиле Windows 8.

Пользовательский интерфейс (UI) видеоплеера

Простой кристальный интерфейс для виджетов видеоплеера.

Passion

Ориентированная на бизнесс тема WordPress.

Vinta

Простой тёмный пользовательский интерфейс.

Продуктовые иконки

40 продуктовых иконок в формате PSD и AI.

Hans Kendrick

Геометрически гротексные шрифты в двух стилях.

Sayitfat

Шрифт в весёлом винтажном стиле.

Плоские персонажи

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

Иконки типов файлов

30+ плоских иконок типов файлов.

Талисманы монстров

PSD файлы с множеством возможных комбинаций.

Ретро значки

9 ретро винтажных редактируемых значков.

Прописной шрифт в лёгком и полужирном вариантах.

Retro

Шаблон PSD убедительного портфолио.

Веб кнопки

Современный веб кнопки в ярких цветных блоках.

195 иконок

195 иконок в форматеAI.

S-arial

Arial шрифт перерисован как slab-serif.

Сладкие иконки

24 иконки в двух стилях.

Pagekit

Современная PHP система управления контентом.

Контурный транспорт

9 транспортных иконок в высоком разрешении.

Макет IPhone

10 основанных на фото макетов iPhone.

Погодные иконки

Набор из 24 погодных иконок.

Onsen UI

Пользовательсткий фреймворк ( framework ) из элементов основанных на HTML5.

Округлый Hanken

Округлый шрифт sans-serif.

Шрифт Kilogram

Шрифт основанный на шрифте анаграм.

Векторные женщины

4 иллюстрации профессиональных женщин с ноутбуками.

Jolly elements

PSD интерфейс, нарисованный от руки.

Шрифт в двух стилях.

ByPeople

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

Музыкальный плеер iOS

Концепт отлайн музыкального приложения в организованных слоях PSD.

Material design

Аудиоплеер для Android с L touch.

Горизонтальная страница Facebook

PSD файлы мокета горизонтальной страница, созданной с WIX.

Шаблонный шок

600 бесплатных печатных шаблон для креативных профессионалов.

Иконки флагов

30 скруглённых иконок флагов различных стран.

Simplax

Простой способ создания параллаксного фона.

Приложение для общения

Современно выглядящий интерфейс мобильного чата.

L’egoist corbeau

Шрифт, вдохновлённый Парижем и арт деко.

Трёх шаговые кнопки

PSD последовательные иконки для создания анимированных кнопок.

Тема Sans-serif

Минималистичная отзывчивая тема для блоггеров.

Кстати, ведь популярный сайт создаёт значительную нагрузку на хостинг. Важно, чтобы ваш хостер обеспечивал устойчивую работу в любых ситуациях, чтобы сайт не «лежал» от отключений электричества в дата центре, частом смене программного обеспечения, частых DdoS-атаках или просто от нагрузок сайтов и т.д. Ведь пользователям это быстро надоест и они уйдут на сайт-конкурент. Я перебрал довольно много решений и нашёл очень хороший вариант — 100 рублей в месяц! За эти деньги даётся профессиональный хостинг, с отличным аптаймом, с бесплатным доменом второго уровня в подарок (!), с 2 гигабайтами места на SSD диске, с неограниченным количеством баз данных, с возможностью подключать неограниченное количество новых доменов (платить придётся только за каждый новый домен — 139 рублей). Вообще, всего хорошего так много, что проще всего посмотреть это здесь.

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

Поделитесь этой статьёй с друзьями, если хотите выхода новых статей:

80 бесплатных ресурсов в помощь дизайнеру

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

Создать свой проект с нуля может не каждый. Но каждый может в разы облегчить себе жизнь, узнав о некоторых инструментах и «примочках», которыми мы поделимся в этой статье. Тем более что все представленные ресурсы бесплатны (ну или почти все).

Материал разбит на тематические блоки, чтобы вам проще было ориентироваться и выбирать нужный сервис. В общем, читайте, берите и пользуйтесь. ;)

Смотри, любуйся, вдохновляйся

    1. https://dribbble.com/ – популярный среди дизайнеров веб-портал. Дизайнеры со всего мира выкладывают свои работы и делятся опытом. Сайт – это социальная сеть для креативных людей: смотрите и оценивайте чужие работы как зарегистрированный пользователь. Делиться своими работами можно после специального приглашения (invite) от друга-дизайнера. Или показав свои работы другому пользователю с имеющимся приглашением.
    2. https://www.behance.net/ – сетевая платформа для творческих людей. Behance предназначен не только для дизайнеров и иллюстраторов, но и для художников, фотографов, видеографов, архитекторов и многих других людей, чья профессия связана с креативом. Большинство работ представлены как полноценные презентации своих навыков и талантов.
    3. http://revision.ru/ – сетевой выставочный зал в основном с работами русскоязычных дизайнеров.
    4. https://onepagelove.com/ – площадка с большим разнообразием одностраничных сайтов, созданных дизайнерами и разработчиками с разных уголков планеты.
    5. https://land-book.com/ – еще один сайт-портфолио только одностраничных сайтов.
    6. https://www.awwwards.com/ – авторитетная премия в мире веб-дизайна и разработки сайтов. На сайте представлены лучшие работы студий со всего света.
    7. http://www.webdesign-inspiration.com/ – название сайта говорит само за себя. Ресурс, созданный для вдохновения сайтами. Удобная фильтрация работ по цвету, типу и тематикам.
    8. http://www.fltdsgn.com/ – вы любитель сайтов в стиле FLAT? Тогда этот ресурс для вас.
    9. http://www.siteinspire.com/ – тут собраны красивые и вдохновляющие сайты. Сам ресурс регулярно обновляется и пополняется новыми работами.
    10. https://www.thebestdesigns.com/ – еще один сайт с вдохновляющими работами в сфере веб-дизайна.
    11. https://www.uplabs.com/material/ – для любителей Material Design полезно заглянуть сюда. Вдохновение не заставит себя ждать.
    12. https://ru.pinterest.com/ – как же обойтись без Мировой доски вдохновения. Здесь можно найти вдохновение на что угодно и кого угодно.
    13. https://pttrns.com/ – сайт с шаблонами пользовательского интерфейса на любой вкус.
    14. http://www.gomoodboard.com/ – сайт для создания собственной доски вдохновения.

Бесплатные фотостоки

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

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

    1. https://www.pexels.com/ – огромное количество красивых и бесплатных фотографий на самые разные темы со свободной лицензией. Есть очень удобный фильтр по цветовой гамме фотографии.
    2. https://unsplash.com/ – больше 200 000 бесплатных фотографий со свободной лицензией. Фотографии разбиты на коллекции от достойных фотографов со всего света.
    3. https://pixabay.com/ – бесплатные изображения высокого качества, так же есть иллюстрации и видео (для коммерческих целей).
    4. https://www.firestock.ru/ – бесплатный фотосток с огромным количеством категорий. Тип лицензии Editorial (для личного пользования).
    5. http://isorepublic.com/ – бесплатные изображения для творческих людей. Каждый день добавляется огромное количество новых фотографий. Можно использовать для коммерческих целей.
    6. http://jeshoots.com/ – более 800 000 бесплатных фотографий высокого разрешения. И тут есть лицензия для коммерческого использования.
    7. http://cupcake.nilssonlee.se/ – вдохновляющие изображения от талантливого фотографа Nilsson Lee, которые можно ставить на сайт и в рекламу. Коммерчески пригодные фото.
    8. https://magdeleine.co – на сайте представлены потрясающие фотографии разных тематик. Доступен поиск по преобладающему цвету. Ну и лицензии на все случаи жизни.
    9. http://nos.twnsnd.co/ – винтажные фотографии из публичных архивов. Все круто, но только для личного и некоммерческого использования.
    10. https://picjumbo.com/ – более 3 000 изображений высокого качества, библиотека активно пополняется. Разрешено использование фотографий в коммерческих целях, но запрещена перепродажа.
    11. https://www.freestockimages.ru/photo/ – бесплатный фотобанк лицензионных фотографий высокого разрешения. Допускается использование в коммерческих целях.
    12. https://www.sitebuilderreport.com/stock-up/ – более 18 000 доступных фотографий. Stock Up объединяет множество различных бесплатных веб-сайтов с фотографиями, поэтому лицензия на каждую фотографию будет отличаться.
    13. http://kaboompics.com/gallery – популярный бесплатный источник качественных фотографий. Фотографии с Kaboompics появляются на сайтах, таких как BBC, CNN, Forbes, Cosmopolitan, Yahoo и т. д. Но важно проверять лицензии на фотографии, они могут быть разными.
    14. https://www.foodiesfeed.com/ – бесплатный фотобанк с изображениями еды в высоком разрешении. Допускается использование в коммерческих целях.
    15. https://www.splitshire.com/ – фото и иллюстрации для бесплатного использования.
    16. http://www.lifeofpix.com/ – еще один бесплатный фотосток с фотографиями высокого качества и его вполне можно использовать для поиска фото в коммерческих целях.
    17. http://www.gratisography.com/ – сайт с креативными снимками от фотографа Райана Макгуаера. Фотосток пополняется еженедельно и также подходит для коммерческого использования.

Бесплатные видео

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

    1. http://www.clipcanvas.com/free-footage/ – на сайте большое количество платных и бесплатных видеороликов высокого качества.
    2. http://www.lifeofvids.com/ – бесплатные видеоклипы высокого разрешения с лицензией ROYALTEE-FREE. Разрешено использование в коммерческих целях.
    3. http://www.wedistill.io/ – бесплатные профессиональные видео для творчества. Можно использовать в рекламных целях.
    4. https://www.videezy.com/ – площадка профессиональных и начинающих видеооператоров, чьи работы находятся в открытом доступе. Разрешено использование в коммерческих целях.
    5. http://www.free-hd-footage.com/ – бесплатные видео отличного качества. Также имеются такие категории как 3D, 4k, 2k. Видео банк небольшой, но категории самые разнообразные.
    6. https://www.videvo.net/ – бесплатные видеоролики для любого проекта. Для скачивания требуется регистрация. Видео разрешено использовать в коммерческих целях.
    7. http://mitchmartinez.com/free-4k-red-epic-stock-footage/ – бесплатные 4к-видео от профессионального фотографа и видеографа Mitch Martinez. Его видео разрешается использовать только в личных целях, не в коммерческих, но есть возможность договориться с автором о расширенной лицензии.
    8. https://pixabay.com/ru/videos/ – бесплатные видео отличного качества. Разрешено коммерческое использование.
    9. http://www.coverr.co/ – сервис для подбора фонового видео на сайт. Видео разрешены для использования в коммерческих целях.
    10. http://mazwai.com/ – большое количество спокойных и живописных видео про природу. Лицензия позволяет использовать в коммерческих целях.

Бесплатные векторные иллюстрации, иконки, фоны и psd

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

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

    1. http://ru.365psd.com/ – на сайте огромное количество коллекций бесплатных векторных изображений, эмблем и PSD-исходников.
    2. http://www.freepik.com/ – графические ресурсы для всех. Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии для использования на сайтах, баннерах, презентациях, журналах. На сайте есть в том числе и платные премиум-иллюстрации.
    3. https://www.flaticon.com/ – более 400 000 иконок на самые разные темы. Есть встроенный редактор иконок по цвету, размеру. В довесок есть и платные качественные иконки.
    4. https://icons8.com/ – 55 000 иконок в стиле Flat. Иконки формата png бесплатны, за формат svg нужно заплатить.
    5. http://dbfreebies.co/ – на сайте отобраны лучшие бесплатные работы с behance и dribbble. Среди них дизайнерские шрифты, иконки, PSD-шаблоны и мокапы, которые используются для презентаций своего дизайна на пустом макете продукта.
    6. https://www.toptal.com/designers/subtlepatterns/ – большое количество аккуратных фонов для сайта. Есть возможность посмотреть на фон «в работе» перед скачиванием.
    7. http://www.heropatterns.com/ – небольшой сайт с паттернами и фонами в svg формате от дизайнера Стива Сёргера. Есть удобный редактор цвета, формата и размера узора. Все паттерны Стив предоставляет бесплатно.
    8. https://freevectormaps.com/ – сайт полностью посвященный векторным картам в разных стилях и техниках. От больших карт Мира до карт мелких островов.
    9. https://freebiesbug.com/ – бесплатные иллюстрации, шрифты и PSD от популярных дизайнеров.
    10. http://www.fribbble.com/ – бесплатные PSD-файлы и другие бесплатные дизайнерские ресурсы от Dribbble.
    11. https://www.mockupworld.co/ – источник бесплатных фотореалистичных мокапов для презентаций, кейсов.
    12. http://fontello.com/ – большое количество иконок хорошего качества в формате svg, есть возможность генерации шрифта из иконок.
    13. http://perfecticons.com/ – генератор иконок социальных сетей онлайн.
    14. https://thenounproject.com/ – на сайте почти миллион дизайнерских иконок формата png и svg. Есть редактор иконок перед скачиванием.
    15. http://www.endlessicons.com/ – бесплатная библиотека плоских и контурных иконок.
    16. http://fontawesome.io/ – шрифт, генерирующий иконки.
    17. http://pixelmap.amcharts.com/ – генератор карты в аккуратные пиксели. Получившееся изображение можно скачать в формате svg, html, png.
    18. https://www.iconfinder.com/free_icons/ – бесплатные коллекции иконок в разных стилях.

Подбор цветовой схемы и палитры

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

    1. https://color.adobe.com/ – один из самых популярных помощников по подбору цветовой схемы. Есть возможность сохранять свои палитры и смотреть палитры других дизайнеров.
    2. https://colorscheme.ru/ – удобный инструмент для веб-дизайнера. Помогает не только определиться с цветом сайта, но и посмотреть выбранное сочетание на сайте-примере.
    3. http://bootflat.github.io/color-picker.html – подборка контрастных цветов для проектов в стиле Flat.
    4. https://uigradients.com/ – на сайте собраны самые модные и приятные градиенты для ваших проектов.
    5. https://dribbble.com/colors/9cf4df?percent=30 – у сайта dribbble.com так же есть фильтр по цвету работ. Можно выбрать подходящий цвет из палитры и посмотреть сочетания в работе популярных дизайнеров.
    6. http://discovercolor.ru/ – удобный сайт с приятными фотографиями, разбитыми на цветовые палитры.
    7. https://brandcolors.net/ – самая большая коллекция официальных цветов популярных мировых брендов.
    8. https://chrome.google.com/webstore/detail/eye-dropper/ – удобный определитель цвета для браузера Google Chrome (перед использованием требуется установка).
    9. http://www.0to255.com/ – сайт для подбора более светлых и темных оттенков одного цвета. Очень удобен для создания градиентов и hover-эффектов.
    10. https://www.materialpalette.com/ – генерация палитр в стиле material design.
    11. https://coolors.co/ – супербыстрый и бесплатный генератор цветовых схем.

Бесплатная типографика

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

    1. https://fonts.google.com/ – бесплатные шрифты от Google.
    2. https://www.canva.com/font-combinations/ – бесплатный поиск шрифтовых комбинаций для вашего дизайна.
    3. http://fishtext.ru/ – генератор рыботекста для незаконченных шаблонов или других ваших проектов.
    4. http://allfont.ru/cyrillic/ – большая коллекция кириллических шрифтов (не все лицензии подходят для коммерческого использования).
    5. http://typespiration.com/ – бесплатный подбор вдохновляющих шрифтовых комбинаций. Увы, не все шрифты доступны в кириллице.

Hover-эффекты, анимация и живые фоны

Возможно, у кого-то возник вопрос: зачем здесь информация для front-end разработчиков? Но выбрать правильный hover-эффект или анимацию – задача дизайнера. Знания html и css еще ни одному веб-дизайнеру не навредили и быть в курсе новинок в стезе верстки его прямая обязанность. В этом помогут приведенные ниже сервисы и не обязательно изобретать велосипед. Вдохновляйтесь тем, что уже есть, и применяйте это в своей работе.

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

20+ новых крутых инструментов для дизайнеров за август 2020

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

В этом весь смысл новых инструментов – сделать наш дизайн намного проще. Вот что нового появилось для дизайнеров в августе.

Paaatterns

Paaatterns – это коллекция векторных шаблонов для фона, заливок и любого другого интересного элемента дизайна. Посмотрите на изображение выше – таких ярких цветов и геометрических форм на сайте очень много. Коллекция бесплатных изображений поставляется в нескольких форматах, включая Sketch, Figma, XD, Illustrator, а также SVG и PNG.

Verby

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

Dashblock

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

Rooki.design

Rooki.design – журнал для студентов и начинающих дизайнеров. В журнале можно найти множество функций и ресурсов, которые помогут новичкам привыкнуть к индустрии дизайна.

Gradient Magic

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

Dynamic Charts

Dynamic Charts – это проект GitHub, который позволяет создавать анимированные диаграммы и визуализировать данные с помощью React. Есть стиль по умолчанию, который облегчает использование, но вы можете кастомизировать дизайн по-своему.

Components AI

Components AI описывает себя как «экспериментальная платформа для исследования систем генеративного проектирования». Это концепт, который позволяет вам циклически повторять идеи и настраивать проекты.

Avant UI

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

Учебное пособие: создание поля для телефонных номеров

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

Money Vector Icons

Покажите мне деньги (иконки)! В этом векторном паке 50 иконок: валюта, банки и все, что с ними связано, в трех стилях.

Stories

Stories – это набор иллюстраций, которые могут рассказать историю бизнеса. Премиум-комплект поставляется в формате AI и SVG.

Isometric

Isometric – это коллекция бесплатных сцен в стиле иконок, которые можно использовать в проектах.

jExcel v3

jExcel v3 – это инструмент, который поможет вам создавать электронные таблицы в режиме онлайн со столбцами, строками и несколькими форматами данных. Вы можете создать таблицу электронных таблиц из массива JS, файлов JSON, CSV или XSLX.

Space Browser

Space Browser позволяет вам организовать вкладки сайтов в интеллектуальные папки, которые позволяют легко возвращаться к часто используемым сайтам и отслеживать историю просмотров. Полученные папки можно легко синхронизировать.

Drama

Drama – это приложение для Mac, которое все еще находится в стадии бета-тестирования. Оно помогает вам рисовать пользовательские интерфейсы, создавать прототипы и анимацию в одном месте.

Font Awesome Duotone

У Font Awesome теперь есть возможность двутонных вариантов. В новом стиле появились два варианта цвета для более чем 1600 иконок.

Cocomat Pro

Cocomat Pro – это восхитительный шрифт в гротескном стиле с красивыми лигатурами и интересными линиями. Премиум-гарнитура включает в себя полное семейство стилей.

Grinched 2.0

Никогда не рано начинать планирование отпуска. Сохраните этот шрифт для таких проектов. Grinched 2.0 – забавная гарнитура в стиле Гринча.

Lansdowne Decorative Font

Lansdowne Decorative Font (Декоративный шрифт Lansdowne) – ровно то, чего вы ожидаете от такого названия. Шрифт выглядит старинным, но при это легко смотрится на вывесках.

Mobstex

Mobstex – это шрифт, который выглядит как написанный от руки. Тонкие линии выглядят красиво и элегантно.

Oliver

Oliver – это шрифт без засечек в верхнем регистре. Он может стать отличной опцией для презентаций и наглядных материалов.

65 Трендов Веб-дизайна в 2020 году. Топовые советы от профи

Привет. На связи Чигарев Илья. Данная подборка трендов веб-дизайна 2020 собрана из 4-х материалов с сайта Behance. Это посты, которые набирают наибольшую популярность и положительные отзывы среди комьюнити дизайнеров. Итак, давайте посмотрим какие тренды выделяют топовые дизайнеры со всего мира.

Безлимитная графика для ваших проектов

Для создания крутого дизайна для сайта, полиграфии, фотографии и прочего, как не крути, вам нужны будут качественные материалы. Это и фотографии, шаблоны, мокапы, иконки, пресеты, кисти и т.д. Все это есть в одном месте и качать можно неограниченно. Сервис ENVATO ELEMENTS с тонной материалов, готовых к скачиванию. Цена подписки от 16,50 $/мес. Переходите по ссылке и посмотрите что вы можете использовать для своего бизнеса и проектов. Подробности вы можете узнать в статье-обзоре.

Главные тренды веб-дизайна в 2020 году

1. Смелые, яркие цвета

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

Проект: Show Go Poster Collection 2020 / Автор: ∆ Studio—JQ ∆

Проект: Daily Posters / Автор: Magdiel Lopez

2. Яркие и насыщенные градиенты

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

Проект: Magic.co / Автор: Ludmila Schevenko

Проект: Electric Objects / Автор: Rose Pilkington

Проект: Gradient Studies / Автор: Evgeniya Righini-Brand

3. Цвет года (Пантон)

PANTONE® 16-1546 Живой коралл (Living Coral)

Проект: Pantone Color of the Year 2020 | Living Coral / Автор: ∆ Studio—JQ ∆

4. Простота и удобство

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

Проект: Creative case / Автор: Nikita Mahaev

Проект: A propos du cancer / Автор: Extra

5. Больше дизайна с дополненной реальностью

Быстрый рост популярности дополненной реальности, или AR, будет заметен не только в индустрии игр, видео и приложений. У AR хорошие шансы охватить область дизайна, особенно за счет популярности мобильных устройств. Вероятным идейным вдохновителем могут стать DIA Studio, применяющие 3D типографику к повседневным объектам.

Проект: DIA / Автор: DIA

6. Экстра глубина (и полуплоский дизайн)

В 2020 году имеет смысл немного оживить традиционный плоский дизайн: добавление теней поможет сделать элементы более объемными, сохранив основные концепции минимализма, которые сделали плоский дизайн популярным. Пространство и объем — элементы новой концепции глубины.

Проект: Nike Promotion Ads — Parallax Effect / Автор: Jardson Almeida

Проект: Flyknit Lunar 3 / Автор: Callum Notman

Проект: Made You Look�� 255 | Live a little more / Автор: STUDIOJQ

7. Геометрические элементы

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

Проект: Nike Le Quartier / Автор: Atelier Irradié

Проект: France Colombia cultural season Brand design / Автор: Graphéine

8. Больше творческой фотографии

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

Проект: Aizone / Автор: Sagmeister&Walsh

Проект: Monkifesto / Автор: Snask

Проект: Nike AMD Revolution / Автор: Happy Finish

9. Дуплекс

Дуплекс (репродукция изображения с использованием полутонов двух ведущих цветов) имеет все шансы попасть в ведущие тренды веб дизайна в этом году. Эта техника не является новой — она появилась несколько десятилетий назад, но благодаря Spotify вновь обрела популярность.

Проект: Stranger Things Concept UI UX Design Web / Автор: Manuel Rovira

10. Брутализм

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

Проект: DoD Cyber Guide / Автор: Marçal Prats

Проект: Power A political party / Автор: Bruce Vansteenwinkel

11. Анимация, Gift-картинки и синемаграфика

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

В 2020 очень вероятно возвращение в тренды синемаграфики (это статичные картинки с единичными движущимися элементами, например, изображение чашки, из которой с анимацией поднимается пар). Значимые элементы не должны быть неподвижными!

Проект: RED / Автор: Kevin Hou

Проект: cinemagraphs.com / Автор: Kevin Burg, Jamie Beck

Проект: Strong Women / Автор: Andreea Robescu

12. Генеративный дизайн

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

Проект: Debrecen 2023 European Capital of Culture / Автор: Classmate Studio

Проект: Sydney School of Entrepreneurship / Автор: For The People

Проект: Archdiploma Dynamic Identity / Автор: Process

13. Набор цветов и узоров из 80-90-х

Где мы это видели? Ну конечно же: это возвращение популярных в 80-90-е цветов с их кислотным розовым и дерзкой контрастностью. Можно ли назвать эти ностальгические настроения вернувшимся трендом? Или все объясняется тем, что молодые дизайнеры — это люди, чье детство прошло в окружении сумасшедших цветов тех лет?

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

Проект: Yes To All / Автор: Nick Liefhebber

Проект: LOGOFOLIO 2020 / Автор: 268 Estúdio Design

Проект: 80’s inspired Pattern / Автор: Rahul Das

14. Кастомные иллюстрации

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

Проект: Bitcoin Illustrations Freebies / Автор: Milo Themes

Проект: Illustrations for Koypo Industries / Автор: Milo Themes

Проект: Lifecycle / Автор: Paperpillar Studio

15. Иллюстрации в миксе с фотографией

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

Проект: Magazine covers / Автор: Andreea Robescu

Проект: Insects Love / Автор: Andreea Robescu

16. Реальные фото

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

17. Изометрический дизайн и фотография

Изометрическое проектирование является способом художественного представления объемных объектов в плоскости. До того, как дизайнеры обнаружили этот прием, он использовался большей частью для составления технических и инженерных чертежей. Изометрический дизайн совершает масштабное восхождение в фотографии, иллюстрировании, 3D графике и иконографике. Можно с уверенностью сказать, что в 2020 году он будет востребован во многих креативных проектах.

Проект: Ultraviolet Break of Day / Автор: Field.io

Проект: Abstractions Vol.1 / Автор: Mohamed Samir

Проект: Isometric House / Автор: Angela Chan

18. Сочетание 2D и 3D

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

Проект: Daily Posters / Автор: Baugasm

19. Монохром

За последние несколько месяцев появилось множество композиций в одной цветовой гамме, на которых фон и объект на переднем плане или шрифт и тени/3D эффекты одинакового цвета.

Что произойдет, если 3D пойдет дальше в создании объема для объектов одного оттенка? Использование одноцветного 3D позволяет дизайнерам добиться иллюзии объема с помощью глубины цвета и теней.

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

Проект: Magrela Popcorn / Автор: Hugo Aranha

Проект: Amazonia Beverages / Автор: Hugo Aranha

Проект: Nespresso Expertise / Автор: JVG ™

20. Дудлы (иллюстрации, нарисованные вручную)

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

Проект: Toasted Pets! / Автор: Brosmind ®

Проект: Awake Festival Proposal / Автор: Milo Themes

Проект: Art Hub Bahrain | Packaging / Автор: Elias Madan

21. Смешение и пересечение стилей

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

Проект: Styled Social Media kit / Автор: Maksat Amirzhanuly

Дизайн логотипа

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

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

Проект: Responsive Logos / Автор: Joe Harrison

Автор: Design Studio

23. Логотипы с анимацией

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

Проект: Type With Pride Gilbert font / Автор: Fontself Team

Проект: Logo Visual identity / Автор: Mariusz Mitkow

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

Проекты: Axel Flores , Vladimir Lifanov , Silvestri Thierry , Vadim Carazan , Onrepeat Studio , Serafim Mendes

25. Негативное пространство

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

Проекты: SeisTrece Studio , Vadim Carazan , Quim Marin , Bureau Rabensteiner , Andrei Traista

26. Геометрические фигуры и узоры

Оформление логотипа едва заметным кастомным узором делает громкое заявление о бренде. Мелкие геометрические элементы добавляют логотипу разносторонности и оригинальности, поэтому мы определенно увидим этот прием в 2020 году.

Проекты: islam biko , Quim Marin , Silvestri Thierry , Vadim Carazan

27. Монограммы

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

Проекты: Milo Themes , Romain Billaud

28. Градиенты

Градиенты — один из главных трендов, унаследованных от 2020-2020 годов, и конечно же, он коснется дизайна логотипов. Легкий градиент или смелые переходы, что выберете вы?

Проекты: MICHAEL SPITZ , Nicholas Slater , Jeroen van Eerden , Vadim Carazan

29. Наложения

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

Проекты: CaveLantern , Fontself Team , Rosie Manning

Веб-дизайн (Ui/Ux)

30. Концепция Mobile First

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

Проект: Food Drinks app Interaction Collection / Автор: Johny vino™ .

31. Микровзаимодействия

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

Элементы становятся текучими: кнопки могут менять форму, и все поверхности скрывают анимированные сценарии, ожидающие прикосновения и активации. Готовы спорить, что они не покинут пьедестал и в 2020 году.

Проект: Brewskies v2 / Автор: Kevin Yang

Проект: Gesichtspunkt / Автор: Alim Maasoglu

32. Встроенная анимация

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

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

Проект: inturn website / Автор: INTURN

33. Креативные экраны загрузки

Сайты, использующих скучные экраны загрузки, устарели. Почему бы не компенсировать пользователю время вынужденного ожидания креативным подходом? Ниже приведены 2 выдающихся примера применения креативных вариантов загрузки сайтами Contemple и Awwwards.

Проект: Awwwards Conference / Автор: Adoratorio

34. Раскладка с ломаной «сеткой»

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

Проект: The Refugee Nation Web Design Branding / Автор: Justin Au

Проект: Ueno Concepts / Автор: Ben Mingo

35. Разбивка страницы

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

Проект: Product Landing Page UI / Автор: Dinesh Shrestha

Проект: Design Thinking / Автор: Radowan Nakif Rehan

36. Больше (интерактивного) 3D в оформлении

Главный тренд, который признает современный веб дизайн 2020 — восхождение (интерактивных) 3D элементов, экспериментирующих с глубиной, движением, текстурой и перспективой. Использование 3D элементов и 3D среды делает каждый веб-сайт выcокоуникальным, улучшая его внешний вид и/или пользовательский опыт. В качестве примера можно привести Atacac, который создал интерактивный футуристичный шоу-рум виртуальной реальности, позволяющий посетителям сайта рассмотреть каждый предмет одежды со всех сторон. Другой яркий пример — вращающаяся 3D скульптура сайта The Artery.

Проект: Atacac 2020 Yearbook

Проект: The Artery

37. Закругленные углы и плавные формы

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

Проект: LuxuryClean UIUX iOS App / Автор: Mariusz Mitkow

Проект: Landing page project design / Автор: Mariusz Mitkow

38. Фоны с движущимися элементами

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

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

Проект: Wibicom / Автор: Wibicom Agency

39. Футуристические узоры

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

Сценарий утратил свою привлекательность, когда стало понятно, насколько далеко фильм отошел от реальности, которая оказалась намного менее футуристичной. Однако благодаря Глубокому Анализу и Big Data мы наблюдаем возвращение робототехнических трендов: футуристические орнаменты найдут применение и в 2020.

Проект: Crown Tech / Автор: Jan Wolinger

Проект: SpaceShip / Автор: Arif Rachman Hakim

Проект: Data Visualization Concept / Автор: Mario Šimić

40. Монохромные иконки

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

Проект: Icon Design / Автор: Eaton

41. Иконки, частично заполненные цветом

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

Проект: Alfred icons / Автор: Andrea O

Проект: Icons / Автор: Alisa_

42. Скроллинг с Parallax

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

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

Проект: Dex Multi-Layer Parallax / Автор: Milo Themes

43. Мондрианизм

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

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

Проект: Mondrian / Автор: Stugbear

Проект: Guernica / Автор: Shota

Типографика

44. 3D — моделирование

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

Проект: Atypical / Автор: Pawel Nolbert

Проект: Alphabet Project / Автор: Serafim Mendes

Проект: RE NEON vI / Автор: Omar. Aqil

45. Жирная типографика

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

Проект: Club AVi’s XII-year Anniversary Posters Series / Автор: Milo Themes

Проект: TEDxGroningen / Автор: Rudmer van Hulzen

46. Serif шрифты

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

Проект: Custom Type Design / Автор: Moshik Nadav Typography

Проект: Lux Naturalis Gala Invitation

47. Геометрический шрифт

Геометрические шрифты были востребованы последние несколько лет и остаются важным трендом и в 2020 году.

Проект: VitrineMedia / Автор: Graphéine

Проект: Sydney School of Entrepreneurship / Автор: For The People

48. Кастомные шрифты

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

Проект: Lingerie XO The Sexiest Most Powerful Typeface Yet / Автор: Moshik Nadav Typography

Автор: Jeanne Bataille

49. Эксперименты с выравниванием и кернинг

Хаотичность в типографике была одним из главных трендов 2020 и остается на вершине в 2020 году. Забудьте о правилах и дайте простор фантазии!

Проект: Studio Studio / Автор: Rudmer van Hulzen

Проект: nyMusikk annual report 2020 / Автор: Non-Format

50. Экспериментальная типографика

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

Проект: Experimental Chinese Typography / Автор: Letitia Lin

51. Типографика в миксе реальными фото

Эклектичные тренды всегда эффектны, и этот не исключение. Добавляйте типографику в фотоснимки или 3D отрисовки и получайте авангардный дизайн.

52. Креативная типографика

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

Проект: ILOVEDUST — 3D TYPE COLLECTION 1 / Автор: ILOVEDUST

Проект: Typography 3D — 9 / Автор: Alexis Persani

Дизайн упаковки

53. Плоский дизайн

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

Проект: Cheddar-Cheese-Melt-Mcdonalds-Packaging / Автор: Mostafa Abdelmawla

Проект: The-Gang / Автор: MARKA NETWORK

Проект: Melio / Автор: Rachael Batley

54. Минималистский дизайн

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

Проект: Sarta-Milano / Автор: MARKA NETWORK

Проект: Gyalmo / Автор: Łobzowska Studio

55. Узоры и фигуры

Геометрические

Геометрические формы будут присутствовать во всех сферах дизайна. Выбирайте орнаменты, которые отражают суть продукта.

Проект: NICHE-Tea / Автор: IWANT design

Кастомные фигуры и элементы

Персонализированный дизайн — обязательная составляющая в построении идентичности бренда.

Проект: aleFanty / Автор: less

Проект: Nature Organic Chocolates / Автор: Mike Karolos

Дудлы

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

Проект: Zoe-Juices / Автор: Beetroot Design

Винтаж

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

Проект: Mutti Special Edition for FICO Eataly World / Автор: Auge Design

56. Смелая типографика

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

Проект: Amilk & Adidas / Автор: Duy Dao

57. Цвета

Дерзкие цвета

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

Проект: Deker-rebranding / Автор: less

Проект: Mochila / Автор: Sweety & Co.

Пастельные цвета

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

Проект: Freshly Baked / Автор: Design Happy

Проект: Ela cosmetics / Автор: ChocoToy cute

58. Необычные текстуры и формы

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

Проект: Sprout Green Paulownia Wooden Box / Автор: Yinjue

Проект: Eco bamboo tooth brush / Автор: Margas Family

59. Голографический эффект

Голографический эффект — вернувшийся тренд. Металлические текстуры позволяют достичь футуристического эффекта и создать магически притягательный дизайн.

Проект: EAT ME / Автор: PACKVISION AGENCY

Проект: Sphynx / Автор: Anagrama Studio

60. Градиенты на упаковке

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

Проект: YOU & OIL natural cosmetics / Автор: Irmantas Savulionis

61. 3D натюрморты

Последние годы был заметен рост числа проектов с 3D дизайном. Наблюдая работы некоторых 3D художников из топа, например MVSM или Питера Тарка, можно предсказать, что в 2020 году популярность 3D натюмортов возрастет. Для корпоративных коллабораций тренд окажется на одном уровне важности с разработкой лого и размещением продукции.

Проект: Squarespace stillife / Автор: MVSM

Проект: Adobe Government / Автор: Peter Tarka

Проект: Audi Q-Riosity / Автор: Peter Tarka

62. Абстрактные фигуры

Абстрактные 3D фигуры и яркие цвета — микс года. Это определенно один из самых влиятельных трендов, так что не упускайте его из вида.

Проект: Logitech CRAFT / Автор: Pawel Nolbert

Проект: SWEET SPIRALS / Автор: Kirill Maksimchuk

63. 3D отрисовка в стиле металлик

3D отрисовка в стиле металлик смотрится эффектно и несомненно относится к трендам, которые интересно отслеживать в 2020.

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

Проект: Grand Spectacular 2020 / Автор: Mustaali Raj

Проект: Various Concepts / Автор: Oleg Morozov

Проект: NIKE FC 3D Golden balls in the real world / Автор: T A V O .

64. 3D графика с анимацией

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

Проект: NIKOPICTO SHOWREEL 2020 / Автор: Nikopicto

65. Очень реалистичное 3D

3D всегда вызывает восторг и будет возглавлять современные тенденции веб дизайна 2020. Этот эффект способен обыграть реальность и вымысел так тонко, что их практически невозможно отличить. Картинка это или отрисовка? Грани продолжают стираться…

Проект: YOOX: Make a Wish / Автор: JVG ™

Проект: Air Max ’17 / Автор: Berd .

Статья собрана из источников:

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

Цукерберг рекомендует:  Возрастающая важность использования резиновых макетов
Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих