Дизайн 2018: 20 актуальных графических приёмов — Дизайн на vc.ru

20 актуальных графических приёмов — Дизайн на vc.ru

Перевод материала дизайнера Филипа Тринера.

84 766 просмотров

2017 год был богат на новые идеи в дизайне. Идеи и тенденции из этой сферы ежедневно публикуются в Mindsparkle Mag. Проанализировав работы прошлого года, мы составили список графических приёмов, которые, по нашему мнению, наиболее вероятно станут трендами в 2018 году.

3D-натюрморты

В течение 2016-2017 годов количество дизайн-проектов с использованием технологий 3D постоянно увеличивается. Следя за творчеством таких ведущих 3D-художников, как ManvsMachine и Питер Тарка (Peter Tarka), можно предположить, что в 2018 году 3D-натюрморты станут ещё более популярными. Особенно это касается сотрудничества с брендами, а также логотипов и продакт-плейсмента.

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

Быстрое развитие технологий дополненной реальности (AR, augmented reality), будет заметно не только в видеоиндустрии, индустрии игр и мобильных приложений.

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

Больше 3D-типографики

В 2018 году 3D-типографика станет ещё более популярной. Самое главное для дизайнера — быть впечатляющим и креативным. Поскольку технологии 3D — эффективное средство общения с аудиторией и действенный метод привлечения внимания к продукту, у корпораций (например, у Nike) возникла потребность использовать их. Кроме того, мы, конечно, увидим и больше анимации в 3D.

Оцифровывание ручной работы

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

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

Яркие и насыщенные цвета и градиенты

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

Больше 3D-анимаций, объединённых с 2D-изображениями

Как и в случае с упомянутым выше трендом в AR, больше дизайнеров будут объединять 3D-изображения (в особенности анимации) с плоским 2D-дизайном. Примером может служить серия изображений, созданная талантливым дизайнером Baugasm.

Гибкий 3D

В 2016 и 2017 году 3D-дизайн сделал огромный шаг вперёд. В будущем граница между реальностью и фантазией станет ещё более размытой и менее заметной.

Можно предположить, что в 2018 году увеличится количество используемых в дизайне органических форм и движений: 3D-работы и анимации станут ещё более привлекательными. Например, дизайнеры начнут использовать жидкие формы и движения, которые нам давно знакомы из реальной жизни.

Больше креативных фотографий

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

Анимированные ретро-иллюстрации

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

Съёмка с использованием цветных (гелевых) фильтров

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

Используя два или более оттенков, можно создать интересные эффекты, которые невозможно повторить в Photoshop.

Адаптивные логотипы

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

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

Упрощённые полу-3D-логотипы

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

Претенциозные шрифты, созданные на заказ

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

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

Больше интерактивных 3D-элементов в веб-дизайне

Интерактивные 3D-элементы — один из основных трендов в веб-дизайне в 2018 году. Они играют с глубиной, движением, текстурой и перспективой. Благодаря 3D-элементам и моделям каждый сайт по-своему уникален, он становится эстетичнее и удобнее для пользователей.

Например, ателье Atacac разработало интерактивный футуристический выставочный зал, в котором пользователи могут в виртуальной реальности познакомиться с новой коллекцией. Ещё один интересный пример — анимация 3D-скульптуры, созданная креативной студией The Artery.

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

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

Например, сайт дизайнера Ben Mingo: вблизи меню курсор ведёт себя как магнит. Курсор также может по-разному реагировать на некоторые действия, что отлично иллюстрирует дизайн сайта Walking Men. Интересно, что ещё придумают дизайнеры.

Креативная загрузка сайта

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

Сторителлинг в Instagram

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

Например, Алес Несетрил (Ales Nesetril), автор книги «Идеальная сеть: креативное руководство по инстаграму», умело использует «истории» для взаимодействия с аудиторией.

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

В 2018 году креативное использование tutorial, прямых эфиров, Work-in-progress и других тенденций однозначно будет набирать популярность. Мы также считаем, что дизайнеры чаще будут обмениваться аудиторией: наша редакция Mindsparkle magazine готова приглашать больше дизайнеров на денёк воспользоваться аккаунтом журнала и пообщаться с аудиторией.

Стилизация 3D-работ под искусство ручной работы

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

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

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

Эффект глубины в плоском дизайне

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

Топ-10 трендов дизайна в 2018 году — Офтоп на vc.ru

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

