Выбор сайтов для списка Топ-10 веб-дизайна всегда является проблемой, потому что мнения о том, что представляет собой отличный дизайн, сильно различаются. Однако эти сайты из самых разных категорий были выбраны на основе отображения контента, простоты использования, визуального воздействия и признания со стороны организаторов веб-премий или рецензентов сайтов.
10 отмеченных наградами дизайнов веб-сайтов
1. Черный негатив
Каждый год Awwwards называет 365 веб-сайтов дня, 12 веб-сайтов месяца и, наконец, веб-сайт года. Победитель 2012 года – Black Negative – это поразительный художественно-визуальный дизайн, в котором используется уникальный подход горизонтальной прокрутки.
Когда вы попадете на сайт, который лучше всего просматривать в Chrome или Firefox, вы увидите одну из самых интригующих особенностей сайта — множество способов загрузки нового контента. Black Negative удалил скучные ссылки и вместо этого создал интерактивные и визуально привлекательные способы переключения между страницами и контентом. По словам дизайнеров сайта, цель команды дизайнеров заключалась в том, чтобы «… создать уникальный опыт, который бы рассказывал историю интернет-пользователю, а также удивлял его…» Они определенно достигли своей цели.
2. Католический медицинский центр
Хотя это может быть трудно понять , медицинский сайт делает Interactive Media Совет лучшими из списка , Католического Медицинского центр эффективного использование медицинских изображений практически делает вы хотите посетить больницу. При разработке сайта цель Центра заключалась в том, чтобы «… уделять больше внимания качеству обслуживания, а также специализированным и специализированным центрам, создавая при этом позитивное и привлекательное присутствие в Интернете».
Помимо ярких изображений, используемых для создания привлекательного опыта, еще одним примером качественного дизайна сайта является возможность для пользователей находить всю необходимую им информацию прямо на главной странице. Навигационные ссылки ведут пользователей к врачам, медицинским показаниям или информации о посетителях, не покидая страницы, а затем содержание находится всего в одном щелчке мыши.
3. DLJ Real Estate Capital Partners
Победитель премии Horizon Interactive Awards Best of Category, DLJ — это визуально потрясающий сайт, который использует вертикальную и горизонтальную навигацию для навигации пользователя. Хотя сайт надежно размещает навигационное меню в верхней части каждой страницы, именно упрощенные стрелки дают пользователю все навигационные подсказки, необходимые для поиска чего-либо.
Несмотря на то, что сайт полагается на сильные изображения, всякий раз, когда требуется текст, он всегда представлен в удобном для чтения формате. Выиграть любую награду Horizon Interactive Award — это огромное достижение, но получение лучшего в категории еще более впечатляет из-за соревновательного характера награды. Каждый год HIA получает тысячи заявок со всего мира.
4. Пежо
Когда Ассоциация веб-маркетинга оценивает сайт, она рассматривает сайт в целом и обращает пристальное внимание на креативность и функциональность сайта, а также на общий интерактивный опыт. Победитель конкурса Best of Show этого года, компания Peugeot , привлекательна главным образом тем, что привнесла свежий взгляд на общую тему.
Все, что вы действительно делаете на сайте, это выбираете цвет, диски и аксессуары для автомобиля, но умные дизайнеры превратили эти действия в игру. Ваша роль как пользователя состоит в том, чтобы помочь водителю ускользнуть от охраны, пока он пытается скрыться на автомобиле. Сайт определенно демонстрирует, насколько важно думать о том, как представить общую тему, как и о том, как спроектирован сайт.
5. ООО «Маркус Томас»
Помимо оценки сайта, основанного на творчестве и инновациях, награда конкурса интернет-рекламы также оценивает такие атрибуты, как влияние, копирайтинг и запоминаемость. В некотором смысле, компания Marcus Thomas LLC , получившая награду 2013 года, кажется немного упрощенной, но в этом и заключается красота дизайна.
Когда вы попадаете на сайт, вас сразу же привлекает баланс текста и изображений, а также смелое заявление: «Мы — агентство идей». Грамотно используя графику, выдвигающиеся цитаты и свободное использование вертикального холста, каждая нисходящая прокрутка раскрывает новые интересные элементы, успешно сохраняя дополнительную навигацию, прочно закрепленную в верхней части страницы.
6. Adobe: выразительная сеть
Если вы являетесь веб-разработчиком, изучаете и осваиваете HTML 5 и CSS3, обязательно добавьте в закладки сайт Adobe Expressive Web . назван одним из 5 лучших веб-сайтов HTML по версии eBiz | MBA Expressive Web демонстрирует некоторые из наиболее продвинутых функций HTML5 и CSS3.
Сайт использует такую функцию, как формы HTML5, дает вам рабочее представление этой функции, объясняет стратегию «отката» для браузеров, которые не поддерживают эту функцию, и предлагает ресурсы, чтобы вы могли узнать больше об этой концепции. Есть также значки, которые показывают, какие браузеры поддерживают тот или иной атрибут. Сайт лучше всего просматривать в Chrome, Firefox или Safari, поскольку некоторые функции HTML5 не работают в Internet Explorer.
7. Полигон
Ни один список не будет полным с игровым сайтом. Polygon , названный Mashable в списке 17 сайтов для вдохновения в области веб-дизайна , успешно объединяет большие и маленькие блоки информации. Он берет на себя творческий контроль над изображениями и пустым пространством, используя все преимущества вертикальной прокрутки.
Независимо от того, являетесь ли вы геймером или нет, легко оценить огромный объем информации, доступ к которой осуществляется быстро и легко. Тим Вонг, старший дизайнер Washington Post , цитируется в статье и резюмирует ее лучше всего, когда он говорит, что они (Polygon) «… беззастенчиво много чего делают. содержание.”
8. Журнал Эскапист
Журнал Escapist — еще одна запись в списке Mashable. Как и Polygon, этот сайт использует вертикальную прокрутку в своих интересах. В своем обзоре Эрик Хинтон, разработчик интерактивных новостей в The New York Times , говорит: «Дизайнеры игр на световые годы опережают большинство разработчиков приложений и веб-сайтов, задавая вопросы о том, что влечет за собой интерактивность и как происходит осмысленная игра».
Хинтон прав, потому что одним из многих достоинств сайта является объем информации и навигация в верхней части страницы. Однако даже при первой прокрутке страницы вниз у вас есть доступ к форумам, последним новостям и колонкам, а также информации, которая может понадобиться любому игроку. Неудивительно, что геймеры стекаются на сайт.
9. Зеленые и здоровые дома
Green and Healthy Homes — еще один победитель в списке Interactive Media Council . Активное использование изображений на этом сайте привлекает пользователя. Поскольку это некоммерческая организация, возможность делиться контентом и делать пожертвования имеет первостепенное значение. Обе эти задачи решаются беспрепятственно.
Оценивая сайт, IMC отметила: «В дизайне сайта используются четкие, привлекательные визуальные эффекты, целенаправленная визуализация данных и иконография, чтобы направлять аудиторию к полезным ресурсам и новостям. Сайт предлагает удобный пользовательский интерфейс на всех устройствах (настольных компьютерах, планшетах и мобильных устройствах). ) с использованием соответствующего стандартам HTML и адаптивных стилей CSS». Поскольку многие из его пользователей предположительно получают доступ к сайту с помощью мобильного устройства, обеспечение его доступности является необходимостью для удобства пользователя.
10. Виктория Спайсер
Разработчик лондонского сценографа Виктория Спайсер получила награду Awwward за лучший дизайн, а сайт также стал сайтом дня в августе 2017 года. На сайте представлены декорации Виктории Спайсер, контактная информация, проекты и галереи. С ощущением модерна, он упрощен и минималистичен в самом изощренном виде с четкой графикой и ярким, красочным ощущением.
Создание качественного сайта
Одним из важных вкладов этих наград в Интернет, помимо улучшения дизайна, является онлайн-библиотека идей о том, как решить практически любую дизайнерскую задачу. Сайты, отмеченные этими наградами, демонстрируют, как опытные дизайнеры могут превратить сложный контент в сайт, который одновременно функционален и визуально привлекателен.