9 ведущих трендов графического дизайна 2018. Тренды в дизайне 2018


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

Для чего нужно следовать трендам и соблюдать современные тенденции?

Может просто оставить всё это отпетым хипстерам?  К слову, они молодцы. И нам всем тоже лучше не отставать.

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

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

Глобальные тренды, как делать дизайн:

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

Как вам применять в своей работе:

  • заметно сокращать сроки разработки. Например, за счет того, чтобы в беседе точнее понять, что делать. Затем сесть и нарисовать пару вариантов прямо в яблочко;
  • заглядывать в подборку с трендами и искать подходящие для рабочих задач. Даже копируя приёмы, вы все равно будите делать что-то своё;
  • сокращать текст и работать над формулировками. Учитывая современное гигантское информационное поле, убер-важно писать кратко и ёмко;
  • представлять себя на месте конечного пользователя: смысл понятен? это привлекает?
  •  ̶с̶п̶р̶а̶ш̶и̶в̶а̶т̶ь̶ ̶с̶е̶б̶я̶:̶ ̶н̶е̶ ̶х̶р̶е̶н̶ь̶ ̶л̶и̶ ̶я̶ ̶д̶е̶л̶а̶ю̶?̶ :)

28 трендов:

Цвета

1. Фиолетовый цвет

2. Мягкие и нежные цвета, пастельные тона

3. Многоцветность — сочетания больше чем 3 цветов

4. Сложные вкусные градиенты

5. Смелые и вибрирующие цвета

6. Моноцвет (объёмные объекты на фоне в тон, например, красное на красном)

Шрифты

7. Возросшее значение типографики — шрифтовые логотипы или монограммы, как эмблема

8. Брутальный характер — широкие и сверхширокие начертания

9. Эффекты воздействия (скорость, ветер, деформация, искажение, подтеки краски, лента в виде текста)

10. Дополнение реальности литерами (крупными буквами)

Графика

11. Яркие многоцветные примитивные паттерны и иллюстрации (больше 3 цветов) + текст на плашках

12. Леттеринг и рукотворные небрежные иллюстрации

13. Fashion-коллажи с примитивизмом и самобытностью

14. Cмелые непредсказуемые компоновки

15. Зонирование пространства и модульность

16. Глюки (3D без очков, glitch)

17. Двойной свет

18. Двойная экспозиция (фото или объекты внутри контурного большого объекта)

19. Дополненная реальность = фото + иллюстрация

20. Аппликация из бумаги или пластилина

21. Доутон и градиент

Стиль

22. Натуральность во всём (экологичность, зож и честность — реальность без прекрас, меньше ретуши и глянцевого журнального эффекта на фото, максимальная естественность, deadpan)

23. Минимализм

24. Искусство в современной интерпретации

25. А-ля ретро

26. Уверенный брутализм

27. Вовлечение — 3D и видео

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

wearegeek.ru

Тренды в веб-дизайне 2018 (часть #1)

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

Также преобладает динамика и яркие краски, оригинальные иллюстрации и больше свободы в творчестве.

2018 год будет годом красок и движения. Звучит интересно, не так ли?

1. Футуристичный орнамент

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

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

Проект: Automotive cluster effects exploration processАвтор: FΛNTΛSY

Проект: Crown Tech | SpaceShip | Data Visualization ConceptАвтор: Jan Wolinger | Arif Rachman Hakim Yogyakarta | Mario Šimić

2. Простота и комфорт

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

Проект: RemАвтор: Alim Maasoglu

Проект: A propos du cancer | WaveOC Corporate Website RedesignАвтор: Extra | Tetiana Donska

3. Дополнительная глубина (с полу-плоским дизайном)

Добавление вишенки на торт традиционного плоского дизайна может быть правильным направлением в 2018 году: немного затенения поможет придать объектам объем, в то время как минимализм, на котором и строится плоский дизайн, по-прежнему доминирует.

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

Проект: Flyknit Lunar 3 | Made You Look 👁 255 | Live a little more.Автор: Callum Notman | STUDIOJQ

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

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

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

Проект: Premiere League | Evolving Google Identity | Nike AirАвтор: DesignStudio | Google Design | Nike

5. Оригинальные иллюстрации

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

Проект: LifecycleАвтор: Iswanto Arif

6. Анимации, гифки и параллакс

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

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

с анимированным дымом, выходящим из нее). Важно никогда не стоять на месте!

