В настоящее время в дизайне веб-сайтов происходит много экспериментов. Конечно, везде есть свои микротренды, но эти три элемента, похоже, держатся уверенно и набирают больше всего оборотов.
Самые большие тенденции веб-дизайна в этом месяце будут касаться элемента пользовательского интерфейса, видео и цвета. Вот что является трендом в дизайне в этом месяце.
Эта крошечная подсказка говорит пользователям о том, что нужно продолжать прокручивать дизайн. Это сильная интерактивная подсказка, которая сигнализирует о том, что нужно делать дальше.
Замечательно то, что команды начинают проектировать эту крошечную стрелку так, чтобы она соответствовала стилю и индивидуальности остальной части сайта. (В мире существует множество таких стрелок, которые выглядят и ощущаются как послесловие).
Вот как это делается на каждом из этих трех сайтов:
Médecins Du Monde использует традиционную стрелку вниз в нижней части области героя главной страницы. Ее легко заметить благодаря круглой кнопке и стандартной стрелке внутри. Это ожидаемый прием, который легко реализовать. Они делают это хорошо благодаря изменению цвета по сравнению с остальным дизайном и адекватному размеру, чтобы ее было легко увидеть и взаимодействовать с ней.
В портфолио A Andrea стрелка вниз стилизована немного больше, с тройным дизайном. Он также включает в себя движение и эффект изменения цвета, чтобы вы не пропустили тот факт, что вы должны прокручивать страницу на этом сайте.
Blue Lagoon переместила стрелку прокрутки из центра экрана и расположила ее вместе с читаемым контентом в левой части экрана. Такое нетрадиционное размещение привлекает внимание, потому что оно отличается от других, и эффективно, потому что сочетается с приведенной выше копией.
Дизайнеры предлагают пользователям не только полноэкранные, героического размера и с автоматической загрузкой видео. Они внедряют видео в более мелких масштабах, что дает пользователю возможность контролировать взаимодействие с этим контентом.
И это выглядит фантастично.
Deventi использует наиболее традиционный подход с полноэкранным изображением, включающим кнопку click-to-play. Что делает его хорошим, так это то, что герой имеет привлекательное изображение и движение без видео. Нажав на кнопку play, вы получаете видео, которое всплывает в наложении для просмотра.
Day by Day Digital использует видео на главной странице, которое не занимает весь экран и очень похоже на взаимодействие с YouTube. Человек в видеоролике разговаривает с вами в динамике. Видеоролик небольшой, поэтому вы видите другой контент и информацию и получаете хорошее представление о дизайне сайта.
Grafisch Lyceum Utrecht размещает видео на главной странице в необычной форме в рамке, занимающей менее половины экрана. Пользователь должен нажать на кнопку, чтобы начать воспроизведение, и после этого видео расширяется до полноэкранного, более захватывающего впечатления. Отличие заключается в том, что всегда есть выход (X); пользователь может включить или выключить звук и даже изменить масштаб видео до вставной версии.
Контроль пользователей над видео становится все более важным, и варианты, показанные в этой тенденции дизайна, подчеркивают эту важность. В процессе проектирования важно учитывать интересы пользователей и их желание иметь такой контроль.
Радужные цвета, образы и палитры могут вызывать сильные эмоциональные чувства, включая счастье и радость. Вспомните, как в детстве вы любовались радугой.
Эта тенденция в дизайне хороша тем, что каждый дизайн, использующий ее, немного отличается, но при этом вызывает схожие эмоции - а ничто не может сравниться с любовью и радостью, чтобы сделать мир лучше.
Meta Golden использует самую сильную, самую очевидную ассоциацию главной страницы с радугой - радужную реку, наложенную на пейзаж. Это ярко и весело, и добавляет дополнительный эмоциональный уровень изображению, которое в противном случае могло бы не иметь большого влияния.
Gato Negro использует радужную расцветку для "FLAVOR", чтобы на самом деле обратиться к этим ассоциациям гордости. Но эффект здесь хороший, потому что слово отличается от гордости, и хотя намерение объяснено, оно оставляет некоторый простор для интерпретации пользователем, потому что опускается ниже свитка.
Компания Evozyne использует совершенно другой подход: цвета радуги представлены в виде цветных слов в довольно плотном текстовом блоке и дизайне. (Радуга еще больше подчеркивается в логотипе.) Приятно также то, что традиционные цвета радуги слегка десатурированные для более сложного восприятия радуги. Для дополнительного элемента радуги нажмите на меню, чтобы увидеть анимированный гео-образный фон цвета радуги, который, несомненно, привлечет ваше внимание.
Все эти тенденции хороши тем, что вы можете сделать их своими собственными. В них нет определенных элементов; каждый из них - это скорее идея дизайна и стиля, которая поможет продвинуть проекты на более высокий уровень с помощью современного стиля.
Самые большие тенденции веб-дизайна в этом месяце будут касаться элемента пользовательского интерфейса, видео и цвета. Вот что является трендом в дизайне в этом месяце.
1. Down Scroll Arrows
Функциональный элемент пользовательского интерфейса начинает привлекать все больше внимания дизайнеров; стрелки прокрутки вниз - отличный инструмент для сайтов с длинной прокруткой или сайтов с полноэкранными изображениями или видео.Эта крошечная подсказка говорит пользователям о том, что нужно продолжать прокручивать дизайн. Это сильная интерактивная подсказка, которая сигнализирует о том, что нужно делать дальше.
Замечательно то, что команды начинают проектировать эту крошечную стрелку так, чтобы она соответствовала стилю и индивидуальности остальной части сайта. (В мире существует множество таких стрелок, которые выглядят и ощущаются как послесловие).
Вот как это делается на каждом из этих трех сайтов:
Médecins Du Monde использует традиционную стрелку вниз в нижней части области героя главной страницы. Ее легко заметить благодаря круглой кнопке и стандартной стрелке внутри. Это ожидаемый прием, который легко реализовать. Они делают это хорошо благодаря изменению цвета по сравнению с остальным дизайном и адекватному размеру, чтобы ее было легко увидеть и взаимодействовать с ней.
В портфолио A Andrea стрелка вниз стилизована немного больше, с тройным дизайном. Он также включает в себя движение и эффект изменения цвета, чтобы вы не пропустили тот факт, что вы должны прокручивать страницу на этом сайте.
Blue Lagoon переместила стрелку прокрутки из центра экрана и расположила ее вместе с читаемым контентом в левой части экрана. Такое нетрадиционное размещение привлекает внимание, потому что оно отличается от других, и эффективно, потому что сочетается с приведенной выше копией.
2. Video Options
Эта тенденция должна продолжать развиваться, поскольку она делает видео более интерактивным, более удобным для использования и в целом улучшает веб-опыт.Дизайнеры предлагают пользователям не только полноэкранные, героического размера и с автоматической загрузкой видео. Они внедряют видео в более мелких масштабах, что дает пользователю возможность контролировать взаимодействие с этим контентом.
И это выглядит фантастично.
Deventi использует наиболее традиционный подход с полноэкранным изображением, включающим кнопку click-to-play. Что делает его хорошим, так это то, что герой имеет привлекательное изображение и движение без видео. Нажав на кнопку play, вы получаете видео, которое всплывает в наложении для просмотра.
Day by Day Digital использует видео на главной странице, которое не занимает весь экран и очень похоже на взаимодействие с YouTube. Человек в видеоролике разговаривает с вами в динамике. Видеоролик небольшой, поэтому вы видите другой контент и информацию и получаете хорошее представление о дизайне сайта.
Grafisch Lyceum Utrecht размещает видео на главной странице в необычной форме в рамке, занимающей менее половины экрана. Пользователь должен нажать на кнопку, чтобы начать воспроизведение, и после этого видео расширяется до полноэкранного, более захватывающего впечатления. Отличие заключается в том, что всегда есть выход (X); пользователь может включить или выключить звук и даже изменить масштаб видео до вставной версии.
Контроль пользователей над видео становится все более важным, и варианты, показанные в этой тенденции дизайна, подчеркивают эту важность. В процессе проектирования важно учитывать интересы пользователей и их желание иметь такой контроль.
3. Rainbow Color
Месяц гордости закончился, но тема радуги продолжается.Радужные цвета, образы и палитры могут вызывать сильные эмоциональные чувства, включая счастье и радость. Вспомните, как в детстве вы любовались радугой.
Эта тенденция в дизайне хороша тем, что каждый дизайн, использующий ее, немного отличается, но при этом вызывает схожие эмоции - а ничто не может сравниться с любовью и радостью, чтобы сделать мир лучше.
Meta Golden использует самую сильную, самую очевидную ассоциацию главной страницы с радугой - радужную реку, наложенную на пейзаж. Это ярко и весело, и добавляет дополнительный эмоциональный уровень изображению, которое в противном случае могло бы не иметь большого влияния.
Gato Negro использует радужную расцветку для "FLAVOR", чтобы на самом деле обратиться к этим ассоциациям гордости. Но эффект здесь хороший, потому что слово отличается от гордости, и хотя намерение объяснено, оно оставляет некоторый простор для интерпретации пользователем, потому что опускается ниже свитка.
Компания Evozyne использует совершенно другой подход: цвета радуги представлены в виде цветных слов в довольно плотном текстовом блоке и дизайне. (Радуга еще больше подчеркивается в логотипе.) Приятно также то, что традиционные цвета радуги слегка десатурированные для более сложного восприятия радуги. Для дополнительного элемента радуги нажмите на меню, чтобы увидеть анимированный гео-образный фон цвета радуги, который, несомненно, привлечет ваше внимание.
Заключение
Тенденции в дизайне веб-сайтов, обладающие наибольшей устойчивостью, просты в реализации и хорошо сочетаются с различными стилями. Из этих трех тенденций наиболее легко вписываются в этот список стрелки прокрутки вниз. Труднее всего реализовать радужные цветовые узоры.Все эти тенденции хороши тем, что вы можете сделать их своими собственными. В них нет определенных элементов; каждый из них - это скорее идея дизайна и стиля, которая поможет продвинуть проекты на более высокий уровень с помощью современного стиля.
