Но, голография отстает …. Негативное пространство

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

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

Использование теней не ново, почему же мы его упомянули? Несмотря на то что данный прием уже давно является традиционным в дизайне, сегодня, благодаря прогрессу браузеров, мы видим ранее не существовавшие интересные вариации. Сетки (Grids) и параллакс-раскладки (Parallax Layouts) позволяют «играть» с тенями в еще более широком спектре, создавая иллюзию мира, существующего за экраном. Это непосредственная реакция на (Flat Design) — тренд, популярный последние несколько лет.

Тени создают на удивление универсальный эффект, не только поднимающий эстетику страницы на более высокий уровень, но также содействующий плавности пользовательского опыта (User Experience, UX) — благодаря расставленным акцентам. Например, использование мягких, деликатных теней в выделенном состоянии (Hover State) для обозначения ссылки — это не новая идея, но их сочетание с яркими цветовыми градиентами (подробнее об этом ниже), как в вышеприведенных примерах, усиливает трехмерный эффект теней.

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

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

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

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

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

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

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

5. Mobile first

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

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

6. Крупные жирные шрифты

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

Одним из самых заметных нововведений 2017 года стало появление асимметричных и нетрадиционных «фрагментарных» раскладок (Layouts), и данный тренд останется актуальным и в 2018. Привлекательность асимметричных лейаутов состоит в их уникальности, специфичности и в чем-то экспериментальности.

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

8. Интегрированная анимация

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

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

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

Тренды-2018

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

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

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

1. Интерактивная инфографика

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот несколько примеров, которые доказывают, что сочетание стилей на самом деле выглядит потрясающе:

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

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

10. Пользовательские иллюстрации

В наши дни вряд ли можно найти инфографику, которой не хватает иллюстраций. (Хорошие новости для нас, не так ли?)

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

Графический дизайн одно из наиболее креативных направлений цифрового дизайна. В нем дизайнер сможет себя полностью проявить, все свои качества, умения, мастерство, и, конечно же, креативность. Наличие чувства вкуса в графическом дизайне особенно важно. Эта статья поможет вам лучше понять тренды графического дизайна и к чему нужно быть готовым в 2018 году (спойлер - он обещает быть ну уж очень захватывающим.). Итак, приготовьтесь в последним трендам графического дизайна. Английская версия статьи graphic design trends in 2018 .

1. Яркие цвета

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

2. Сложность и Детализация

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

3. Дополняющий Реализм

Графика, изображающая истинное состояние вещей, их суть будет актуальной. Что такое дополняющий реализм? Проще всего это показать с помощью графики. Визуальные изображения используется в качестве языка. Экспозиция, составляющая их 2ух предметов, где один изображен в стиле скевоморфизме, а второй в стиле метафоры. Наиболее эффективное взаимодействие с человеком через визуальные канали взаимодействия. По статистике ThomasReuters , больше 80% человек отдают этому предпочтение. Графический дизайн, иллюстрации и визуальный контент этому поможет. Мы его увидим и в дизайне 2019 года .

4. Скетч и рукописные иллюстрации

Тот графический тренд, который перетекает с 2017 в 2018 год. Авторская. Одна в своем роде, графике и в правду притягивает внимание зрителей. Практически для любой презентации товара/услуги пригодится этот стиль. Будь-то обложка фильма, книги или товара. Лучше всего это сочетается с фотографией или формальным изображением. Иллюстрации, нарисованные от руки, станут в тренды графического дизайна. Не имеет значения, 3D или плоский стиль вы станете использовать.

5. Пересечение Стилей

Неожиданный пункт, не так ли? Ключевая особенность графического дизайна 2018 года это креатив, и уникальность. Вы ведь помните, как стремительно развивался каждый тренд? Обычно его сначала подхватывает смелая компания, ориентированная на массовый рынок с их продуктом. Как Nike или Adidas, и затем их же действия повторяют дизайнеры по всему миру. Так почему же нам самим не сделать что-то уникальное, и сотворить настоящий креатив? Один из вариантов этого это пересечение и объединения разных графических стилей. Яркие цвета, градиент и скетч. Либо рисованные от руки иллюстрации и фото-контент. Комбинируйте разные варианты, и создавайте свое!

Всегда актуальные тренды

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

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

3. Градиенты/Переходы Плавные переходы цвета в изображениях и градиенты , подобно своим сородичам в веб дизайне являются вечно актуальными трендами. Впервые мир потрясло это в 2014 году, когда лишь некоторые компании начали их внедрять. С тех пор, переходы и градиенты заняли свое стойкое место на арене трендов графического дизайна. По информации US of Labor , графический дизайнер без опыта в Америке может претендовать на часовую ставку $23. С ростом его навыков будет расти и зарплата, которую он хочет. Цифровые агентства в Восточной Европе и Merehead взымает $30 в час, за профессионала с опытом более 5 лет в индустрии дизайна.