Проект: Neo Kids – Onboarding ConceptАвтор: FΛNTΛSY

Проект: Exploring The North FaceАвтор: Eddie Lobanovskiy

Проект: cinemagraphs.comАвтор: Kevin Burg

Проект: cinemagraphs.comАвтор: Jamie Beck

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

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

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

Готовы поспорить, что они будут в топе и в 2018 году.

Проект: My idea | An incident in front of you! | Playlist – Radial InteractionАвтор: Johny vino™

8. Неприятные яркие градиенты

Они исчезли около 10 лет назад и были замещены плоским дизайном. Градиенты были воссозданы такими гигантами, как Spotify и Instagram, который ввел их обратно в 2015 году. Градиенты 2.0 менее грязные, чем их предшественники: цвета хорошо различимы и приятны глазу. Градиенты теперь становятся синонимом свежести, прохлады, цифрового поколения.

Проект: Nike Free DesignАвтор: Leo Natsume

Проект: A Poster every day – Collection 2 | Elje – group websiteАвтор: Magdiel Lopez | elje-group.com

9. Полуреалистичный 3D

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

Проект: YOOX: Make a WishАвтор: Peter Tarka, Mateusz Krol, JVG ™

Проект: NIKE iDАвтор: Jordi Pagès

Проект: Personal Collection | Air Max ’17Автор: Peter Tarka | Berd ., Lukas Vojir, mark haley, Oliver Harris, Jeff Thomson, Fred Huergo, James Owen

10. Одноцветный 3D дизайн

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

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

Проект: Magrela Popcorn | Amazonia BeveragesАвтор: Hugo Aranha

11. Двойная экспозиция

В конце 2015 года Pantone потрясла мир дизайна, объявив Rose Quartz и Serenity, как «Цвет года». Возможно именно это вызвало тенденцию на использование смешанных, двухцветных паллет в цифровом дизайне. К 2016 году множество сайтов стали перенимать использование дуплекса, особенно Spotify, и в 2018 году эта тенденция продолжит эволюционировать.

Adison Partner’s Website

Spotlight Festival Identity by Kristina Udovichenko and Shamil Karim of Manitou Design

7h20 Double Color Exposure

Перевод @thedesigner

infogra.ru

9 ведущих трендов графического дизайна 2018

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

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

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

1. Glitch эффект

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

Но в 2018 glitch эффект стал одним из самых значимых трендов графического дизайна. Сегодня он желанный и современный. Вот как сделать glitch эффект в Photoshop:

2. Двойные изображения

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

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

3. Обрезанная типографика

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

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

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

4. Хаотичная типографика

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

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

5. Типографика как элемент реальной жизни

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

Еще 10 крупнейших трендов типографики вы найдете в статье “10 трендов типографики на 2018 год. Инфографика“. 

6. Градиенты

За последние несколько лет дизайнеры привыкли работать с переходами цвета. До 2007 градиенты были очень популярным трендом, пока всех не покорил плоский дизайн. Но в 2018 цветовые переходы вернут себе прежнюю популярность. Дизайн iOS, Stripe и Instagram говорят об уверенном развитии этого тренда.

7. Иллюстрации + фото

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

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

8. Простая типографика

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

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

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

9. Металлические текстуры

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

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

rusability.ru

Тренды Web и UI дизайна 2018: Как привлечь пользователей

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

 

Оглавление:

  1. Адаптивный дизайн
  2. Типографика
  3. Полезная анимация
  4. Градиенты и яркие цвета
  5. Duotones
  6. Semi-flat
  7. 2-в-1
  8. «Реальные» фотографии
  9. Color-gel фото
  10. 3D в веб-дизайне
  11. «Взрывные» 3D абстракции
  12. Адаптивные и анимированные логотипы
  13. Цвет года (от Pantone)
  14. Больше взаимодействия
  15. Augmented Reality (AR)
  16. Прогрессивные веб-приложения

 

Адаптивный дизайн

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

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

Competitors.site by Nikolay Ivanov

 

Типографика

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

В тренде «Жирные» шрифты, крупные заголовки, также использование шрифтов вместе с фотографиями.