4186 просмотров

1. Цвет. определенно только сочные и яркие цвета.Неоновый синий, фиолетовый (цвет года) , бирюзовый. Но конечно же не нужно забывать о том, что есть цвета “режущие глаз”, например ярко-зеленый #66ff00. Конечно кто-то скажет, что яркие цвета наводят хаос, но мы считаем, что правильное сочетание всегда произведет эффект на зрителя/клиента.

Автор — Studio—JQ

2.Градиенты. И не просто градиенты, а такие же яркие и насыщенные. Каждый год ведутся споры модно использовать градиенты или нет. Но в 2018 году все вновь становится на свои места. Если душа лежит – обязательно используйте. Теперь будет популярен двухцветный переход из ярких цветов, можно также добавить тени, для углубления.

Автор — Magdiel Lopez

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

Автор — Malei Design

4. Дуплекс. Выбираем два ведущих цвета — и вперед! Такой эффект всегда будет выглядеть стильно и притягивать взгляд.

Автор — Manuel Rovira

5.Глубина. Сочетайте плоский дизайн с объемным. Всё достаточно просто, добавьте немного теней, и они сделают ваш дизайн более глубоким.

Автор — Studio­–JQ

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

7.Иллюстрации. Разработка персональных иллюстраций для компании — дело не легкое, но оно того стоит. Они придают компании индивидуальность и неповторимый стиль. Иллюстрации, нарисованные от руки, могут стать настоящим произведением искусства.

Автор — Elnura Murzataeva

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

Автор — Rudmer van Hulzen

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

Авторы — Theo Favereau и Camille Lecacheur

10.Двойная экспозиция. Раньше не многие пользовались этим инструментом, а зря. С ним можно в два счета привлечь внимание даже скептически настроенного клиента. Дизайн с двойной экспозицией концентрирует все внимание на объекте, а совмещение двух фото помогает передать весь смысл задуманного. Всё гениальное — просто!

Автор — Aneta Ivanova

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

Автор — Евгения Иосифиди. SMM-агентство «Red Velvet»

10 вдохновляющих тенденций графического дизайна на 2018 год

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

>> Ознакомьтесь с последними тенденциями в графическом дизайне здесь

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

Вот 10 тенденций графического дизайна, за которыми стоит следить в 2018 году

—

1. Адаптивные логотипы
2. Градиенты
3. Больше глубины (с полуплоской конструкцией)
4. Лихие дуэты
5. Палитры и узоры, вдохновленные 80-ми и 9-ми годами0 из
6. Движение: анимация и GIF-файлы
7. Жирный шрифт
8. Графика и иллюстрации на заказ
9. Аутентичная фотография
10. Винтаж с высокой детализацией

1.

Адаптивные логотипы

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

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

Выберите примеры из «Адаптивных логотипов». Via Joe Harrison

Цифровой дизайнер и интерактивный дизайнер Джо Харрисон создал экспериментальный проект под названием «Отзывчивые логотипы», чтобы изучить возможность создания масштабируемых логотипов для некоторых крупнейших мировых брендов.

Через Skype Через Google

2. Градиенты (и мы также называем их цветовыми переходами)

Градиентное наложение изображения с анимацией перехода цвета для добавления бликов. Via NYC Pride

В недалеком прошлом безраздельно царили градиенты. Их можно было найти на каждой кнопке веб-сайта, в шапке страницы и в презентации PowerPoint. Ваш корпоративный PDF-файл не был бы крутым, если бы его обложку не украшал градиент. Затем, где-то в конце 2007 года, они были отодвинуты на второй план, когда мы вступили в эпоху плоского дизайна.

Stripe использует яркие градиентные фоны, дополняющие полуплоские иллюстрации. Через полосу

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

Яркие цветовые переходы и типографика Elje Group актуальны для 2018 года. Via Elje GroupAsana сочетает градиенты, иллюстрации и тени для современного плоского вида 2.0. Виа Асана

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

Дизайн логотипа рабочей области для helloT7 от shaka88Pushups фитнес-приложения для SmoothMobile, LLC от Nashrulmalik Концепция логотипа Aquatta от artsigma

3. Больше глубины (с полуплоским дизайном)

Дизайн карты для игрового приложения Galaxii от boorykin

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