4. Симметрия или Асимметрия И симметрия, и асимметрия имеют свои плюсы и свои минусы. Правила относятся и к графическому дизайну, дизайну веб интерфейсов и даже мобильных приложений. Плюсы симметрии:

Перфекционизм
Эстетическое удовлетворение

Обыденность

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

5. Геометрия и ее формы Классика графического дизайна, не думаете так? Преподнесение изображений с помощью геометрических форм лучше всего подходит для супер узкого направления. Осторожно использует этот стиль графического дизайна в 2018 году, ведь вы можете загубить свою работу в край!

Программы для графического дизайна в 2018 году

Ситуация на рынке достаточно неоднозначная. Практически все - крупные игроки, которые предлагают крутой и многофункциональный софт. Sketch для веб и UI дизайна, Corel Draw, Adobe Photoshop & Adobe Illustrator. Есть и бесплатное, open-source софт для Linux - GIMP, но мы не будем о нем говорить в виду ограниченного функционала. Несмотря на то, что Photoshop был разработан для редактирования и работы с фотографией, многие дизайнеры его предпочитают и сейчас. Однако первенство достанется только Adobe Illustrator в графическом дизайне. И вот почему:

Богатый набор инструментов. Вы можете легко работать как с 2D, так и 3D формами.
Векторный формат изображений. В типографии и печати от Вас всегда потребуют векторных исходных файлов. Только так Вы можете быть уверены, что макет будет 100% соответствовать печатному образцу.
Широкий ассортимент плагинов и дополнений.

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

Графические дизайнеры – профессионалы, работающие на пересечении искусства и цифрового мира. Они создают фирменный стиль компаний, упаковки продукции, шрифты, навигацию, а также оформление книг и киноплакатов. В этой области у каждого есть шанс проявить себя и свою креативность. Но, как и в любой другой профессии, одного творческого порыва недостаточно, важно уметь пользоваться профессиональными программами и разбираться в методах работы. Где этому научиться? В Милане, на программе Бакалавриата по графическому дизайну в институте Marangoni. А пока вы готовите пакет документов на зачисление, мы представляем главные тенденции графического дизайна 2018 года. Вы же должны быть в курсе!

5 главных тенденций графического дизайна 2018 года

Яркие цвета

Тренды веб-дизайна 2018 явно ощущаются и в графической сфере. Складывается впечатление, что яркие цвета завоевывают мир: розовый, зеленый, оранжевый и т.д. И не удивительно, ведь популярные последние годы плоский (Flat) и материальный (Material) дизайн идеально сочетаются с насыщенными красками. Для упрощения работы дизайнеров компания Google разработала специальную палитру, с помощью которой легко подобрать наилучшие сочетания.

Детализация

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

Дополняющий реализм

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

Рисунки от руки

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

Эклектика

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

А для начала получите качественное образование, пройдите обучение дизайну за границей в Институте Марангони на программе Visual Design. Подробности о поступлении и стоимости уточняйте у .

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

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

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

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

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

Вообще, многие актуальные тренды 2017 года возникли под влиянием принципов Материального дизайна Google.

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

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

Жирный шрифт

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

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

Просто взгляните:

Еще один хороший пример использования броских шрифтов - HubSpot. Текст находится на первом плане и подкрепляется графикой:

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

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

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

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

Шрифты от Google Fonts

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

Кстати, все 810 шрифтов абсолютно бесплатны! О да, людям нравятся бесплатные вещи. А еще им нравятся вещи, которыми очень легко пользоваться. Вот один из примеров комбинирования нескольких популярных шрифтов от Google:

На нашем сайте мы пользуемся шрифтами Roboto и Open Sans.

Оригинальные фотографии

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

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

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

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

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

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

Уверен, у каждого в вашей команде есть телефоны с камерами. Почему вы ими не пользуетесь? Сфотографируйте ваш офис или логотип и используйте эти фотографии.

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

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

Нарисованные от руки изображения и значки

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

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

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

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

Еще один удачный пример такого подхода - компания Casper, занимающаяся производством матрасов. Практически весь ее сайт состоит из рисунков, сделанных от руки. Вот один из них:

Тренд подхватил и сервис MailChimp. В отчете за 2016 год он тоже подобные рисунки.

Компания Moz, занимающаяся разработкой программ для маркетинга, вставляет иллюстрации в шапку статей:

Иногда наша любовь к рисункам проявляется и в других проектах:

Возвращение к истокам минимализма

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

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

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

Мой любимый пример минималистичного дизайна - логотип платформы Medium. Его создатели смогли скомбинировать несколько разных цветов и при этом сохранить минималистичный стиль.

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

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

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

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

Простой дизайн изображения легко доносит нужную информацию.

Использование GIF-изображений

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

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

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

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

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

Двухцветные изображения

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

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