Trust Books website redesign by Andrii Protsiuk, Presto Design Studio

 

Полезная анимация

Прошли времена использования анимации из принципа — что бы было. Нужно понимать для чего она используется. Должна быть четкая цель. Анимация теперь должна помогать пользователю, делать акцент. Все ради конверсии.

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

Unight by Stan Yakusevich , Senya Ars , Vladimir Gruev , Mind Studios

 

Градиенты и яркие цвета

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

Bright Vibe Calendar by tubik

 

Duotones

Еще одна разновидность градиентов — Doutones, возможно наберет популярности в 2018 году. С помощью этой техники можно сделать свой дизайн запоминающимся.

Static eyes by Bruno Pego

 

Semi-flat Design

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

Teachable Banner Images by Ghani Pradita for Paperpillar

 

2-в-1

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

Fold animation by Divan Raj

 

«Реальные» фотографии

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

T-J Editorial Blog Home Page Concept by Zhenya Rynzhuk for Sochnik

 

Color-gel фото

Еще один прием, который набирает популярность — color-gel photo. Он подразумевает под собой использование цветных источников света в фотографии. За счет этого создаются красивые контрастные переходы, которые не получится воспроизвести в Photoshop.

Natália by Marcelo Comazzi

 

3D в веб-дизайне

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

Squarespace stillife by MVSM

 

«Взрывные» 3D абстракции

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

Paintblast Vol.1 by David Milan

 

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

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

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

Some logos 2016-17 by UNBLVBL AGENCY

 

Цвет года (от Pantone)

Это конечно не самый однозначный тренд. Тем не менее в Pantone решили, что цветом этого года должен стать ультрафиолетовый (PANTONE 18-3838 Ultra Violet). Думаю стоит взять на вооружение.

 

Больше взаимодействия

Голосовые взаимодействия (Voice User Interface). Использование этой технологии дает дизайнерам возможность работать над взаимодействиями более масштабно. Появляется возможность взаимодействовать с приложениями с помощью голосовых команд. И люди уже пользуются этим. Например, зачем мне вводить в поисковике длинную фразу, если можно произнести фразу, и устройство само распознает ее и даст ответ?

Artificial intelligence recognise human emotion UI/UX by Gleb Kuznetsov

 

Augmented Reality (AR)

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

AR recognition effect for outdoor experience in natural OS by Gleb Kuznetsov

 

Прогрессивные веб-приложения

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

#jesteśwplątany – chatstory based on PWA by Kreatik

 

Заключение

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

alexmozgov.ru

Десять тенденций проектирования веб-дизайна в 2018 году — Дизайн на vc.ru

Команда студии «Вебпинк» — о методах и инструментах для проектирования сайтов и цифровых продуктов в 2018 году.

1. Эволюция плоского дизайна

Последние несколько лет плоский дизайн был главным трендом на рынке, но теперь под влиянием Material Design от Google он начинает приобретать объём. Это эволюция плоского дизайна из минималистского стиля в полуплоский дизайн с добавлением теней, анимации и функциональности.

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

2. Больше 3D

Использование 3D в дизайне определённо набирает обороты, и мы увидим его влияние во всех областях. Благодаря быстрому росту технологий виртуальной и дополнительной реальностей 3D-дизайн будет развиваться ещё быстрее.

3. Анимация

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

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

4. Смелые насыщенные цвета и градиенты

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

5. Творческое использование пространства и сетки

В предыдущие годы веб-дизайн был адаптирован к организованным колонкам и сеткам, но в 2017 году мы увидели значительный сдвиг в сторону нерегулярных слоёв, асимметрии и отхода от 12-колоночной сетки. Особенно это заметно в лучших работах на Behance, сайтах дня на Awwwards и FWA.

6. Персональные фото и иллюстрации

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

7. Дизайн без кода

Растёт популярность онлайн-сервисов для создания прототипов, дизайна без кода и конструкторов сайтов. Всё это приводит к простоте создания, доступности и более быстрому запуску небольших проектов.

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

8. Дизайн-системы

Дизайн-система — это библиотека или набор правил фирменного стиля и брендинга в едином стиле на всех проектах компании: от сайтов до дизайна рекламной кампании.

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