Оглядываясь назад, можно сказать, что глубина была ценным инструментом, помогающим пользователям определять визуальную иерархию, поля ввода и призывы к действию на экране. Дизайнеры экспериментировали с «длинными тенями» в качестве приемлемого средства для добавления большего размера своим плоским проектам, когда Google Material Design вновь представил настоящие тени в качестве улучшения своего пользовательского интерфейса. Идея быстро распространилась за пределы Material Design, и дизайнеры начали заново вводить собственные тени. Эти тени были большими, мягкими, иногда окрашенными и добавляли тонкую глубину и объем в отличие от их резких, чрезмерно используемых предшественников «тени».

Пример материального дизайна. Мягкие тени через Inbox от GmailLarge помогают определить иерархию и интерактивность на этом замечательном сайте в стиле Material Design. Через Android

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

Тонкие тени помогают компонентам пользовательского интерфейса выделяться в этом уникальном дизайне. Дизайн домашней страницы Codecourse от His-P Design StudioМягкие тени помогают компонентам пользовательского интерфейса выделяться в этом уникальном дизайне. Через базовый пользовательский интерфейс для Sketch

4. Dashing duotones

Календарная панель от AfriSam 2018 Corporate Stationary. Через Katt Phatt, Andrew Footit, Promise Luxe™, charlette hepworth, Ali Cordeiro, Copywriter, Nic Kostouros, Sherilea Gaspar. двухцветное изображение. Эта фундаментальная техника печати обрела новую жизнь в цифровых носителях. Программное обеспечение для обработки изображений упростило создание дуотонов, а также связанных с ними вариаций, таких как монотоны, тритоны, квадроны и «фальшивые дуотоны» (окрашенные изображения).

Spotify использует двухцветные изображения для брендинга и обложки. Через Spotify

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

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

Дизайн плаката дуотонов для Gauthier & Nolet Architects. Via Jvstin Bechard Дизайн упаковки продукта от ::scott::Duotones используются во всем невероятном дизайне веб-сайта для «Мультимедийных путеводителей по польской культуре». Через Culture.plNewDealDesign повсеместно использует яркие двухцветные образы. Через NewDealDesign

5. Палитры и узоры, вдохновленные 80-ми и 90-ми годами

Фирменный стиль Bliss Thai, вдохновленный 80-ми годами. Линия канцелярских принадлежностей и декоративной бумаги Via Daria KwonWrite Sketch & имеет потрясающую атмосферу 80-90-х годов. Через Write Sketch и Redux Saints Branding с электрическим дизайном логотипа от austinminded

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

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

Fun Employed представляет собой сочетание ретро и плоского стиля. Via Fun EmployedNordic.design совершенно симпатичный с его геометрическими узорами и неоновыми цветами. Через nordic.design Яркие цвета и узоры оживляют образец пакета визитных карточек MOO. Via MOO

6. Движение: анимация и GIF-файлы

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

Взаимодействия с приложением для Final. Через RamotionContact синхронизируйте микровзаимодействия. Через Ramotion

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

Новое движение 500px. Через Уильяма Кеслинга для Focus LabAnimations для новой системы брендов Google. Через Адама ГрабовскиОфициальный анимированный словесный знак для Uber. Via Nicolas Girard

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

Это не обычные GIF-файлы. Через отзывчивый анимированный заголовок ArteryIcons в формате GIF демонстрируется концепция их продукта. Через значки ResponsiveBloom наполнен иллюстрациями и анимацией. Via Bloom

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

7. Жирный шрифт (и засечки возвращаются на экран!)

Slack плавно интегрирует шрифты с засечками в плоский дизайн. Шрифты SlackSerif помогают задать тон этому грандиозному проекту. Через General Electric

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

Сверхбольшая типографика Bolden и анимация при наведении просто потрясающие. Via Bolden

Это разнообразие будет включать больше декоративных и ручных шрифтов, а также — вздох! — шрифты с засечками. Наши друзья-шрифты с засечками быстро снова появляются на экранах, особенно в сочетании с шрифтами без засечек. Из-за потребности в синхронизации во всех средствах массовой информации дизайнеры почти полностью отказались от засечек, чтобы избежать несоответствий, поскольку бренды стали жить большей частью своей жизни в Интернете. С ростом приемлемости шрифта с засечками на экранах (вероятно, из-за более качественных экранов и впечатляющих возможностей Google Web Fonts) мы можем ожидать волнового эффекта, и шрифт с засечками восстановит некоторые из своих прежних позиций.

