Новости

Тренды веб-дизайна: взгляд изнутри

Автор Дата 28.02.2017

До ((сего мы обсуждаем тренды в веб-дизайне, на рынке уже несколько парение идет непрекращающаяся битва между двумя подходами к созданию творческого продукта. Все на свете модное у нас на рынке теперь называется scrum, agile, канбан и ux/ui, а однако привычное вполне укладывается в более классическую модель создания проекта по «водопаду» (waterfall).

Сии два подхода задают свои тренды и часто противоречат друг другу.


Agile и waterfall

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

Теперь порог входа в профессию низкий как никогда, и вчерашние студенты сходят с ума от своей неожиданной крутости: считают любой лайк на dribbble и думают, что делают сервисный дизайн (на самом деле в отлучке), а матерые арт-директора поголовно мигрируют в лекторы и коучи. Иногда кажется, ровно на работу может устроиться любой, кто напишет в письме, что возлюбленный ui/ux-дизайнер.

Все так, но есть один минус – нужно находить возможность думать, анализировать и проектировать, превращаться из визуализатора в инженера. Вот с этим у народа как води сложности.


Waterfall был всегда, но теперь это бешеные идеи, мультипликация и прорывные технологии. Все маленькие проекты уходят в сервисы для создания сайтов (пример, Squarespace и Wix настолько завалены деньгами, что могут позволить рекламироваться на главном событии американского спорта – финале кубка Superbowl), а тёта проекты, что остаются в руках дизайнера, бьются за внимание премий Awwwards и FWA. Точка соприкосновения у таких проектов: размер (они небольшие, их может сделать маленькая теплая компания), внимание к технологиям и визуальной части, креатив (в идеале). В итоге замороченные дизайнеры становятся до этого времени замороченнее. И если раньше они отрывались на промосайтах, то теперь сие любой небольшой проект.

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

Глобальный тренд первый. Интерфейсы

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

Старшие шрифты и журнальные заголовки стали бы трендом на 15 лет сначала, если бы браузеры были способны корректно отображать что-то сложнее Arial, Tahoma и Times New Roman. В тренде картинки получай весь экран и видеофоны? Спасибо хорошему интернету. Все используют пастельные цвета разве ядовитые, сочные кнопки? Конечно, ведь у ваших посетителей наконец есть нормальные мониторы? способные их корректно отразить (а не только «безопасные веб-цвета»).

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

Тренды в интерфейсах – сие прежде всего ответ на требования рынка.

Например, весь дизайн интерфейсов напрямую зависим с скорости:

  • как быстро дизайнер может сделать гипотезу (проектирование)?
  • как большой гипотез можно отрисовать за короткое время (количество превращается в качество)?
  • как бы быстро дизайнер может повторить то, что рисовали до него (текучка)?
  • как много дизайнеров могут работать одновременно (масштабируемость)?
  • как быстро проектирование или его часть превратится в рабочий front-end (коллаборация, быстрое имплементирование)?
  • что быстро мы можем поменять абсолютно все (обновляемость)?


Именно требования к другим срокам реализации и развития проектов (покажи-ка письмо (дай прочитать) в книжке тут) так быстро сформировали новый подход к дизайн-мышлению и новоизобретённый виток дизайн-трендов. А новый подход требует новых инструментов. Так черепахой одни программы на рабочем столе дизайнера заменяются другими:

Photoshop → Affinity Photo, Sketch

Illustrator, InDesign → Affinity Design, Sketch

After Effects → Principle (неполностью)

Lightroom → Capture One

Premier Pro → Final Cut

или добавляются новыми: Invision, Avacode…

Временами к тебе в 2016 году на работу устраиваются дизайнеры, и 2 из 5 уже невыгодный умеют работать в программе (фотошоп? нет, не слышали), которая сформировала новый облик веба – это МЕГАТРЕНД. 

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

Слова, которые не нужно запоминать:

— в тренде вторично карточки, адаптивность, флэт,

— в тренде такой-то цвет, такой-то рисунок, такой-то размер,

— в тренде микроанимации, отзывчивость, адаптивность,

— в тренде эффекты, звуки.

Убежден, что создание статьи вроде «18 трендов в веб-дизайне 2017 года» возьми на выбор (любое) пытливый читатель осилил бы за полтора часа в перерыве между ужином и сериалом. (не то не получится, почитать можно тут.

Слова, которые на самом деле нужно намотать на ус:

— UХ-проектирование

— User research

— Глубинные интервью

— Customer Journey Map

— Ecosystem Level Up

— Data Driven Design

— Data Informed Design

— Клевый дизайн и дизайн-системы

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

Глобальный тренд второй. Презентационный

Кажется, главная соглашение арена для веб-дизайнеров теперь http://www.awwwards.com/. Главные герои – маленькие, компактные команды, которые создают сочные, яркие сайты-презентации. Делают быстрым шагом (каждый проект не больше 2–3 месяцев) и помногу.

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

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

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

Слова, которые не нужно зубрить:

— в тренде большие фотографии,

— в тренде музыкальное сопровождение,

— в тренде видео на оптом экран,

— в тренде анимация и иллюстрации.

Слова, которые на самом деле нужно зарубить себе на носу:

— у сайта должна быть идея и (в идеале) сценарий,

— сайт должен восприниматься делать за скольких единое целое, как буклет или презентация (целостность),

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

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

Что посмотреть:

  • https://www.awwwards.com/awards-of-the-day/
  • www.thefwa.com

Упражнения сайтов:


https://paperplanes.world/


http://lederniergaulois.nouvelles-ecritures.francetv.fr/#!/episode1


https://www.ifly50.com/en_ru/50

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

В конце концов во (избежание «дизайнерских армий» тоже есть свои премии и рейтинги.

Источник: www.seonews.ru

Тренды веб-дизайна: взгляд изнутри

Автор Дата 28.02.2017

(до поры) до времени мы обсуждаем тренды в веб-дизайне, на рынке уже несколько планирование идет непрекращающаяся битва между двумя подходами к созданию творческого продукта. Повально модное у нас на рынке теперь называется scrum, agile, канбан и ux/ui, а полно привычное вполне укладывается в более классическую модель создания проекта по «водопаду» (waterfall).

Сии два подхода задают свои тренды и часто противоречат друг другу.


Agile и waterfall

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

Теперь порог входа в профессию низкий как никогда, и вчерашние студенты сходят с ума от своей неожиданной крутости: считают весь круг лайк на dribbble и думают, что делают сервисный дизайн (на самом деле блистает своим отсутствием), а матерые арт-директора поголовно мигрируют в лекторы и коучи. Иногда кажется, что-что на работу может устроиться любой, кто напишет в письме, что возлюбленный ui/ux-дизайнер.

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


Waterfall был всегда, но теперь это бешеные идеи, мультипликация и прорывные технологии. Все маленькие проекты уходят в сервисы для создания сайтов (хоть (бы), Squarespace и Wix настолько завалены деньгами, что могут позволить рекламироваться на главном событии американского спорта – финале кубка Superbowl), а тетечка проекты, что остаются в руках дизайнера, бьются за внимание премий Awwwards и FWA. Точки соприкосновения у таких проектов: размер (они небольшие, их может сделать маленькая первенство), внимание к технологиям и визуальной части, креатив (в идеале). В итоге замороченные дизайнеры становятся вторично замороченнее. И если раньше они отрывались на промосайтах, то теперь сие любой небольшой проект.

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

Глобальный тренд первый. Интерфейсы

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

Старшие шрифты и журнальные заголовки стали бы трендом на 15 лет пораньше, если бы браузеры были способны корректно отображать что-то сложнее Arial, Tahoma и Times New Roman. В тренде картинки держи весь экран и видеофоны? Спасибо хорошему интернету. Все используют пастельные цвета неужели ядовитые, сочные кнопки? Конечно, ведь у ваших посетителей наконец есть нормальные мониторы? способные их корректно воспроизвести (а не только «безопасные веб-цвета»).

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

Тренды в интерфейсах – сие прежде всего ответ на требования рынка.

Например, весь дизайн интерфейсов напрямую зависим через скорости:

  • как быстро дизайнер может сделать гипотезу (проектирование)?
  • как в избытке гипотез можно отрисовать за короткое время (количество превращается в качество)?
  • в качестве кого быстро дизайнер может повторить то, что рисовали до него (заменеямость)?
  • как много дизайнеров могут работать одновременно (масштабируемость)?
  • как быстро проектирование или его часть превратится в рабочий front-end (коллаборация, быстрое имплементирование)?
  • ни дать ни взять быстро мы можем поменять абсолютно все (обновляемость)?


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

Photoshop → Affinity Photo, Sketch

Illustrator, InDesign → Affinity Design, Sketch

After Effects → Principle (постольку поскольку)

Lightroom → Capture One

Premier Pro → Final Cut

или добавляются новыми: Invision, Avacode…

Временами к тебе в 2016 году на работу устраиваются дизайнеры, и 2 из 5 уже неважный (=маловажный) умеют работать в программе (фотошоп? нет, не слышали), которая сформировала новый облик веба – это МЕГАТРЕНД. 

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

Слова, которые не нужно запоминать:

— в тренде опять-таки карточки, адаптивность, флэт,

— в тренде такой-то цвет, такой-то гарнитура, такой-то размер,

— в тренде микроанимации, отзывчивость, адаптивность,

— в тренде эффекты, звуки.

Убежден, что создание статьи вроде «18 трендов в веб-дизайне 2017 года» всякий пытливый читатель осилил бы за полтора часа в перерыве между ужином и сериалом. Иначе) будет то не получится, почитать можно тут.

Слова, которые на самом деле нужно зафиксировать:

— UХ-проектирование

— User research

— Глубинные интервью

— Customer Journey Map

— Ecosystem Level Up

— Data Driven Design

— Data Informed Design

— Клевый дизайн и дизайн-системы

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

Глобальный тренд второй. Презентационный

Кажется, главная соглашение арена для веб-дизайнеров теперь http://www.awwwards.com/. Главные герои – маленькие, компактные команды, которые создают сочные, яркие сайты-презентации. Делают момент) (каждый проект не больше 2–3 месяцев) и помногу.

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

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

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

Слова, которые не нужно хранить:

— в тренде большие фотографии,

— в тренде музыкальное сопровождение,

— в тренде видео на (вся экран,

— в тренде анимация и иллюстрации.

Слова, которые на самом деле нужно завязать узелок на память:

— у сайта должна быть идея и (в идеале) сценарий,

— сайт должен восприниматься вроде единое целое, как буклет или презентация (целостность),

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

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

Что посмотреть:

  • https://www.awwwards.com/awards-of-the-day/
  • www.thefwa.com

Упражнения сайтов:


https://paperplanes.world/


http://lederniergaulois.nouvelles-ecritures.francetv.fr/#!/episode1


https://www.ifly50.com/en_ru/50

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

В конце концов для того «дизайнерских армий» тоже есть свои премии и рейтинги.

Источник: www.seonews.ru