9. Выразительная типографика

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

10. Логотипы

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

Итог

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

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

#дизайн

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать

vc.ru

Тренды в дизайне логотипов на 2018 год / Тренды / FREELANCE.TODAY

Автор: Елизавета Гуменюк (liza1510) Рейтинг топика: 0 Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

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

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

Какие тенденции в логотипах ждут нас?

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

Вы хотите узнать, что мы увидим в фирменном стиле в 2018 году?

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

Логотипы на основе типографики San-Serif

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

Рисованные логотипы

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

Винтажные логотипы

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

Логотипы на основе отрицательного пространства

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

Логотипы на основе линии

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

Вывод

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

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

freelance.today

Тренды веб-дизайна 2018 — Веб-Острова Анатолия Куликова

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

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

Необходимо понимать, что тренды на 2018 год — это прямое продолжение 2017. Мы просто мысленно останавливаем процесс и предполагаем, что будет дальше.

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

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

Анимация и видео

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

Project: Neo Kids — Onboarding Concept / Author: FΛNTΛSY

Не помню где, но в этом году видел на одном сайте классную реализацию процесса поиска по сайту — пока он шёл, мне показывали анимацию по теме, и ожидание конца процесса прошло незаметно.

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

Project: cinemagraphs.com / Author: Kevin Burg, Jamie Beck

Интерактива становится все больше и больше.

Глубина интерфейса

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

Project: Nike Promotion Ads — Parallax Effect / Author: Jardson Almeida

Вероятно, в очень близком будущем Flat будет заменён 3D-пространством, ибо к этому имеются все предпосылки.

Project & Author: The Artery

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

Теперь эти ограничения постепенно сходят на нет. Минимализм, правда, остаётся, но становится более технологичным.

Типографика — сила

Для трендов работы с текстом в вебе на 2018 год не предумаешь лучше лозунга, чем «Больше текста крупного, меньше текста мелкого».

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

Project: Doom massive all in one psd pack / Author: Milo Themes

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

Согласно исследованию WebAIM 67.5% пользователей читает на сайте только заголовки, и лишь 7.3% читает текст. Повод задуматься.

Авторский графический контент

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

Связано это, скорее всего, с большей персонализацией веб-пространства, о котором расскажу в конце.

Project: Conceptual Illustrations GZH Product Design / Author: Leo Natsume

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

Project: Lifecycle / Author: Iswanto Arif

Естественно, это не означает, что совсем скоро Shutterstock объявит о своём закрытии и раздаст бесплатно все фотографии. Стоки всё равно останутся с нами.

Векторная графика

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

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

Project: Squarespace stillife / Author: MVSM

Цвета и градиенты

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

Project: Gerald Sans Geometric Font / Author: NEWFLIX Bro

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

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

Push-уведомления

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

Типографика в 3D

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

Project: 3D Type Collection Author: ILOVEDUST

Цифровой Арт

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

Project: Paintblast Vol.1 Author: David Milan

Фотографии + Арт-Объекты

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

Project: Monkifesto Author: Snask

Ретро-дизайн и анимация

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

Project: PSB Refinance Author: Kirill Pavlov

Цветные фильтры

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

Project: Nude Coca-Cola & Nude Pleasure Author: Local Preacher

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

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

Project: Responsive Logos Author: Joe Harrison

Указатель мышки — тоже часть интерфейса

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

Credits & Author: Ben Mingo

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

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

Credits & Author: Contemple

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

Изометрия

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

Project: Classic Cocktail Recipes Author: Jing Zhang

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

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

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

Project: DZ One Free PSD Template / Author: Viet Huu Doan

Отзывы на сайте и чаты — это тоже элемент персонификации, который делает сайт более «человечным» и позволяет обрести своё собственное лицо.

drift.com

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

Для себя отметил такую небольшую особенность — если на российских ресурсах по дизайну количество трендов варьируется от 6 до 15, то в мире (основываюсь на изучении Behance) их предлагают не менее 20. Тем не менее, их все я в свою подборку включать не стал ввиду того, что многое из придложенного дизайна с Бёханса я почти ни разу не видел на просторах Рунета — нам бы это немногое освоить.

Удачного дизайна, вёрстки и разработки всем нам в 2018 году.

anatolykulikov.ru