Концепт дизайна упаковки Alta от Fe MeloОбложка альбома Low High с креативной типографикой от nevergohungryWir Обложка книги Im Wandel от nevergohungry

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

Такой современный, но такой ретро. Через Polaroid OriginalsПьер Нгуен показывает нам, что больше может быть лучше. Виа Пьер Нгуен: Жирные засечки и причудливая анимация — отличное сочетание. Через Воспитание Digital

8. Индивидуальная графика и иллюстрации

Потрясающий логотип с нестандартной типографикой. Совместная работа Dusan Klepic DK™ и ludibesЭта иллюстрированная концепция дизайна мобильного сайта от boorykin действительно потрясающая. (Полный вид здесь.) Дизайн обложки книги «Год тебя» для hannahs3 от LilaM

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

Индивидуальные иллюстрации для ракеты от SpoonLancerТрейд-дизайн дисплея для cloco от Милы Джонс Канн

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

Веселая графика MailChimp, вдохновленная 80-ми годами. Через MailChimpЭти иллюстрации совершенно причудливы. Via Denise ChandlerИгра вдохновила интерактивное резюме Робби Леонарди.

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

Эти вдохновленные Матиссом иллюстрации с тонкой анимацией просто поразительны. Via Inside the HeadPart flat, часть 80-х, все на заказ. Через New Enterprise AssociatesИзящные акварельные иллюстрации неподвластны времени. Виа Хаус на Хлебном

9. Аутентичная фотография

Фотография Йети полна событий. Via Yeti

Аутентичная фотография выглядит и ощущается настоящей. Независимо от того, работаете ли вы с пользовательскими фотографиями или выбираете стоковые, ищите изображения, которые передают эмоции, содержат действие или рассказывают истории. Нефильтрованная и не постановочная фотография была огромной частью рекламы в 9-м веке.0, и хотя мы не совсем уверены, почему модели провели следующие 15 с лишним лет, пожимая руки и улыбаясь своим экранам, приятно видеть, что естественные (и более интересные) композиции снова возвращаются в мейнстрим.

Сцены из реальной жизни Большого картеля связаны с их художественной аудиторией. Через Big CartelСерьезно, насколько милый этот парень? Via Dog Jogs

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

Этот дизайн наполнен эпическими сценами и пейзажами. Via EpiccurrenceElegant Seagulls сочетает в себе нестандартные фотографии и смелую типографику для современного креативного вида. Via Elegant Seagulls

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

Boutique от Martis LupusПривлекательная концепция упаковки здоровой пищи от Hive — AgencyВинтажная и вневременная пивная этикетка для Marina от MANTSA®

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

Концепция дизайна коробки для виски от Esteban TSalami Дизайн этикетки для Bona от Wooden HorseДизайн логотипа для Perfect Steep eJuice от Mojo66 используя этот стиль в течение многих лет с великолепными результатами. Бренды ремесленных, органических и натуральных продуктов любят этот вид, используя его, чтобы придать своим продуктам ощущение ручной работы, полезное ощущение более простых времен.

Цветочный брендинг итальянского ресторана Fiore. Через No Name BrandingКонцепции дизайна винтажных этикеток от .g. Найдите идеальный джин с помощью этого восхитительно оформленного приложения. Виа Джинвентори

Вы готовы к дизайну в 2018 году?

—

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

Готовы получить великолепный графический дизайн?

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

Да, пожалуйста!

10 вдохновляющих тенденций графического дизайна на 2018 год

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

>> Ознакомьтесь с последними тенденциями в графическом дизайне здесь

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

Вот 10 тенденций графического дизайна, за которыми стоит следить в 2018 году

—

1. Адаптивные логотипы
2. Градиенты
3. Больше глубины (с полуплоской конструкцией)
4. Лихие дуэты
5. Палитры и узоры, вдохновленные 80-ми и 9-ми годами0 из
6. Движение: анимация и GIF-файлы
7. Жирный шрифт
8. Графика и иллюстрации на заказ
9. Аутентичная фотография
10. Винтаж с высокой детализацией

1.

Адаптивные логотипы

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

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

Выберите примеры из «Адаптивных логотипов». Via Joe Harrison

