Дизайнер 2018: 20 актуальных графических приёмов — Дизайн на vc.ru — ООО Декоратор / Лепнина, фрески, фотообои, стекломазаика, декоративная штукатурка, обои, натуральные обои, напольные покрытия

Содержание

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

{«id»:32555,»url»:»https:\/\/vc.ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov»,»title»:»\u0414\u0438\u0437\u0430\u0439\u043d \u0432 2018 \u0433\u043e\u0434\u0443: 20 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u0451\u043c\u043e\u0432″,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov&title=\u0414\u0438\u0437\u0430\u0439\u043d \u0432 2018 \u0433\u043e\u0434\u0443: 20 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u0451\u043c\u043e\u0432″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.

com\/intent\/tweet?url=https:\/\/vc.ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov&text=\u0414\u0438\u0437\u0430\u0439\u043d \u0432 2018 \u0433\u043e\u0434\u0443: 20 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u0451\u043c\u043e\u0432″,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov&text=\u0414\u0438\u0437\u0430\u0439\u043d \u0432 2018 \u0433\u043e\u0434\u0443: 20 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u0451\u043c\u043e\u0432″,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.

ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u0414\u0438\u0437\u0430\u0439\u043d \u0432 2018 \u0433\u043e\u0434\u0443: 20 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u0438\u0451\u043c\u043e\u0432&body=https:\/\/vc.ru\/design\/32555-dizayn-v-2018-godu-20-aktualnyh-graficheskih-priemov»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

82 398 просмотров

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

{«id»:40117,»url»:»https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu»,»title»:»\u0422\u043e\u043f-10 \u0442\u0440\u0435\u043d\u0434\u043e\u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 2018 \u0433\u043e\u0434\u0443″,»services»:{«facebook»:{«url»:»https:\/\/www. facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu&title=\u0422\u043e\u043f-10 \u0442\u0440\u0435\u043d\u0434\u043e\u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 2018 \u0433\u043e\u0434\u0443″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.com\/intent\/tweet?url=https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu&text=\u0422\u043e\u043f-10 \u0442\u0440\u0435\u043d\u0434\u043e\u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 2018 \u0433\u043e\u0434\u0443″,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu&text=\u0422\u043e\u043f-10 \u0442\u0440\u0435\u043d\u0434\u043e\u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 2018 \u0433\u043e\u0434\u0443″,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.

ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u0422\u043e\u043f-10 \u0442\u0440\u0435\u043d\u0434\u043e\u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0432 2018 \u0433\u043e\u0434\u0443&body=https:\/\/vc.ru\/flood\/40117-top-10-trendov-dizayna-v-2018-godu»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

3810 просмотров

Главные дизайнеры 2018 года | GQ Russia

2018 год в моде запомнится своей неоднозначностью: за прошедшие 12 месяцев радикально изменился облик нескольких легендарных брендов (кое-кто до сих пор переживает исчезновение из названия Celine accent aigu), произошло несколько более чем неожиданных назначений, были запущены новые линии (мы все еще про Celine), некоторые, наоборот, прекратили свое существование (прощай, Moncler Gamme Bleu и Gamme Rouge). Однако самое значительное, что, на наш взгляд, изменилось в моде в 2018 году, – это отношение к роли дизайнера. Важно ли в эпоху социальных сетей и агрессивного маркетинга иметь профессиональное образование? Пример Вирджила Абло, назначенного креативным директором мужской линии Louis Vuitton, показывает: не особенно. А вот принципиальность и грамотная PR-стратегия становятся жизненно необходимыми. Достаточно вспомнить два самых громких скандала последних месяцев – с участием Dolce & Gabbana и Гоши Рубчинского, – чтобы понять, насколько важна репутация.

1. Ким Джонс

Не будет преувеличением сказать, что в индустрии моды 2018-й стал годом Кима Джонса. Слухи о том, что Джонс покидает Louis Vuitton, где он проработал около семи лет, подтвердились в январе. Спустя пару месяцев выяснилось, что дизайнер перейдет в Dior (приобретенный за год до этого концерном LVMH), где сменит на посту дизайнера мужской линии бельгийца Криса ван Аша. Переход из одного бренда в другой больше напоминал продвижение по службе: не случайно Dior неофициально называют жемчужиной в активе французского концерна и его имиджу в LVMH уделяют огромное внимание. Ким Джонс, автор «коллаборации века» (вы, конечно, помните шумиху вокруг совместной коллекции Supreme и Louis Vuitton), должен был модернизировать Dior. И да, это ему удалось: обе уже представленные Джонсом коллекции романтичны, под стать стилю самого Кристиана Диора, и далеки от рок-н-ролльного минимализма Криса ван Аша. Мы же готовы биться об заклад, что в следующем году асимметричный костюм Dior Men еще не раз появится на красных дорожках. Что касается стритвира, то в нем Джонс, по собственному заявлению, не видит больше смысла. Впрочем, это не помешало ему поработать над парой кроссовок для Nike в этом году.

2. Алессандро Микеле

Под творческим руководством Алессандро Микеле в 2018-м за Gucci окончательно закрепилась репутация самого эклектичного бренда в индустрии моды. Источники вдохновения Микеле неочевидны и, кажется, неиссякаемы: коллекцию осень–зима 2018 он посвятил феномену киборга, круизный показ прошел на старинном кладбище в Арле при свете факелов, а коллекцию для весны 2019 года дизайнер показал в Париже, в помещении, где когда-то находился легендарный клуб Le Palace. Драматичности показам добавили неожиданные интермеццо: на круизном показе Gucci выступил Элтон Джон (давний кумир дизайнера), а в середине парижского шоу на сцену вышла Джейн Биркин. Микеле недаром в шутку называют дизайнером-сорокой: сами коллекции столь же разнообразны, как и показы. Косынки и расшитые стразами стринги, цветочные принты и кружева, изобилие огромных очков и миниатюрных сумочек – все это не просто захватывающе выглядит, но и позволяет Gucci расширить целевую аудиторию. Праздник жизни, который устраивает Алессандро Микеле, признан и в индустрии: в этом году Gucci получили награду The Fashion Awards как главный бренд года.

3. Вирджил Абло

«Что такое Вирджил Абло?» – задавался вопросом журнал System, вышедший в конце 2017 года. Согласимся с формулировкой: действительно сложно поверить в то, что Абло простой смертный и не обладает сверхъестественными способностями, совершая бессчетное количество перелетов и работая над запредельным количеством проектов одновременно. Абло, не учившийся на дизайнера, не раз заявлял, что главной его амбицией было бы занять ведущую позицию в одном из традиционных итальянских или французских брендов. И казалось, что те самые консервативные бренды со столетней историей не горят желанием работать со стилистом-выскочкой. В 2018-м, однако, усердие и трудолюбие Абло оказались вознаграждены: на вакантное место креативного директора мужской линии Louis Vuitton, освободившееся после ухода Кима Джонса, пригласили именно его. Почивать на лаврах Вирджил не намерен. «Теперь, когда у меня есть возможность изменить индустрию моды, этим я и займусь», – заявил он в интервью британскому GQ.

4. Ральф Лорен

65 трендов веб-дизайна в 2018 году. Топовые советы от профи — CMS Magazine

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

Итак, давайте посмотрим какие тренды выделяют топовые дизайнеры со всего мира.

Больше не нужно искать и обзванивать каждое диджитал-агентство
Создайте конкурс на workspace.ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →

Содержание статьи:

Главные тренды веб-дизайна в 2018 году
1. Смелые, яркие цвета
2. Яркие и насыщенные градиенты
3. Цвет года (Пантон)
4. Простота и удобство
5. Больше дизайна с дополненной реальностью
6. Экстра глубина (и полуплоский дизайн)
7. Геометрические элементы
8. Больше творческой фотографии
9. Дуплекс
10. Брутализм
11. Анимация, Gift-картинки и синемаграфика
12. Генеративный дизайн
13. Набор цветов и узоров из 80-90-х
14. Кастомные иллюстрации
15. Иллюстрации в миксе с фотографией
16. Реальные фото
17. Изометрический дизайн и фотография
18. Сочетание 2D и 3D
19. Монохром
20. Дудлы (иллюстрации, нарисованные вручную)
21. Смешение и пересечение стилей
Дизайн логотипа
1. Адаптивные лого
2. Логотипы с анимацией
3. Яркие и забавные лого
4. Негативное пространство
5. Геометрические фигуры и узоры
6. Монограммы
7. Градиенты
8. Наложения
Веб-дизайн (Ui/Ux)
1. Концепция Mobile First
2. Микровзаимодействия
3. Встроенная анимация
4. Креативные экраны загрузки
5. Раскладка с ломаной «сеткой»
6. Разбивка страницы
7. Больше (интерактивного) 3D в оформлении
8. Закругленные углы и плавные формы
9. Фоны с движущимися элементами
10. Футуристические узоры
11. Монохромные иконки
12. Иконки, частично заполненные цветом
13. Скроллинг с Parallax
14. Мондрианизм
Типографика
1. 3D — моделирование
2. Жирная типографика
3. Serif шрифты
4. Геометрический шрифт
5. Кастомные шрифты
6. Эксперименты с выравниванием и кернинг
7. Экспериментальная типографика
8. Типографика в миксе реальными фото
9. Креативная типографика
Дизайн упаковки
1. Плоский дизайн
2. Минималистский дизайн
3. Узоры и фигуры
4. Смелая типографика
5. Цвета
6. Необычные текстуры и формы
7. Голографический эффект
8. Градиенты на упаковке
3D
1. 3D натюрморты
2. Абстрактные фигуры
3. 3D отрисовка в стиле металлик
4. 3D графика с анимацией
5. Очень реалистичное 3D

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дуплекс

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

Источник: Spotify

Брутализм

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Монохром

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

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

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

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

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

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

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

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

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

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

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

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

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

Яркие и забавные лого

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

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

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

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

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

Монограммы

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

Градиенты

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

Наложения

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

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

Концепция Mobile First

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Скроллинг с Parallax

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

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

Мондрианизм

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

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

Типографика

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

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

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

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

Serif шрифты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дудлы

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

Винтаж

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

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

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

Цвета

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

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

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

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

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

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

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

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

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

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

3D

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

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

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

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

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

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

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

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

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

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

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

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

2018 Design Trends Guide by Milo Themes
Design Trends 2018 by Duminda Perera, Massimiliano Albizzati, Secil Kaya, Camilla Maccaferri
2018 Design Trends by Filip Triner
2018 Design Trends by Epicco Digital, Mark Banaynal
Design Trends 2018 by Rylan Ziesing, Rhino Design

Оригинал: https://ichigarev.ru/veb-dizayn/64-trenda-veb-dizayna-2018.html

Тенденции дизайна интерьера 2018 года – модные цвета и тренды

Модные интерьеры 2018 – тенденции дизайна квартир и домов

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

Содержание:

Яркие краски выходят на первый план: модные цвета интерьеров 2018

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

Возвращение к интенсивной гамме от пастели – одна из явных тенденций сезона.

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

Итак, ТОП-7 самых модных цветов в интерьере 2018 года.

1. Желтый – взрыв позитива

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

2. Ближе к природе – насыщенный зеленый

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

3. Немножко драматизма – черный

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

4. Безмятежность синего – сине-серо-зеленый

Как и в 2017 году, синие оттенки – снова на гребне волны, особенно один (по-английски называется «In the Moment») – смесь синего, серого и зеленого. Прохладный, спокойный цвет в интерьере, вдохновленный природой, является универсальным и идеально подходит для внутренней и внешней отделки в современных и классических стилях:

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

5. Сине-оранжевое сочетание

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

6. Розовый набирает силу

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

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

7. Золотой декор – работа цветом и фактурой

Модные материалы сезона – наряду со сталью, мрамором и деревом – блестящая и матовая латунь (атласное золото). Они хорошо миксуются с остальным оформлением:

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

Внутренние перегородки – от бетона до войлока

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

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

Гостиная 2018 – тенденции в дизайне мягкой мебели

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

Дутые, пухлые объемы – тренд сезона.
Низкие спинки, плавно переходящие в сиденье, выглядят как одна сплошная подушка на аккуратном основании. Подлокотники тоже покатые. Такая модель – находка для любого модного дизайна гостиной.
Подушки с гусиными перьями упруги и в то же время мягки. В таком кресле можно расположиться, словно в шезлонге.
Формы мебели и ее конструктивные решения в интерьерах 2017-2018 года почерпнуты из разных лет прошлого века (40-х, 50-х, 70-х). Сегодня они переживают второе рождение.

Модульные системы хранения – больше открытости

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

✽ ✽ ✽

Хотите еще вдохновиться? В нашей галерее – более 4 000 фото с модным дизайном домов и квартир →

тенденции графического дизайна – 2018

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

Последние графические мании.

Это будет год безумных проектов, экспериментов и дикого воображения. Возможно, вам покажется, что некоторые из этих неожиданностей вы уже видели. И все же — давайте не будем терять ни минуты. Сейчас самое время показать, какие тенденции в графическом дизайне будут абсолютными хитами в следующем году.
Эффект «глюка»
Поврежденное изображение, то есть эффект глюка, в последнее время является одной из самых популярных тенденций в цифровом мире. То, что когда-то раздражало зрителя, теперь превратилось в действительно желаемый эффект.
Очевидно, поклонники ужастиков уже давно знакомы с этим. 2018 — год, когда поврежденные изображения захватят мир графического дизайна.
Эффект «Разрушения»
Насколько мы можем судить по текущему году, современные графические дизайнеры были одержимы «искусством разрушения». Все, что включает в себя брызги, царапины, разрывы, взломы или любую другую форму разрушения эстетики композиции, останется современным и в 2018 году.
Эффект «Color Channels»
Игра с цветными каналами — широко популярна среди дизайнеров. Этот метод позволяет создавать большие иллюзорные эффекты. Голография, галлюцинация, искаженная реальность … все это очень влияет на зрителя, что сделает «Color channels» одной из главных тенденций графического дизайна и в 2018 году.
Но, голография отстает …
… и тенденция голографического дизайна, которая была огромным хитом в течение последних нескольких лет, теперь отстает от других футуристических тенденций.
Хотя это все еще выглядит гламурно и завораживающе, в 2018 году голографические проекты пойдут на спад.
Double-Год
Мы можем с уверенностью сказать, что 2018 год станет годом «Double».
Двойное воздействие
Двойное воздействие является трендом уже несколько лет. Несмотря на то, что некоторые дизайнеры отложили эту технику на некоторое время, мы определенно видим увеличение внимания к дизайну двойного воздействия, которое поражает зрителя. Вот несколько потрясающих примеров:
Двойной экспозиционный дуплекс
«У меня двоится в глазах» — больше не будет эффектом после выпитого ликера. Эта тенденция представляет собой гибрид использования Double Exposure Duotone и цветовых каналов. Короче говоря, двойная экспозиция достигается удвоением изображения или использованием двух разных перекрывающихся изображений в монохромных цветах. Таким образом, дизайнеры достигают эффекта «опережения времени».
Двойной свет
Еще одним крупным «двойником» среди графических тенденций 2018 дизайна является двухцветный свет. Этот эффект превращает простые композиции в острые и модерновые. Двойной свет — это эффект, который достигается с помощью двух реальных источников света или расщепления цветового канала. Вот несколько примеров.
Классический волновой доутон — до свидания …
Доутон, переведенный на двойную экспозицию, будет основным трендом в следующем году. Тем не менее, мы будем видеть меньше традиционных двойных полутонов, несмотря на то, что это одна из самых жарких тенденций года уходящего.
И это не обязательно плохо. Дизайн все-таки развивается.
Типографика по-прежнему рулит!
Креативная типографика
Креативная типографика входит в число лидеров в тенденциях графического дизайна — 2018. На самом деле эта тенденция занимает ведущее место в течение последних нескольких лет и не скоро сдаст свои позиции.
Когда дело доходит до этой техники, воображение — ваш самый сильный актив. Такую типографику можно комбинировать с другими методами или использовать как самостоятельный прием. В обоих случаях это впечатляет. Убедитесь в этом с нижеприведенными замечательными примерами.
Обрезанная типографика
Этот метод был горячей тенденцией в 2017 году и останется жарким в 2018-м. Искусство стирания частей букв, сохраняя при этом их читаемость, требует много творчества и профессионализма. Но эффект того стоит.
Хаотичная типографика

Хаос был объявлен одной из главных тенденций в уходящем году. Похоже, что в графическом дизайне 2018 года он перейдет в хаотическую типографику. Другими словами, скажите «нет» выравниванию и «да» нетрадиционному порядку букв и слов.
Типографика как элемент реальной жизни
Современная тенденция графического дизайна — типографика, тесно взаимодействующая с другими элементами композиции. Достигнутый эффект: буквы превращаются в объекты реальной жизни. Посмотрите на эти удивительные примеры.
Отрицательное пространство. Положительная тенденция.
Дизайн с отрицательным пространством
Мы назвали отрицательное пространство положительной тенденцией не потому, что отрицательные и положительные притягивают друг друга в физике, а потому, что в графической эстетике негативные пространственные техники вызывают вполне положительные эмоции.
По своей природе отрицательное пространство в дизайне является «пустым» пространством, которое образует определенную отличительную форму. Этот метод — один из самых популярных в последнее время и судя по всему, не упустит своих лидирующих позиций.
Отрицательно-пространственная типографика
Очевидно, что современная тенденция — это смесь негативного пространства и типографики. Самое популярное в этом направлении — то, что элементы, расположенные сзади выходят на передний план через форму. Это еще один вид взаимодействия между типографикой и элементами композиции.
Яркие цвета во всем.
Красочная трехмерная субстанция
Яркие цвета плюс трехмерная композиция – еще одна абсолютная выигрышная комбинация, ожидаемая в 2018 году. Среди огромного количества тенденций графического дизайна, ведущих борьбу за лидерство, яркие цвета, безусловно, находятся в топе. И как может быть по-другому, если все клиенты хотят одного: «Сделайте это попсовым!»
Да. Яркие цвета могут обусловить поп-стиль дизайна. По нашему мнению, это будет одна из самых сильных тенденций в графическом дизайне 2018 года. Но мы готовы поспорить с тем, что она останется тенденцией 2019 года. Ознакомьтесь с несколькими примерами этого устаревающего направления.
Одноцветный 3D-дизайн
В последнее время мы видим все больше и больше презентаций товаров, использующих в качестве фона тот же цвет, что и представленный продукт. Продукт «всплывает» благодаря объему, создаваемому 3D-методами. Это выглядит довольно привлекательно.
Металлические элементы
В дополнение к ярким цветам в мир графического дизайна входят металлические элементы, создавая “вау”- эффект. В сочетании с другими горячими тенденциями, такими как 3D-композиции и креативная типографика, эта тенденция создает эффект реальной жизни.
Цветовые градиенты
Когда Instagram еще в 2016 году превратил свой логотип в красочный градиент, никто не предполагал, что эта тенденция станет настолько значимой. Это было только начало ее подъема. Несмотря на то, что мир дизайна не был уверен в этой технике (тогда все сходили с ума по плоским формам), мы наблюдаем все больше и больше красочных градиентов.
Плоский и материальный дизайн находится вне внимания …
Обе эти тенденции долгое время доминировали в цифровом мире, но, видимо, прошли свой пик. Тем не менее, мы будем наблюдать за ними в дизайнах веб-сайтов и мобильных приложений, которые все еще ставят на функциональность и ненавязчивый интерфейс.
Художественные иллюстрации.
Рисованные иллюстрации
Иллюстрации, сделанные вручную, всегда находятся на пике популярности. Каждый дизайн — это произведение искусства, созданное с большим количеством таланта и воображения. Вот почему иллюстрации никогда не выйдут из моды.
Когда дело доходит до графического дизайна, иллюстрации всегда привносят в игру особую уникальную атмосферу. В 2018 году иллюстрации представлены в сочетании с другими тенденциями графического дизайна, такими как отрицательное пространство, 3D-структуры, «двойная» тенденция и многое другое.
Иллюстрации поверх фотографий
Интересной тенденцией 2018 года будет объединение фотографий с цифровым рисунком. Этот метод придает композиции современный вид. Для брендов, которые находят простые фотографии слишком скучными — это как раз то, что надо!
Иллюстрации, вырезанные из бумаги
Одним из последних трендов графического дизайна — 2018 являются иллюстрации в стиле papercut. Вдохновленная фактическим искусством вырезания из бумаги, эта тенденция быстро набирает обороты. Иллюстрации Papercut воссоздают композиции из разных слоев бумаги, где глубина и специфические текстуры являются обязательными элементами.
Если описать тенденции графического дизайна — 2018 коротко: это будет “все, что угодно, кроме скуки”. Год цифрового графического сумасшествия принесет завораживающие, привлекательные, не от мира сего проекты, которыми мы будем восхищаться. Не стесняйтесь делиться своими мыслями на эту тему в комментариях ниже. Источник
Обновление
Давайте создадим что-нибудь крутое вместе!
10 вдохновляющих трендов графического дизайна на 2018 год
Как говорится, «все старое снова новое», и 2018 год станет годом модернизации тенденций графического дизайна из прошлого и отхода от (буквально) плоского дизайна последних лет. Минимализм и упрощение останутся неизменными, но ожидайте, что некоторые старые фавориты вернутся в центр внимания с современным обновленным внешним видом.
>> Ознакомьтесь с новейшими тенденциями графического дизайна здесь
Если вы чувствуете себя модно и хотите привнести современный стиль в свой дизайн, обратите внимание на тенденции, которые поразят ваших клиентов.
Вот 10 тенденций графического дизайна, за которыми стоит следить в 2018 году
—
Адаптивные логотипы
Градиенты
Больше глубины (с полуплоской конструкцией)
Яркие дуплексы
Палитры и узоры, вдохновленные 80-ми и 90-ми годами
Механизм: анимация и гифки
Жирный шрифт
Индивидуальная графика и иллюстрации
Аутентичная фотография
Винтаж с высокой детализацией
1.Адаптивные логотипы
Прошло 10 лет с тех пор, как адаптивный дизайн начал революцию в Интернете, и с тех пор он стал отраслевым стандартом. Быстрый рост популярности мобильных браузеров (и бесконечный ассортимент устройств и размеров экранов) создал серьезные проблемы с удобством использования традиционных веб-сайтов. Дизайнеры и разработчики начали экспериментировать с различными способами адаптации дизайна к устройству пользователя в качестве универсального решения для всех веб-сайтов. Это заложило основу для того, что стало известно как «адаптивный дизайн».”
Идея изменения логотипов для удовлетворения тех же требований пользователей оставалась в значительной степени немыслимой… до сих пор. В течение последних нескольких лет компании обновляли свои логотипы до современных, упрощенных версий, и адаптивный дизайн логотипа является следующим логическим шагом в удовлетворении требований сегодняшнего дня.
Выберите примеры из «Отзывчивых логотипов». Виа Джо Харрисон
Дизайнер цифровых технологий и взаимодействий Джо Харрисон создал экспериментальный проект под названием «Адаптивные логотипы», чтобы исследовать создание масштабируемых логотипов для некоторых крупнейших мировых брендов.
2. Градиенты (мы также называем их цветными переходами)
Наложение градиентного изображения с анимацией перехода цвета для добавления бликов. Via NYC Pride
В недалеком прошлом градиенты царили безраздельно. Их можно было найти на каждой кнопке веб-сайта, заголовке страницы и презентации PowerPoint. Ваш корпоративный PDF-файл не выглядел бы крутым, если бы градиент не украсил обложку. Затем, примерно в конце 2007 года, они были отодвинуты на второй план, поскольку мы вступили в эру плоского дизайна.
Stripe использует яркий градиентный фон, чтобы дополнять полуплоские иллюстрации.Via Stripe
Плоский дизайн развивается, и градиенты возвращаются в наши дни в качестве улучшения плоского дизайна. Это улучшение является частью обновления дизайна, которое часто называют «плоский 2.0» или «полуплоский дизайн». Их повторное появление в iOS и принятие лидерами отрасли, такими как Stripe и Instagram, снова укрепили их популярность, и вы увидите их в форме яркого пользовательского интерфейса, брендинга, фонов, иллюстраций и оверлеев.
Яркие цветовые переходы и типографика Elje Group намечены на 2018 год.Via Elje GroupAsana сочетает в себе градиенты, иллюстрации и тени для создания современного плоского вида 2.0. Via Asana
Мы также наблюдаем все более широкое использование термина «цветовые переходы» применительно к градиентам. Хотя эти термины кажутся взаимозаменяемыми, «переход цвета» чаще относится к современному приложению, которое является ярким, плавным и «более плоским», что соответствует эстетике плоского дизайна.
3. Больше глубины (с полуплоской конструкцией)
Дизайн карточек для игрового приложения Galaxii от boorykin
В последнее время мы часто их видим, и можно с уверенностью сказать, что тени официально появились еще в 2018 году.Как и градиенты, тени были отложены на задний план, поскольку мы убрали реализм и скевоморфизм из наших дизайнов в пользу крайнего минимализма и двухмерного дизайна.
В ретроспективе глубина была ценным инструментом, помогающим пользователям определять визуальную иерархию, поля ввода и призывы к действию на экране. Дизайнеры экспериментировали с «длинными тенями» в качестве приемлемого средства для добавления большего размера в свой плоский дизайн, когда Google Material Design вновь представил настоящие тени в качестве улучшения своего пользовательского интерфейса.Идея быстро распространилась за пределы материального дизайна, и дизайнеры начали заново вводить собственные тени. Эти тени были большими, мягкими, иногда цветными и добавляли тонкую глубину и размер в отличие от своих жестких, чрезмерно используемых, «падающих теней» предшественников.
Большие мягкие тени помогают определить иерархию и интерактивность на этом замечательном сайте Material Design. Через Android
Пуристам это может не понравиться, но глубина доказала, что может вписаться в эволюционирующий дух плоского дизайна за счет повышения удобства использования и простоты, которые являются основными принципами плоского дизайна.Продвигаясь вперед, вы увидите, что тени стали основным элементом движения «полуплоскость». Мы уже видим, что их используют для улучшения значков и иллюстраций, а также веб-сайтов, интерфейсов приложений и даже полиграфического дизайна.
4. Яркие дуотоны
Календарная панель от AfriSam 2018 Corporate Stationary. Виа Катт Пхатт, Эндрю Футит, Promise Luxe ™, Шарлетт Хепуорт, Али Кордейро, копирайтер, Ник Костурос, Шерилеа Гаспар
Дуотоны традиционно создаются с помощью процесса полутоновой печати, когда один полутон печатается поверх другого контрастного цвета, создавая двухцветное изображение.Эта фундаментальная техника печати обрела новую жизнь в цифровых носителях. Программное обеспечение для обработки изображений упростило создание дуотонов, а также связанных вариаций, таких как монотоны, тритоны, квадтоны и «поддельные дуотоны» (тонированные изображения).
Spotify использует двухцветные изображения для брендинга и обложек. Via Spotify
Компания Spotify вернулась к мейнстриму дизайна благодаря использованию двухцветных изображений в своих приложениях и рекламных микросайтах. Дизайнеры пользуются этой техникой, поскольку изображения, созданные в ограниченной цветовой палитре, прекрасно дополняют полуплоский дизайн.
Благодаря ярким цветам и прекрасным возможностям применения двухцветные тона, по прогнозам, станут одной из самых горячих тенденций 2018 года.
Двухцветный дизайн плаката для Gauthier & Nolet Architects. Via Jvstin BechardNewDealDesign везде использует яркие двухцветные изображения. Через 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. Через MOO
6. Движение: анимация и GIF
Возможно, в последнее время вы слышите много шума о микровзаимодействиях, но что они собой представляют и почему вы должны их использовать? Проще говоря, микровзаимодействия — это крошечные анимации, используемые для общения с пользователями и помощи им в выполнении задач.Это лучшая практика UX и, возможно, одна из самых больших тенденций UX на сегодняшний день.
Контактная синхронизация микровзаимодействий. Через Ramotion
Микровзаимодействия повсюду, и хотя вы можете не осознавать их, каждый раз, когда вы получаете уведомление на 99designs, например, сообщение на Facebook или смахивание влево на Tinder, вы участвуете в микровзаимодействиях. Они особенно полезны для того, чтобы заставить пользователей почувствовать, что они манипулируют интерфейсом, предоставляя обратную связь для своих действий. Внимание к деталям действительно может вывести ваш дизайн на новый уровень.
Новое движение 500 пикселей. Через Уильяма Кеслинга из Focus Lab
Когда дело доходит до больших анимаций, GIF и SVG являются ценными инструментами для передачи идей, концепций и процессов, делая контент более привлекательным для пользователей. GIF-файлы прошли долгий путь со времен создания анимированных картинок и эволюционировали, чтобы прекрасно вписаться в современную сеть. Добавьте интереса к рекламе, информационным бюллетеням по электронной почте, иллюстрациям, значкам и логотипам, воспользовавшись этой тенденцией. Анимированные логотипы в формате GIF действительно стали собственными тенденциями, и легко понять почему — они красивы, умны и чрезвычайно привлекательны.
Иконки. Адаптивный анимированный заголовок GIF демонстрирует концепцию их продукта. Через Адаптивные иконки Блум изобилует иллюстрациями и анимацией. Via Bloom
Говоря о привлекательной анимации, синемаграф возвращается! Эти анимированные изображения по сути являются неподвижными фотографиями с повторяющимся циклом видео только для выбранного изображения. Представьте себе красивый пейзаж с анимированным деревом, развевающимся на ветру. Этот контраст движения с крайней неподвижностью выглядит поразительно и сюрреалистично.Синемаграфы представляют собой видео или анимированные GIF-файлы, и вы можете ожидать, что они появятся на веб-сайтах, в приложениях и в рекламных кампаниях в социальных сетях рядом с вами в 2018 году.
7. Смелая типографика (и засечки возвращаются на экран!)
Slack легко интегрирует шрифты с засечками в плоский дизайн. Через Slack
Что касается типографики в 2018 году, вы обнаружите, что чем крупнее и смелее, тем лучше. Дизайнеры будут выбирать художественные эффекты, очень большие размеры шрифтов и огромные заголовки. Шрифт без засечек в стиле Helvetica доминирует в цифровых пространствах, и, хотя они останутся такими же модными, как и прежде (особенно для членов их семейства, выделенных жирным шрифтом), в наступающем году мы можем ожидать большего разнообразия шрифтов.
Очень большая типографика и анимация наведения у Болдена просто потрясающие. Via Bolden
Это разнообразие будет включать больше декоративных шрифтов и шрифтов ручной работы, а также — ах! —serif fonts. Наши друзья шрифтов с засечками быстро снова появляются на экранах, особенно в сочетании с шрифтами без засечек. Из-за потребности в синхронизации всех носителей дизайнеры почти полностью отказались от шрифтов с засечками, чтобы избежать непоследовательности, поскольку бренды начали большую часть своей жизни жить в Интернете. С ростом приемлемости шрифтов с засечками на экранах (вероятно, из-за улучшенных экранов и впечатляющих возможностей Google Web Fonts) мы можем ожидать эффекта ряби и восстановления прежних позиций шрифтов с засечками.
Концепция дизайна упаковки Alta от Fe MeloAlbum artwork for Low High с креативной типографикой от nevergohungry
Тенденции, которые можно увидеть в основном в печати, также найдут свое отражение на экране. Они будут включать экспериментальную и художественную типографику, более креативные макеты и размещения с использованием изображений, а также более смелые варианты выравнивания и кернинга.
Такой современный, но такой ретро. Жирные шрифты с засечками и причудливая анимация — отличное сочетание. Via
9 передовых тенденций веб-дизайна на 2018 год
Как цифровой носитель, веб-дизайн гораздо больше подвержен технологическим изменениям, чем традиционные печатные носители.Но сейчас 18 лет в новом тысячелетии, так что неудивительно, не так ли? Что удивительно, так это то, как веб-дизайнеры продолжают справляться с растущими техническими проблемами и по-прежнему могут создавать сайты, которые удобны, понятны и инновационны, соответствуют корпоративному стилю, адаптируются к любым мыслимым устройствам и просто красивы одновременно. .
>> Ознакомьтесь с новейшими тенденциями веб-дизайна здесь
В 2017 году произошло много улучшений, в том числе использование мобильных устройств, наконец, обогнало просмотр настольных компьютеров.Это означает, что в 2018 году придется в полной мере использовать мобильные функции так, как мы никогда раньше не видели, а настольные компьютеры должны продолжать развиваться, чтобы оставаться актуальными. Имея это в виду, давайте взглянем на некоторые заметные тенденции веб-дизайна, которые вот-вот начнутся в 2018 году.
Вот 9 тенденций веб-дизайна, о которых вам нужно знать в 2018 году
—
Падающие тени и глубина
Цветовые схемы
Фоны из частиц
Первый мобильный
Пользовательские иллюстрации
Крупный жирный шрифт
Макеты сетки
Интегрированные анимации
Динамические градиенты
1.Падающие тени и глубина
Via Algolia
Использование теней не ново, так зачем об этом упоминать? Хотя тени долгое время были основным продуктом веб-дизайна, благодаря прогрессу веб-браузеров, теперь мы видим несколько интересных вариантов. С помощью сеток и макетов с параллаксом веб-дизайнеры больше, чем когда-либо, играют с тенями, чтобы создать глубину и иллюзию мира за пределами экрана. Это прямая реакция на тенденцию плоского дизайна, которая была популярна в прошлые годы.
Shadowplay создает удивительно универсальный эффект, который не только увеличивает эстетику веб-страницы, но и помогает пользователю, делая акцент на пользовательском опыте (UX).Например, использование мягких, тонких теней в качестве состояний наведения для обозначения ссылки — не новая идея, но их сочетание с яркими цветовыми градиентами (подробнее об этом позже), как в приведенных выше примерах, усиливает трехмерный эффект старых теней.
2. Яркие, насыщенные цветовые решения
Через Adobe Красочный дизайн целевой страницы от Адама Багуса для Arielle Careers
2018 определенно год для супер избытка цветов в Интернете. В то время как в прошлом многие бренды и дизайнеры придерживались веб-безопасных цветов, все больше дизайнеров становятся смелыми в своем подходе к цвету, включая перенасыщение и яркие оттенки в сочетании с заголовками, которые больше не просто горизонтальны, а переосмыслены с косой чертой и резкими углами.
Отчасти этому способствуют технологические достижения в области мониторов и устройств с экранами, которые больше подходят для воспроизведения более насыщенных цветов. Яркие и даже противоречивые цвета могут быть полезны для новых брендов, надеющихся мгновенно привлечь внимание своих посетителей, но также идеально подходят для брендов, которые хотят отделить себя от «веб-безопасных» и традиционных.
3. Фон частиц
Фоны с использованием частиц Via Heco
— отличное решение проблем с производительностью, с которыми сталкиваются веб-сайты с фоновым видео.Эти анимации представляют собой легкий JavaScript, который позволяет создавать движение как естественную часть фона, не занимая слишком много времени для загрузки.
Говорят, что изображение говорит больше тысячи слов, а движущееся, безусловно, делает. Точно так же фон из частиц сразу привлекает внимание пользователя, поэтому бренды могут создать незабываемое впечатление о себе всего за несколько секунд. Кроме того, подобная анимированная графика становится все более популярной в социальных сетях, обеспечивая сногсшибательные ссылки на целевые страницы.
4. Первые мобильные
Дизайн приложения Nutrition от Масума Р. Дизайн приложений для домашнего выращивания от Typelab D
Как упоминалось ранее, мобильный браузер теперь официально превзошел настольный компьютер. В наши дни почти каждый делает покупки и заказывает со своего смартфона. В прошлом это был неуклюжий процесс, который пользователи не так быстро освоили. Дизайнеры недоумевали: как получить достойное меню, подменю и подподменю на маленьком экране?
Но теперь мобильный дизайн повзрослел. Раскладывающийся бургер стал обычным, минимизируя меню для маленького экрана.Возможно, вам придется отказаться от больших красивых фотографий, которые ваш клиент отправляет вам в мобильной версии, но значки намного экономичнее с точки зрения пространства и стали настолько распространенными, что у пользователя нет проблем с их пониманием. А проблемы UX стало легче выявлять и устранять с помощью микровзаимодействий, позволяющих получать немедленную обратную связь о действиях пользователей.
5. Пользовательские иллюстрации
На странице StrideWeb, иллюстрированной и разработанной SixDesign
Иллюстрации — отличные универсальные средства для создания веселых, дружелюбных изображений, которые добавляют элемент развлечения на сайт.Опытные художники могут создавать иллюстрации, которые полны индивидуальности и адаптированы к тону бренда — к чему стремятся все бренды на рынках, которые с каждым годом становятся все более переполненными.
Via FlowMapp
Хотя эта тенденция идеально подходит для веселых и энергичных предприятий, она может помочь сделать бренды, которые обычно воспринимаются как серьезные и правые, более доступными для своих клиентов. Какой бы ни была идентичность вашего бренда, вероятно, найдется подходящий стиль иллюстрации.
6. Крупный жирный шрифт
Типографика Via Femme Fatale StudioVia OursRoux
Типографика всегда была мощным визуальным инструментом, способным создавать индивидуальность, вызывать эмоции и задавать тон на веб-сайте, одновременно передавая важную информацию.И теперь, поскольку разрешения устройств становятся более четкими и удобными для чтения, я ожидаю огромного увеличения использования пользовательских шрифтов. За исключением Internet Explorer, многие браузеры могут поддерживать рукотворные шрифты, которые поддерживаются CSS для веб-браузеров. Тенденция использования больших букв, контрастных заголовков без засечек и шрифтов с засечками помогает создавать динамические параллели, улучшать UX и, что самое главное, удерживать посетителей читающими ваш сайт.
Via Nurture Digital
В частности, для веб-страниц заголовки являются ключевыми элементами SEO и помогают упорядочить информацию для сканирующих глаз читателей.В преддверии 2018 года дизайнеры в полной мере воспользуются этим, предлагая веб-страницы с большими и эффектными заголовками, созданными из креативных шрифтов.
7. Асимметрия и разрывы сеток
Через Dada-DataVia Veintidos GradosVia Beoplay
Одним большим изменением в 2017 году стало введение асимметричных и нетрадиционных «ломаных» макетов, и эта веб-тенденция по-прежнему будет сильной в 2018 году. Асимметричный макет привлекателен тем, что он уникален и самобытен. а иногда и экспериментальный.
Хотя крупные бренды с большим количеством контента по-прежнему используют традиционные сеточные структуры, я ожидаю увеличения использования нетрадиционных макетов в Интернете, поскольку бренды создают уникальный опыт, чтобы выделиться. Традиционные компании, возможно, не заинтересованы в этой эстетике, но более крупные бренды, которые могут позволить себе немного рисковать, будут ожидать от своего веб-дизайнера нестандартных идей.
8. Интегрированные анимации
Через InTurn
По мере развития браузерных технологий все больше веб-сайтов переходят со статических изображений и находят новые способы, такие как анимация, для вовлечения пользователей в их коммуникационный подход.В отличие от упомянутых ранее анимаций частиц (которые, как правило, представляют собой большой фон), анимация меньшего размера полезна для привлечения посетителей на протяжении всего периода их просмотра на странице. Например, графика может анимировать пользователя во время загрузки страницы или показывать пользователю интересное состояние наведения курсора по ссылке. Они также могут быть интегрированы для работы с прокруткой, навигацией или в качестве центральной точки всего сайта.
Animation — отличный инструмент для включения пользователей в историю веб-сайта, позволяя им увидеть себя (и свое потенциальное будущее в качестве клиентов) в персонажах.Даже если вас интересуют только забавные абстрактные визуальные эффекты, они хорошо подходят для создания значимого взаимодействия с вашими посетителями.
9. Динамические градиенты
Через symodd Via Elje Group
За последние несколько лет плоский дизайн стал более предпочтительной тенденцией в веб-дизайне по сравнению с объемными цветами, но градиенты снова вернулись в 2018 году. предлагать 3D (отличным примером были значки Apple iOS).
Теперь градиенты большие, яркие и яркие. Самым популярным из недавних воплощений является градиентный фильтр для фотографий — отличный способ сделать менее интересное изображение интригующим. Простой градиентный фон также может стать идеальным модным решением, если у вас нет других изображений для работы.
С нетерпением жду тенденций веб-дизайна 2018 года
—
Благодаря ярким цветам, ярким градиентам и интегрированной анимации 2018 год станет одним из самых веселых лет в Интернете за последнее время.Нам не терпится увидеть, что придумают дизайнеры и как они расширят границы.
Нужен модный веб-сайт для вашей организации?
Наши дизайнеры могут создать что-то идеальное для вашего бренда!

СохранитьСохранить
19 тенденций веб-дизайна на 2018 год
Легко стать немного снобом по поводу тенденций в творческих дисциплинах. В конце концов, нет ничего творческого или новаторского в том, чтобы следить за тем, «что сейчас популярно» — если только вы не делаете это просто для того, чтобы постоянно противостоять трендам.
Ознакомьтесь с нашей последней публикацией: 21 тенденция веб-дизайна на 2021 год

Но дело в том, что творчество — это разговор.
Разговор, который продолжается с тех пор, как мы впервые научились воссоздавать элементы нашего мира с помощью охры и угля на стенах пещер. С тех пор, как мы научились превращать абстрактные знаки, вырезанные из глины с помощью палок, в пакеты, наполненные смыслом, то есть в язык.
Тенденции — это лишь основные нити в этом беспорядочном, многоголосном разговоре.Независимо от того, принимаем ли мы их или сопротивляемся, наш творческий выбор существует вместе с этими тенденциями.
Они предоставляют контекст. Потому что что такое инновация, как не отход от нормативов? А каковы нормативные тенденции, кроме прошлогодних?
Итак, как и в прошлом году, я сел с командой разработчиков взломщиков Webflow и попросил их взглянуть в свои хрустальные шары виртуальной реальности и посмотреть, что будет определять дизайн в 2018 году.
Вот что сказали Серджи Магдалин, Райан Моррисон, Линси Петерсон, Натан Ромеро и Дарин Димитрофф.(Конечно, наряду с некоторыми собственными мыслями.)
1. Разбитая сетка
В непрекращающемся поиске дизайнеров более креативных и привлекательных макетов сетка, на которую мы всегда полагались, чтобы внести гармонию и логику в наши макеты, сама по себе стала своего рода ограничением.
‍ Иногда нам всем хочется уйти от электросети, амирит?
Это не означает, что макеты с разбитой сеткой полностью исключают концепцию сетки — вместо этого они позволяют изображениям и текстовым элементам перемещаться в желобах и поперек них, которые обычно служат жесткими ограничениями в более сдержанных макетах.Здесь обычные незаметные блоки изображений и текста начинают перекрываться и сходиться, часто создавая неожиданные неожиданные сопоставления растрового изображения и формы буквы.
‍ Иногда трудно сказать, преднамеренные эти эффекты или просто приятная ошибка …
2. В центре внимания — иллюстрации
Одна из наиболее интересных проблем, с которыми я столкнулся в мире маркетинга цифровых продуктов, — это выбор изображений.Я наблюдал, как целые команды дизайнеров обсуждали дебаты, обычно заканчивающиеся в одном из двух мест:
Снимки пользовательского интерфейса продукта и гифки
Редакционная фотография / фотография стиля жизни
Первый подчеркивает опыт, особенности и функциональность продукта, а второй пытается подчеркнуть человеческое измерение продукта: его влияние на жизнь людей.
Но приближаясь к 2018 году, мы видим — и будем видеть — работа иллюстраторов приобретает совершенно новое значение как в маркетинге, так и в дизайне продуктов.
Почему это происходит, меня очаровывает, и я не могу решить, что именно. Возможно, это та же цикличность, которую мы давно наблюдаем в мире моды — в конце концов, иллюстрация доминировала в мире рекламы до конца 60-х годов или около того.
Или, может быть, команда дизайнеров Dropbox что-то догадалась с этим объяснением своего нового стиля иллюстраций:
Мы создаем грубые наброски с использованием графита, а затем соединяем их с красочными абстрактными формами, чтобы оживить творческий процесс.Наш стиль вдохновлен моментом, когда у вас впервые появляется идея, и служит напоминанием о том, что «холст остается пустым, пока вы не сделаете первую отметку».
Я имею в виду … они должны были быть на или с этим редизайном … верно?
Иллюстрации также могут быть очень мощными в воплощении более абстрактных концепций в жизнь, как вы можете видеть на сайте Shopify Polaris. С помощью одного рисунка Shopify поясняет, что дизайн-система Polaris предназначена для того, чтобы служить путеводной звездой — северной звездой — для каждого члена команды.
Наконец, стоит отметить, что иллюстрации могут также аккуратно решить некоторые репрезентативные проблемы, связанные с фотографией.
Мы создаем наши цифровые продукты для ошеломляюще разнообразного круга людей — но в тот момент, когда вы делаете снимок реального человека и вставляете его в изображение главного героя своего веб-сайта, это человек олицетворяет вашего пользователя. И оставляет всех остальных пользователей непредставленными.
Напротив, человек, изображенный на изображении героя Shopify Polaris, — это , всего лишь человек.Такие характеристики, как раса, пол, национальность и многое другое, остаются неопределенными, что облегчает любому из нас проецировать себя на роль этого одинокого мыслителя, созерцающего творческие возможности, освещенные путеводным светом.
3. Брутализм становится мейнстримом
В начале 2017 года мы опубликовали статью, касающуюся роста брутализма, и попытались ответить на вопрос , почему именно нового стиля:
Брутализм…. открывает пространство, где дизайнеры могут делать то, что они хотят, а не то, что они должны. Созданные здесь работы избегают всех советов по оптимизации и списков передовых практик в пользу взглядов и эффектов, которые живут в неприятностях, а иногда и граничат с оскорблением (во всяком случае, к ожиданиям).
Итак, вы можете себе представить наше удивление, когда из всех типов сайтов два ecommerce торговых точек подхватили жестокую подножку:
Баленсиага
Gucci
4.Более органичные и наклонные формы
Природа не терпит прямых линий.
–Уильям Кент
И в веб-дизайне, и в мобильном дизайне уже несколько лет доминируют карточные интерфейсы. До недавнего времени большинство этих карточек были (в основном) с острыми краями и прямоугольными, обнажая геометрию лежащих в их основе div в почти модернистском отношении к материалам веб-дизайна.
В 2017 году ситуация сильно изменилась.Теперь каждое приложение от Google Now до Twitter и Facebook может похвастаться почти агрессивно закругленными углами на карточках, полях ввода, аватарах профиля и многом другом.
‍ Если эти коробки станут более округлыми, они будут просто овальными.
И дело не только в первичных элементах, которые приобретают более органические формы. Фоны теперь изобилуют почти амебовидными пятнами цвета, драматическими диагоналями, даже штрихами реального мира, сделанными почти мультяшными.
Но дизайнеры не просто обращаются к органическим изгибам в своем бесконечном поиске выхода из коробки.Многие просто изменяют эти коробки под обычным углом в 90 °, обновляя свой дизайн простым изменением перспективы, как на домашней странице Stripe.
Все это не означает, что прямые углы изменят путь динозавра. Мы также видели, как несколько сайтов удваивают прямые линии и эффективно смешивают их с более органичными и сферическими формами.
Вы также заметите появление «мигающих» или «вибрирующих» цветов во многих интерфейсах веб-сайтов.Хотя эти цветовые комбинации создают невероятно поразительные эффекты, в том числе призрачные остаточные изображения, которые, кажется, остаются в ваших глазах при прокрутке, стоит отметить, что они представляют сомнительную территорию с точки зрения доступности.
В то время как доступность обычно рассматривается как создание удобного дизайна для людей с ограниченными возможностями, стоит помнить, что даже людям с цветовым зрением может быть трудно использовать резкие цветовые комбинации.
Без шуток: эти фигуры будут заполнять ваш экран при прокрутке.
Согласно Дженнисон Асунсьон, менеджеру LinkedIn по обеспечению доступности, доступность может быть определена как:
Проектирование и разработка пользовательских интерфейсов, которые каждый, включая людей с ограниченными возможностями, может независимо использовать и взаимодействовать.
Это каждый ключ.
5. Еще более широкие взаимодействия и анимации
Средство — это сообщение.
–Маршалл Маклюэн
Интернет — это не статический носитель.Несмотря на непреходящую красоту и правдивость таких произведений, как «Это веб-страница» Джастина Джексона, Интернет позволяет гораздо больше, чем просто печатать слова на странице. И если известная пословица Маклюэна не выдерживает критики, это означает, что по крайней мере часть сообщения сети — ее значение — заключается в ее способности к движению и интерактивности: способности веб-страницы не просто предоставлять нам информацию, но и делать ее информация move и, что более важно, чтобы мы могли взаимодействовать с этой информацией и влиять на нее.
Все в движении, но никогда не отвлекает.
Все чаще, когда вы просматриваете веб-страницы, информация не просто представлена на ваше одобрение, но скользит вверх в ваше сознание, привлекая к себе внимание по частям.
Очевидно, что здесь не следует перебарщивать с — всегда есть потенциал для того, чтобы анимация могла сделать приятные впечатления ошеломляющими, особенно для людей с когнитивными нарушениями или чувствительностью к движению.
Но если все сделано правильно, даже тонкая анимация может направить внимание посетителя на нужный контент в нужное время, помогая убедиться, что он не пропустит жизненно важные строки текста или форму, стимулирующую конверсию.
Возьмите этот великолепный сайт, созданный Heco Partners для агентства Black Sheep. При прокрутке вниз выделение «текущей» строки помогает сосредоточиться на очень хорошо написанном тексте. Затем серия смело разработанных всплывающих подсказок начинает соперничать за ваше внимание с копией, призывая вас прекратить чтение и перейти на другую страницу.Это творческое решение проблемы создания встроенной навигационной системы, но оно также может добавить ненужной напряженности к опыту некоторых пользователей.
Мы также наблюдаем появление множества инструментов для упрощения создания более сложных анимаций и взаимодействий — длинный пробел в наборе инструментов цифрового дизайнера — от нашего собственного Interactions 2.0 до Lottie от Airbnb.
В частности, мы с нетерпением ожидаем появления еще двух конкретных шаблонов анимации: необычной скорости прокрутки и переходов между страницами.
Неожиданная скорость прокрутки
Parallax в наши дни уже устарел, но это не значит, что дизайнеры не заинтересованы в увлекательном увязке прокрутки с перемещением элемента.
Возьмем, к примеру, сайт Анны Эшвуд. Каждая фотография на сайте работает нормально, пока вы не прокрутите ее, после чего они быстро поднимутся вверх, быстрее, чем ваша скорость прокрутки. Это придает сайту интересную неземную атмосферу, которая прекрасно сочетается с строгими, монохромными фотографиями и их строгими моделями.
Поскольку взаимодействие и анимация становятся все более заметной частью нашего онлайн-опыта, ожидайте увидеть больше неожиданных моментов, добавленных, чтобы добавить изюминки.
Переходы между страницами
В сети, полной красивой анимации, которая может ясно сказать нам, что «что-то изменилось на этой странице», всегда было немного странно, что переход с одной страницы на другую ощущается почти одинаково, независимо от того, какой веб-сайт вы на.
Анимация изменения состояния может увести вас с одной страницы, а другая будет приветствовать вас на новой странице, но это незаметно, и ничто не обязательно связывает их. Сам переход выглядит как любой другой переход со страницы на страницу: на секунду все становится пустым, затем загружается новая страница. Ничего особенного.
Но мы начинаем видеть, что все больше и больше сайтов вносят это изменение в нечто прекрасное. Взять хотя бы такие переходы на сайте агентства 3drops:
Здесь переход между страницами сохраняет согласованность и соответствие бренду.Вы не столько «переходите на новую страницу», сколько получаете доступ к другому «представлению» в библиотеке представлений. Это хороший слой полировки, чтобы завершить презентацию бренда, ориентированного на дизайн.
6. Возникновение максимализма
Хороший дизайн — минимум дизайна
–Дитер Рамс
В течение многих лет казалось, что самый мощный и желанный отзыв о дизайне, который вы могли получить, был: «Он чистый.”
Это был мир дизайна в эпоху минимализма. Находясь под глубоким влиянием принципов хорошего дизайна Дитера Рамса, а также влиятельного эссе по типографике «Хрустальный кубок», визуальные дизайнеры давно стремились уйти от пользователей, предлагая как можно меньше вариантов и отвлекающих факторов.
И для мира, где жизнь в цифровых технологиях была новым и редким опытом, этот выбор имел большой смысл. Нам нужно расслабиться в этом странном новом мире.
Но сегодня у нас есть такие сайты, которые, честно говоря, могут вызвать конфискации:
Журнал Pin-Up
Х. Лоренцо
Razzle Dazzle Torino
Все они, кажется, стремятся бросить на вас все и кухонную раковину с того момента, как вы приедете.
Вы могли бы назвать это разновидностью брутализма — и на самом деле я нашел все вышеперечисленные сайты на сайтах бруталистов — но мы думаем, что все мы можем ожидать появления большего количества максималистских сайтов даже за пределами того, что вы считаете брутальным.Поскольку мы все больше и больше разбираемся в цифровых технологиях, вполне естественно, что некоторые сайты будут ожидать от посетителей большего.
7. Засечки делают все возможное
Вернувшись в старые плохие времена экранов без сетчатки и плохой поддержки шрифтов, использование шрифтов без засечек в веб-интерфейсах имело большой смысл. Но по мере того, как и экраны, и технологии рендеринга шрифтов, не говоря уже о поддержке пользовательских шрифтов, становятся все более надежными, мы начинаем видеть все более сложные шрифты в центре внимания.Или, по крайней мере, гораздо более заметные роли второго плана.
Свидетель недавнего редизайна Kickstarter, который включает в себя цитаты из блоков от создателей, выделенные мягко изогнутыми засечками:
Или большие жирные заголовки Reform Collective:
В то время как прокрутка Typewolf практически в любой день покажет несколько засечок, крадущих сцену:
Как давний поклонник шрифтов с засечками и их способности вызывать чувство элегантности, утонченности и литературного блеска, я тепло приветствую наших новых повелителей.
8. Плавающие меню навигации
Фиксированная навигация стала основой сайтов, которые либо ориентированы на конверсию (потому что основной призыв к действию может запоминать вас при прокрутке), либо имеют обширные меню. Это хороший способ упростить работу с сайтом, постоянно оставляя элементы управления навигацией под рукой пользователя.
В последнее время мы наблюдаем, как дизайнеры продвигают идею дальше, визуально отделяя навигацию от остального дизайна сайта и перемещая ее немного ниже кромки браузера.Это усиливает ощущение того, что навигация — это глобальный объект, не обязательно являющийся частью какой-либо одной страницы, но призванный ободряюще следовать за вами по сайту.
Самый очевидный способ сделать это визуально — добавить тень на панель навигации и переместить ее немного ниже самого верха сайта, как показано на сайте Reseau выше. Но это возможно и в более плоском дизайне, как вы можете видеть на сайте Anchor & Orbit.
Подобно автономным проектам, это позволяет естественным (или целенаправленно) создавать интересные сопоставления в дизайне, что создает интересную творческую задачу.
9. Элемент
Когда вы пытаетесь передать сложную информацию в визуальном формате, статическое изображение часто просто не подходит. В конце концов, сложность имеет тенденцию развиваться со временем — неподвижное изображение пользовательского интерфейса говорит вам только о том, что в нем содержится, а не о том, как его использовать.
Введите элемент
Это мощный по нескольким причинам:
Он может легко вписаться в дизайн, без навязчивого хрома встроенного видео YouTube или Vimeo
Он остается исключительно высоким качеством, даже с большим количеством цветов, градиентов и деталей на изображении — то, что с GIF-файлами сложно сделать без экспоненциального увеличения размера
Его можно зациклить, чтобы детали копии и изображения оставались синхронизированными, и повторять для тех, кому это нужно.
Поэтому неудивительно, что мы наблюдаем появление элемента видео по всему Интернету, от нашей домашней страницы до таких страниц, как Stripe Sigma.
10. Более захватывающая длинная «мультимедийная» форма
Когда мы хотим опубликовать длинный контент, может возникнуть соблазн просто добавить длинное текстовое поле на страницу и закончить его, особенно когда наш длинный контент работает на CMS, где тяжелую работу выполняет один макет. для содержания, начиная от аннотаций на 200 слов и заканчивая подробными короткими учебниками.
Но некоторые дизайнеры и писатели героически сопротивляются искушению и возвращаются к концепции , включающей историй, сочетающей индивидуальные макеты с копией, тщательно подобранной для презентации, чтобы рассказывать захватывающие, длинные истории, которые обогащают повествование видео, звуком, диаграммами и графиками , карты и многое другое.
Честно говоря, это вряд ли «новая» тенденция — на самом деле, я бы назвал ее краеугольным камнем длительного разговора о веб-публикации, — но со всеми инструментами для веб-публикации, возникающими прямо сейчас, включая нас самих, это Кажется, идеальное время для того, чтобы этот аспект стал еще более заметным в 2018 году.
Возьмите эту статью CNN о влиянии глобального потепления на Гренландию и остальной мир.
История буквально перенесет вас туда, насколько это возможно.Что жизненно важно для вопроса, который слишком многим кажется абстрактным — даже нереальным. Он также умело превращает сложную тему в серию легко усваиваемых абзацев. Вы никогда не будете ошеломлены общим объемом контента, потому что он не привлекает к себе внимания. Вместо этого вы обнаруживаете, что читаете каждое слово, потому что оно чертовски легко и увлекательно.
Обратите внимание, что я здесь , а не , критикующий CMS: на самом деле, с помощью CMS можно доставлять такого рода впечатления.Для этого потребуется немного изобретательности — все визуальные эффекты из этой истории можно передать с помощью фоновых изображений и видео — и уделить особое внимание согласованности историй при их написании, проектировании и разработке. И да — модель контента, которая отличается от стандартных «сообщений в блоге».
«Если вы ищете более увлекательную длинную форму, я не могу порекомендовать газету New York Times« Пропавшие дети Туама »достаточно высоко.
Стоит отметить, что эти более разнообразные подходы к лонгформам могут работать как с разорванной сеткой, так и со стандартным столбцом, как показано в статье New York Times выше.
11. Вариативные шрифты!
Глядя на Интернет сегодня, трудно поверить, что всего несколько лет назад мы были вынуждены полагаться на немногочисленную горстку шрифтов для доставки всего нашего текстового контента.
Сегодня веб-сайт изобилует огромным разнообразием великолепных шрифтов, что привело к революционному уровню интереса к типографике, дизайну шрифтов и заметному потреблению шрифтов.
И станет только лучше с выпуском переменных шрифтов .Совместный проект крупнейших компаний в области технологий (и типографики) — Apple, Google, Microsoft и Adobe — проект переменного шрифта позволяет создать совершенно новую форму дизайна шрифта. Официально дополнение к формату OpenType, это:
позволяет дизайнерам шрифтов интерполировать весь набор глифов шрифта или отдельные глифы по 64 000 осям вариации (вес, ширина и т. Д.) И определять определенные позиции в пространстве дизайна как именованные экземпляры («Полужирный», «Сжатый», и т.д.).
Если (как и я) это предложение заставляет вас немного почесать голову, сосредоточьтесь на гораздо более прямой версии Джона Хадсона, в которой он говорит, что переменный шрифт:
Один файл шрифта, который ведет себя как несколько шрифтов.
Но, может быть, при обсуждении визуального искусства, такого как дизайн буквенной формы, лучше всего придерживаться визуального оформления:
‍Автор Эрик ван Блокланд, из блога Typekit.
Вкратце, это и есть переменные шрифты: один файл шрифта, способный мгновенно перейти от тонкого к черному. Без вызова 16 разных шрифтов в вашем CSS.
Он будет большим.
12. Контент-хабы или веб-книги? — остынь
(Для ясности: контент всегда был крутым.😎)
Как фанат контента, я был в восторге от того, что в 2017 году увидел кучу красивых, ориентированных на контент веб-сайтов, предлагающих огромное количество полезной, хорошо написанной информации. И я предполагаю, что в 2018 году мы увидим еще больше. учитывая весь успех партии 2017 года.
Также было увлекательно видеть, как многие ведущие бренды отказываются от знакомого подхода закрытого PDF к распространению электронных книг и полностью используют потенциал Интернета для публикации длинного контента в том, что я называю «webooks».”
Что я имею в виду? Скважина:
Направляющие Stripe Atlas
Airtable Universe.
DesignBetter.co
Книги по внутренней связи
Наш собственный сайт электронных книг.
Мне нужно продолжить?
13. CSS-сетка!
Демо-версия CSS-сетки от Робина Рендла из CSS-Tricks.
Как красноречиво выразился Робин Рендл на CSS-Tricks:
Ну, CSS Grid — первая настоящая система верстки для Интернета. Он предназначен для организации контента как в столбцы, так и в строки, и, наконец, дает разработчикам почти божественный контроль над экранами перед нами.
Злой смех.
Примечание. Webflow будет поддерживать сетку CSS , но официальной даты пока нет.
14. В поисках идеального инструмента цифрового дизайна
2017 был большим годом для углубленного обсуждения природы инструментов проектирования и того, насколько они подходят для нашей работы.
Брин Джексон из Spectrum выдвинул свой аргумент за:
Промежуточный формат между инструментами проектирования и разработки, позволяющий создавать более эффективные и функциональные инструменты для производственных групп в целом и дизайнеров в особенности.
В сообщении, которое называется просто «Интерфейс». Далее он утверждает, что «все доступные сегодня популярные инструменты дизайна оптимизированы для иллюстраций».
(Хотя следует отметить, что он классифицирует «иллюстрацию» как любую дизайнерскую работу, результатом которой является «изображение, значок, иллюстрация, шрифт, реклама, печатные СМИ или какой-либо другой визуальный коммуникационный носитель без естественной интерактивности», что является спорным утверждение.В конце концов, вы не читаете и не замечаете формы взаимодействия?)
Если оставить в стороне озабоченность по поводу определений иллюстраций и интерактивности, нетрудно понять точку зрения Джексона: по сути, большинство современных инструментов дизайна сосредоточены на создании изображений , а не интерфейсов .
Дизайнер и инженер Адам Микела сделал многие из тех же замечаний в статье «Я дизайнер в Facebook, и это то, чего сегодня не хватает в инструментах дизайна». Там он утверждает, что большинство дизайнеров тратят подавляющее большинство своего времени на создание артефактов, которые практически не имеют материальной ценности, потому что они всего лишь представляют собой конечный продукт — цифровые интерфейсы, которые быстро расходятся с указанными представлениями.
Он завершает статью обнадеживающей нотой, говоря, что «есть возможность создавать инструменты, которые сочетают (а не объединяют) дизайн и реализацию».
Именно это мы и пытаемся создать в Webflow. Как и Микела, мы предполагаем, что результат дизайна не будет схематическим изображением веб-сайта, но — это сам веб-сайт. Не документация по интерфейсу, а сам интерфейс. Постоянно развивается в идеальной синхронизации с сайтом, но непрерывно генерирует хронологию версий, которые можно просмотреть и даже восстановить одним нажатием кнопки.
Мы еще не прошли весь путь, но с вашей помощью мы движемся в этом направлении.
15. Разнообразие и инклюзивность как проблемы дизайна
Webflow — работодатель с равными возможностями. Мы стремимся создать команду, в которой разнообразие идей и идентичностей не только приветствуется, но и поощряется.
— Наши вакансии
Здесь, в Соединенных Штатах, где базируется Webflow, постоянно усиливающийся политический климат заставляет уделять пристальное внимание роли разнообразия и инклюзивности в дизайне.
Мы признаем, что выбор дизайна на вид мал, поскольку решение о том, какие варианты включить в раскрывающиеся списки по признаку пола — или даже включить их в раскрывающиеся списки вообще — имеет большое значение для многих наших собратьев. Мы снова и снова видим, насколько сильными могут быть формулировки сообщений об ошибках и механизмы проверки данных в динамике взаимодействия человека с компьютером. Мы понимаем, что превращение расы в фильтр в рекламных инструментах может иметь откровенно расистские эффекты и тем самым поддерживать существующие властные отношения, которые многие из нас хотели бы перевернуть.
И мы понимаем, что если наши команды не будут разнообразными и инклюзивными, то и наши дизайнерские решения тоже не будут.
Во всяком случае, некоторые из нас.
С другой стороны, мы также наблюдаем, как гендерная предвзятость поднимает свою уродливую голову явно противоречивыми и маргинализирующими способами — превращая разговоры, которые мы обычно считаем в основном добродетельными, например предоставление обратной связи, в явные примеры двойных стандартов.
В конечном итоге, наша задача как профессионалов в области пользовательского опыта (UX) — предоставить каждому , независимо от их особенностей, удобное и идеально приятное взаимодействие.
Другими словами: наша работа — это инклюзия. Давайте сделаем 2018 год годом, когда все мы сможем сосредоточиться на выполнении своей работы в полной мере.
16. «Поворот к видео» воспроизводится на
Несмотря на то, что почти никто из нас не настаивает на том, чтобы видео стало средой веб-публикации в повседневной жизни, издатели продолжают удивительно оптимистично относиться к переходу.
Вы видите это повсюду: от новостных сайтов, которые практически настаивают на , чтобы вы смотрели видео, а не читали , до коротких «историй», продвигаемых сначала Snapchat, затем Instagram и, наконец, Facebook.Несомненно, скоро на подножку появится Excel!
Но, как и большинство вещей в технологиях, это вряд ли нейтральное развитие. Тысячи журналистов потеряли работу из-за этого поворота от текста к движущемуся изображению.
И перспективы для сайтов, сделавших переход, тоже могут быть не такими хорошими. Согласно Columbia Journalism Review:
Издатели, которые перешли на видео, лишились большей части своей с трудом завоеванной родной аудитории всего за год выпуска недифференцированных, мягких фрагментов в значительной степени агрегированных «закусочных» видео.
Независимая журналистика все равно страдает — спасибо, Трамп, — но переход на видео точно не помог.
Одно положительное замечание: согласно Digiday, «цена за тысячу показов для видео намного выше, чем цена за тысячу показов в медийной рекламе» (цена за тысячу показов — это «цена за показ»). В идеальном мире это означало бы, что газетам могло бы сойти с рук включение меньшего количества рекламы в свои статьи.
Но, конечно, этого не произойдет.
Перед лицом всего этого стоит помнить о сильных сторонах текста как творческого и информационного средства:
Относительно быстро произвести
Это дешево
Это по-прежнему основной формат общения в Интернете.
Последний пункт может заставить вас почесать голову.Но я бы посоветовал вам перейти в любую крупную социальную сеть и взять свиток. Если вы не заходите в Instagram, Pinterest или Snapchat, скорее всего, вы видите , написав . И даже на платформах, ориентированных на визуальные эффекты, текст по-прежнему играет ключевую вспомогательную роль.
Потому что, хотя изображение может «стоить тысячи слов» при захвате сцены, они редко улавливают контекст — кто, что, когда, где, почему и как это делает изображения значимыми.
Что довольно естественно подводит нас к следующему пункту:
17.Подъем UX писателя продолжается
Дизайнером является любой, кто влияет на то, каким становится дизайн. Сюда входят разработчики, менеджеры по маркетингу и даже корпоративные юристы. Все дизайнеры.
–Джаред Спул
Я немного коснулся этого в прошлогодней статье о тенденциях в дизайне, но сегодня я хотел бы еще больше сосредоточиться на подъеме ученика под названием «UX Writing».
Проще говоря, писатель UX сосредотачивается на контенте, находящемся в UI, в основном для больших цифровых продуктов и веб-приложений.Теперь, когда я объяснил, что пишу контент внутри продукта для таких компаний, как Webflow, а в прошлом LinkedIn, люди стали замечательно говорить «что?»
Но будьте уверены: пользовательские интерфейсы упакованы с письменным содержанием. И этот контент часто играет ключевую роль в вашем понимании:
Какие вы можете делать в пользовательском интерфейсе
Как делать эти вещи
Какие ограничения и сложности могут возникнуть на пути
Но UX-написание может сделать намного больше, чем это.Слова в интерфейсе также могут быть мощным инструментом для формирования восприятия брендов, стоящих за нашими любимыми интерфейсами. Подумайте только обо всех твитах, которые вы видели, выделяя веселую строку текста в веб-приложении, или обо всех 404-страничных витринах с остроумными сообщениями, призванными побудить к действию в неоптимальный момент.
Это становится наиболее очевидным в формате пользовательского интерфейса, известном как чат-бот. Вообще говоря, эти пользовательские интерфейсы состоят только из слов. Слова становятся пользовательского интерфейса.Личность или бренд чат-бота можно выразить только с помощью языка. Возможно, с несколькими тщательно подобранными смайликами, добавленными для приправы.
Как опытный UX-писатель, я очень рад видеть, что эта ключевая роль получает все большее признание, которого она давно заслуживает.
Мы тоже дизайнеры. Мы просто работаем со слогами и буквами. Нам не терпится поработать с вами.
18. Дизайн. Систематизированный.
Теперь, когда дизайн заслужил свое «место за столом», разговор сместился от утверждений о ценности к более зрелому анализу того, как сделать успехи дизайна более систематическими, масштабируемыми и связными во многих продуктах и средах бренда.
Системы дизайна
сосредоточены на преобразовании эстетики бренда и подходов к функциональности в модульные компоненты, которые можно смешивать и подбирать для удовлетворения (в идеале) уникальных потребностей любого пользовательского интерфейса. Когда язык дизайна систематизирован, он упрощает принятие решений, сокращает время разработки и освобождает дизайнеров для работы над более важными проектами, в которых шаблоны проектирования еще не созданы.
И бренды, как правило, идут в ногу со временем.UXPin запустил Systems, инструмент для создания и поддержки дизайн-систем. Shopify запустил Polaris, чтобы похвалить его за уникальное слияние контента, дизайна и руководств по разработке (что мне очень нравится). UX Power Tools запустила библиотеку, которая пытается сделать Sketch жизнеспособным инструментом систем дизайна (мы увидим!).
Ожидайте увидеть намного больше в 2018 году.
19. Принципы — первый дизайн
Мир дизайна уже давно одержим одной из тех дискуссий о курице или яйце: прежде всего контент или дизайн.
Я всегда был сторонником аргументации в пользу содержания. И не только потому, что я «довольный парень». Мне кажется чистой логикой закрепить сообщение, прежде чем вы решите, как его упаковать.
Но в последнее время, когда я перешел от разработки контент-стратегий для конкретных результатов к более системно-ориентированной работе (контент-стратегии на уровне бренда), я с теплотой отношусь к идее, что наша работа не должна начинаться с дизайна или контента.
Он должен начинаться с принципов .
Все остальное — как это выглядит, как работает, как звучит — должно вытекать из набора четко определенных и четко сформулированных принципов и зависеть от них.
Или, как сказала старший руководитель UX-отдела Shopify Эми Тибодо в своей красивой статье «Как найти Полярную звезду»:
Если система создана для выполнения реальной работы, она должна отражать то, как организация делает вещи и что она ценит. Например, дизайн-система, в которой ничего не говорится о принципах или подходе к содержанию, может не уделять первоочередного внимания размышлениям об этих вещах в повседневной жизни.
Принципы
обеспечивают основу для принятия всех остальных решений, от того, какой длины должна быть копия в главном изображении, до того, какое изображение обеспечивает фон для контента. В конце концов, бренды основаны на принципах: миссии, видении и обещании. Каждая из этих вещей требует лежащих в основе убеждений, чтобы оживить их, сделать их актуальными для других.
Другими словами: принципы обеспечивают , почему .
Например: наша миссия Webflow — дать возможность дизайнерам, предпринимателям и творческим профессионалам воплощать свои идеи в жизнь в Интернете.Эта миссия пронизывает все, что мы делаем, от эстетического подхода, созданного для нас Райаном, до стандартов голоса и тона, которые я разработал.
И это те стандарты, которыми мы руководствуемся в наших первых черновиках, сообщаем друг другу отзывы и, надеюсь, пронизываем каждое сообщение в блоге, электронную почту, маркетинговую страницу и т. Д. Пока что это отличное место для начала.
Что, по вашему мнению, принесет 2018 год для цифрового дизайна?
Каждый раз, когда я составляю один из этих списков, я поражаюсь, как много я, , мог рассказать , и насколько мое ограничение года + 1 заставляет меня расставлять приоритеты.
Вот почему я упустил некоторые очевидные силы, такие как AR и VR, о которых мы упоминали в прошлом году, которые до сих пор имели ограниченное влияние на Интернет. Имея это в виду, что бы вы добавили в этот список?
(Обратите внимание, что если вы включите ссылки в свои комментарии, они будут помечены как возможный спам. Так что не стесняйтесь не указывать ссылки — дайте нам достаточно, чтобы Google их, и мы будем в порядке.)
И, привет: спасибо за чтение.
10 важнейших тенденций графического дизайна, которые следует знать в 2018 году
Каковы были самые большие тенденции графического дизайна в 2017 году и какие тенденции графического дизайна будут заметными в 2018 году? С наступлением 2018 года мы попросили ведущих дизайнеров и руководителей студий поразмышлять о 2017 году, выявить самые важные тенденции на данный момент и спрогнозировать, что будет большим в этом году.
Точно так же, как когда мы рассказали вам об основных тенденциях в области иллюстрации, речь идет не о следовании за творческим стадом, а о том, чтобы подвести итоги того, где сейчас находится индустрия дизайна.
Независимо от того, используете ли вы эти тенденции для вдохновения или решительно двигаетесь в противоположном направлении, информация, представленная здесь, может помочь обосновать ваш выбор дизайна в 2018 году. Читайте наши прогнозы крупнейших тенденций графического дизайна 2018 года…
01. ‘ Little Big Idea ‘
Ребрендинг Moonpig был направлен на то, чтобы потеть над мелочами.
«Тема дизайна 2017 года имела большое влияние, но, как ни парадоксально, лучшая работа достигла ее, действительно потея за мелочами», — говорит Крис Муди, креативный директор Wolff Olins .«Больше всего меня поразили consommés — те работы, которые сосредоточены на чем-то особенном и используют это для создания чего-то ясного, самобытного и красивого:« Маленькая большая идея ».
«2017 год был посвящен простым идеям, реализованным с умом и проницательностью, чтобы оказать реальное и радикальное влияние. Работа W + K над женской футбольной командой Нидерландов была небольшим изменением логотипа, в котором удалось поставить под сомнение наследие, патриархат и даже то, что символизирует логотип. Ребрендинг Moonpig сделал больше с кернингом «о», чем когда-либо могла бы сделать тысяча мультипликационных персонажей.
«Если 2018 год будет таким же хаотичным, скачкообразным и сумасшедшим, каким был 2017, элегантная логика будет единственным способом прорваться».
02. Смелые цвета
В ребренде Dropbox активно использовался яркий цвет
«2017 год был буйством красок, и графические дизайнеры сделали масштабный и смелый выбор», — говорит Шон Боуэн, креативный партнер студии B&B. «Возможно, чтобы вдохновить на позитив после трудного 2016 года, мы наблюдали приток ярких цветов, часто с плоской графикой и только одним или двумя цветами, используемыми одновременно», — добавляет он.
«Все больше и больше брендов также используют свой основной оттенок упаковки в качестве цвета основы для плакатов и вспомогательной графики.
Макс Оттинон, соучредитель лондонского брендингового агентства Ragged Edge, рассказывает похожую историю. «Мы заметили, что наши клиенты становятся смелее», — говорит он. «Флуоресцентные цвета и противоречивые тона ушли из модных стартапов в мейнстрим. В основе новой идентичности eBay лежит цвет, который используется как способ показать свою широту и инклюзивность.
Мирейя Лопес, креативный директор DARE, соглашается. «Мы наблюдаем использование ярких цветов в сочетании с яркими изображениями», — говорит она. «Это можно рассматривать как ответ на минимализм и материальный дизайн, от использования пробелов и чистых макетов до неожиданных цветовых комбинаций и различных разнообразных типографских стилей — и это касается всех областей брендинга, а также цифровых технологий.
«Новое направление бренда Dropbox, например, делает это за счет творческого использования изображений, а корпоративные стили, такие как NatWest, переходят на свежий и современный вид, используя потенциал более ярких цветов для повышения коэффициента конверсии.В моей цифровой области это развитие, вероятно, связано с тем, что сайты могут загружаться быстрее, а экраны на телефонах больше, поэтому с изображениями легче играть ».
«Использование ярких цветов помогает контенту выделиться среди наполненных мемами социальных сетей», — отмечает Натан Сандху, основатель и креативный директор Jazzbones Creative.
03. Брутализм вернулся.
Брендинг North Design для Southbank Center, Лондон
«Хотя он существует уже некоторое время, брутализм — одна из тенденций графического дизайна, которые я видел в 2017 году, — говорит Лопес .«Ярким примером является ребрендинг Southbank Centre на North. Простой брендинг и шрифт были вдохновлены брутальной архитектурой Southbank Centre и прекрасно сочетаются с ней.
«Мы также определенно видели, как принципы движения влияют на веб-дизайн», — добавляет она. «На мой взгляд, чрезмерно функциональный и антиэстетичный сайт Balenciaga является наиболее впечатляющим проявлением этого».
Наша статья Являются ли бруталистские сайты временем панк-рока в Интернете? подробно исследует эту тенденцию в терминах веб-дизайна.
04. Гипербрендовая дистилляция
Новый логотип и бренд YouTube, разработанный собственными силами
«В течение 2017 года дизайн становился проще, но все же богаче, — говорит Оттинон. «В мире, где царит пользовательский опыт, сложные системы брендов мешают контенту. Функция перекрывает лишние детали дизайна, и каждый актив бренда должен заслужить свое место ».
Таким образом, бренды стремятся оптимизировать свои основные активы, но при этом стремятся вложить больше смысла и отличительности в каждый элемент, утверждает он.Часто это начинается с имени.
«Краткое описание именования все чаще становится« Как мы можем выразить как можно больше смысла в как можно меньшем количестве букв? »Bulb остается отличным примером этого, сообщая продукт, цель и тон всего лишь четырьмя буквами. Или Nested, стартап в области технологий, чей name обеспечивает как функциональный, так и эмоциональный уровень «.
Естественно, это также означает масштабируемые цифровые первые символы, наполненные смыслом — подумайте о YouTube или F1, где весь бренд может быть преобразован в плитку приложения или изображение профиля.
«Существует также заметная тенденция к использованию индивидуальных шрифтов, таких как IBM Plex и BBC Reith, не говоря уже о Camden Market и Giraffe», — добавляет Оттинон. «Это позволяет бренду отличаться от других, где бы он ни появлялся, не привнося ничего, что не является строго функциональным».
05. Современный натюрморт
20 лучших подарков дизайнеру 2018
Любители дизайна могут быть одним из самых враждебных получателей подарков на планете — и какими бы теплыми и отзывчивыми они ни казались, они всегда будут судить о книге по ее обложке.В конце концов, их природа — замечать то, чего не заметит большинство людей. По правде говоря, им нравятся более прекрасные вещи в жизни — величие хорошо продуманного предмета или одна мельчайшая деталь, которая может испортить полное погружение. Предмет всегда должен служить определенной цели, и если он не сочетает форму с функцией, он, скорее всего, отойдет на второй план.
Хорошая сторона покупки подарка для дизайнера заключается в том, что если вы сделаете это правильно, вы действительно сделаете все правильно — потому что за всей линейной работой, расстоянием между шрифтами и дополнительными цветами они просто ботаники, у которых есть страсть. для хорошо продуманного продукта.И как только вы заслужите их доверие, они с распростертыми объятиями приветствуют вас в своей тщательно организованной жизни. Так что пристегнитесь, потому что мы собираемся выявить истинное золотое сечение дарения подарков — и на этот раз это касается одного из наших любимых людей: Дизайнера.
Перьевая ручка Inventery Pocket
В прецизионной карманной перьевой ручке
Inventery из латуни используются сверхострая шариковая ручка и перо Schmidt Fh341, удлинитель и преобразователь, а также классическое матовое хромирование.Это идеальный компаньон для любого дизайнера, который ценится до мелочей.
Покупка: 135 $ +
Саке Тодзи Дзюнмай Гиндзё
Toji производит одни из лучших дизайнерских японских саке, сочетающих красивый, надежный вкус с классическими логотипами и макетом — идеально подходит для архитекторов и графических дизайнеров, которые ценят хорошо продуманный, оригинальный и красиво упакованный дух.
Покупка: $ 33
КАК Автор: Майкл Берут
Обязательная книга для журнального столика от Майкла Берута, в которой подчеркивается важность графического, промышленного и визуального дизайна в современном обществе.
Покупка: $ 33
Калькулятор переиздания Braun ET66
Дитер Рамс — один из величайших дизайнеров всех времен, а его модель ET66, выпущенная в 1987 году, является сертифицированной классикой дизайна. Braun взяла на себя смелость повторно представить знаменитый калькулятор ET66 в этом потрясающем переиздании.
Покупка: 48 $
Столовый нож Craighill
Craighill создает исключительные дизайнерские повседневные предметы, а этот минималистичный настольный нож — еще один идеальный инструмент в длинной линейке специализированных продуктов.
Покупка: $ 60
Визуальная история типа
Эта книга графических иллюстраций и дизайна идеально подходит для ценителей типографики и элементов визуального дизайна. В увлекательном чтении рассказывается об истории типографики и ее использовании на различных рынках дизайна.
Покупка: 85 долларов
Craighill Nocturn Valet Tray
Помимо своего практичного повседневного снаряжения, Craighill также производит великолепный поднос для камердинера, в котором ваши предметы первой необходимости EDC будут красиво выставлены на обозрение, когда вы дома.
Покупка: $ 88
Зарядный концентратор базовой станции Nomad
Nomad хорошо известен своими минималистскими элементами промышленного дизайна. Этот зарядный концентратор для базовой станции идеально подходит для настольных ПК и рабочих мест и имеет одну из лучших модульных конструкций, с которыми мы когда-либо сталкивались.
Покупка: 100 $
Warby Parker Ames Очки
Warby Parker — известное имя в области очков, особенно среди знатоков очков, которым нужна лучшая оптика безупречного стиля.Этот классический силуэт Эймса придаст идеальный функциональный вид любому дизайнеру.
Покупка: 145 долларов
Рюкзак-невидимка Opposethis
Opposethis разработала красивый рюкзак-невидимку, созданный с учетом промышленного и архитектурного дизайна. Невидимый рюкзак идеально подходит для дизайнера, которому нужен прочный водонепроницаемый рюкзак, но который также хочет хорошо выглядеть, неся все необходимое.
Покупка: 164 $
Allegorithmic релизов Substance Designer 2018.1
Аллегорифмические релизы Substance Designer 2018.1
Понедельник, 12 марта 2018 г. | Автор Джим Такер

Компания Allegorithmic выпустила большое обновление, ориентированное на визуальные эффекты, для Substance Designer, своего программного обеспечения для создания материалов, добавив поддержку формата макета UDIM UV и увеличив скорость «до 30%» при загрузке больших графиков.
В своем блоге фирма называет это обновление «Весна 2018», но это 2018 год.1 в примечаниях к выпуску.
Полная поддержка рабочего процесса UDIM
В любом случае, основным дополнением в обновлении 2018.1 является поддержка формата макета UDIM UV, используемого в таких инструментах, как Mari: Создатели текстур в Substance Designer были обновлены для «полной поддержки UDIM».
Новый 2D-вид в диалоговом окне запекания показывает прогресс каждой плитки UDIM — или даже любой текстуры — в реальном времени, в то время как трехмерное окно просмотра было обновлено для отображения только выбранных UDIM.
Базовый граф узлов программного обеспечения был обновлен, чтобы сделать возможным текстурирование нескольких плиток UDIM с помощью одного графа, а новая переменная $ uvtile позволяет применять эффекты для каждой плитки.
Диалоговое окно экспорта
Substance Designer теперь также позволяет пользователям пакетно экспортировать плитки UDIM.
Повышенная производительность при работе с большими активами
Под капотом программное обеспечение было обновлено для улучшения управления кешем и памятью, при этом Allegorithmic заявляет о повышении скорости «до 30%» при загрузке или редактировании больших графиков.
Высокополигональные сетки также должны загружаться и запекаться «значительно быстрее».
Позиционирование Substance Designer как инструмента для визуальных эффектов и игр
Обновление продолжает переход Substance Designer от игрового инструмента к инструменту, который также может работать в рамках стандартного конвейера визуальных эффектов.
В
Substance Designer 6, выпущенном в прошлом году, добавлена поддержка 32-битного рабочего процесса с плавающей запятой и запекания текстурных карт 8K — разрешение, которое теперь также поддерживается в движке отображения ЦП SSE2 программного обеспечения.
Последние проекты VFX, созданные с помощью Substance Designer, включают в себя отмеченную «Оскаром» работу Framestore над созданием среды Blade Runner: 2049: рабочий процесс более подробно обсуждается в этой публикации в блоге Allegorithmic.
Другие изменения в Substance Designer 2018.1 включают ряд новых служебных узлов 3D, включая трехмерную объемную маску, трехмерный линейный градиент, плоскую проекцию и четыре новых типа трехмерного шума.
Цена и доступность
Substance Designer 2018.1 доступен для Windows 7+, CentOS 6.6+ или Ubuntu 12.4+ и Mac OS X 10.11+.
New Indie лицензии на программное обеспечение, предназначенное для художников и студий, зарабатывающих менее 100 000 долларов в год, стоят 149 долларов; Лицензии Pro стоят 990 долларов. Обе цены включают 12-месячное обслуживание.
Подписки
стоят 19,90 долл. США в месяц для инди-пользователей; 99,90 $ в месяц для пользователей Pro.

Прочтите обзор новых функций в Substance Designer 2018.1 в блоге Allegorithmic
Полный список новых функций Substance Designer 2018.1 читайте в онлайн-примечаниях к выпуску
Теги: 32-битное число с плавающей запятой, 8K, Аллегорифмический, HDR, Мари, новые функции, граф узлов, повышение производительности, цена, повышение скорости, Весна 2018, Substance Designer, Substance Designer 2018.
No related posts.