Цифровой дизайнер и интерактивный дизайнер Джо Харрисон создал экспериментальный проект под названием «Отзывчивые логотипы», чтобы изучить возможность создания масштабируемых логотипов для некоторых крупнейших мировых брендов.

Через Skype Через Google

2. Градиенты (и мы также называем их цветовыми переходами)

Градиентное наложение изображения с анимацией перехода цвета для добавления бликов. Via NYC Pride

В недалеком прошлом безраздельно царили градиенты. Их можно было найти на каждой кнопке веб-сайта, в шапке страницы и в презентации PowerPoint. Ваш корпоративный PDF-файл не был бы крутым, если бы его обложку не украшал градиент. Затем, где-то в конце 2007 года, они были отодвинуты на второй план, когда мы вступили в эпоху плоского дизайна.

Stripe использует яркие градиентные фоны, дополняющие полуплоские иллюстрации. Через полосу

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

Яркие цветовые переходы и типографика Elje Group актуальны для 2018 года. Via Elje GroupAsana сочетает градиенты, иллюстрации и тени для современного плоского вида 2.0. Виа Асана

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

Дизайн логотипа рабочей области для helloT7 от shaka88Pushups фитнес-приложения для SmoothMobile, LLC от Nashrulmalik Концепция логотипа Aquatta от artsigma

3. Больше глубины (с полуплоским дизайном)

Дизайн карты для игрового приложения Galaxii от boorykin

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

Оглядываясь назад, можно сказать, что глубина была ценным инструментом, помогающим пользователям определять визуальную иерархию, поля ввода и призывы к действию на экране. Дизайнеры экспериментировали с «длинными тенями» в качестве приемлемого средства для добавления большего размера своим плоским проектам, когда Google Material Design вновь представил настоящие тени в качестве улучшения своего пользовательского интерфейса. Идея быстро распространилась за пределы Material Design, и дизайнеры начали заново вводить собственные тени. Эти тени были большими, мягкими, иногда окрашенными и добавляли тонкую глубину и объем в отличие от их резких, чрезмерно используемых предшественников «тени».

Пример материального дизайна. Мягкие тени через Inbox от GmailLarge помогают определить иерархию и интерактивность на этом замечательном сайте в стиле Material Design. Через Android

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

Тонкие тени помогают компонентам пользовательского интерфейса выделяться в этом уникальном дизайне. Дизайн домашней страницы Codecourse от His-P Design StudioМягкие тени помогают компонентам пользовательского интерфейса выделяться в этом уникальном дизайне. Через базовый пользовательский интерфейс для Sketch

4. Dashing duotones

Календарная панель от AfriSam 2018 Corporate Stationary. Через Katt Phatt, Andrew Footit, Promise Luxe™, charlette hepworth, Ali Cordeiro, Copywriter, Nic Kostouros, Sherilea Gaspar. двухцветное изображение. Эта фундаментальная техника печати обрела новую жизнь в цифровых носителях. Программное обеспечение для обработки изображений упростило создание дуотонов, а также связанных с ними вариаций, таких как монотоны, тритоны, квадроны и «фальшивые дуотоны» (окрашенные изображения).

Spotify использует двухцветные изображения для брендинга и обложки. Через Spotify

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

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

Дизайн плаката дуотонов для Gauthier & Nolet Architects. Via Jvstin Bechard Дизайн упаковки продукта от ::scott::Duotones используются во всем невероятном дизайне веб-сайта для «Мультимедийных путеводителей по польской культуре». Через Culture.plNewDealDesign повсеместно использует яркие двухцветные образы. Через NewDealDesign

5. Палитры и узоры, вдохновленные 80-ми и 90-ми годами

Фирменный стиль Bliss Thai, вдохновленный 80-ми годами. Линия канцелярских принадлежностей и декоративной бумаги Via Daria KwonWrite Sketch & имеет потрясающую атмосферу 80-90-х годов. Через Write Sketch и Redux Saints Branding с электрическим дизайном логотипа от austinminded

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

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

Fun Employed представляет собой сочетание ретро и плоского стиля. Via Fun EmployedNordic.design совершенно симпатичный с его геометрическими узорами и неоновыми цветами. Через nordic.design Яркие цвета и узоры оживляют образец пакета визитных карточек MOO. Via MOO

6. Движение: анимация и GIF-файлы

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

Взаимодействия с приложением для Final. Через RamotionContact синхронизируйте микровзаимодействия. Через Ramotion

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

Новое движение 500px. Через Уильяма Кеслинга для Focus LabAnimations для новой системы брендов Google. Через Адама ГрабовскиОфициальный анимированный словесный знак для Uber. Via Nicolas Girard

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

Это не обычные GIF-файлы. Через отзывчивый анимированный заголовок ArteryIcons в формате GIF демонстрируется концепция их продукта. Через значки ResponsiveBloom наполнен иллюстрациями и анимацией. Via Bloom

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

7. Жирный шрифт (и засечки возвращаются на экран!)

Slack плавно интегрирует шрифты с засечками в плоский дизайн. Шрифты SlackSerif помогают задать тон этому грандиозному проекту. Через General Electric

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

Сверхбольшая типографика Bolden и анимация при наведении просто потрясающие. Via Bolden

Это разнообразие будет включать больше декоративных и ручных шрифтов, а также — вздох! — шрифты с засечками. Наши друзья-шрифты с засечками быстро снова появляются на экранах, особенно в сочетании с шрифтами без засечек. Из-за потребности в синхронизации во всех средствах массовой информации дизайнеры почти полностью отказались от засечек, чтобы избежать несоответствий, поскольку бренды стали жить большей частью своей жизни в Интернете. С ростом приемлемости шрифта с засечками на экранах (вероятно, из-за более качественных экранов и впечатляющих возможностей Google Web Fonts) мы можем ожидать волнового эффекта, и шрифт с засечками восстановит некоторые из своих прежних позиций.

Концепт дизайна упаковки Alta от Fe MeloОбложка альбома Low High с креативной типографикой от nevergohungryWir Обложка книги Im Wandel от nevergohungry

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

Такой современный, но такой ретро. Через Polaroid OriginalsПьер Нгуен показывает нам, что больше может быть лучше. Виа Пьер Нгуен: Жирные засечки и причудливая анимация — отличное сочетание. Через Воспитание Digital

8. Индивидуальная графика и иллюстрации

Потрясающий логотип с нестандартной типографикой. Совместная работа Dusan Klepic DK™ и ludibesЭта иллюстрированная концепция дизайна мобильного сайта от boorykin действительно потрясающая. (Полный вид здесь.) Дизайн обложки книги «Год тебя» для hannahs3 от LilaM

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

Индивидуальные иллюстрации для ракеты от SpoonLancerТрейд-дизайн дисплея для cloco от Милы Джонс Канн

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

Веселая графика MailChimp, вдохновленная 80-ми годами. Через MailChimpЭти иллюстрации совершенно причудливы. Via Denise ChandlerИгра вдохновила интерактивное резюме Робби Леонарди.

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

Эти вдохновленные Матиссом иллюстрации с тонкой анимацией просто поразительны. Via Inside the HeadPart flat, часть 80-х, все на заказ. Через New Enterprise AssociatesИзящные акварельные иллюстрации неподвластны времени. Виа Хаус на Хлебном

9. Аутентичная фотография

Фотография Йети полна событий. Via Yeti

Аутентичная фотография выглядит и ощущается настоящей. Независимо от того, работаете ли вы с пользовательскими фотографиями или выбираете стоковые, ищите изображения, которые передают эмоции, содержат действие или рассказывают истории. Нефильтрованная и не постановочная фотография была огромной частью рекламы в 9-м веке.0, и хотя мы не совсем уверены, почему модели провели следующие 15 с лишним лет, пожимая руки и улыбаясь своим экранам, приятно видеть, что естественные (и более интересные) композиции снова возвращаются в мейнстрим.

Сцены из реальной жизни Большого картеля связаны с их художественной аудиторией. Через Big CartelСерьезно, насколько милый этот парень? Via Dog Jogs

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

Этот дизайн наполнен эпическими сценами и пейзажами. Via EpiccurrenceElegant Seagulls сочетает в себе нестандартные фотографии и смелую типографику для современного креативного вида. Via Elegant Seagulls

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

Boutique от Martis LupusПривлекательная концепция упаковки здоровой пищи от Hive — AgencyВинтажная и вневременная пивная этикетка для Marina от MANTSA®

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

Концепция дизайна коробки для виски от Esteban TSalami Дизайн этикетки для Bona от Wooden HorseДизайн логотипа для Perfect Steep eJuice от Mojo66 используя этот стиль в течение многих лет с великолепными результатами.

No related posts.