Inspiration #13

Сегодня среда, а значит время посмотреть тринадцатый выпуск нашей (почти) еженедельной рубрики Inspiration. Мы поменяли название рубрики на более короткое, понятное и вдохновляющее. :) Это рубрика, в которой мы публикуем интересные, необыкновенные, поразительные, потрясающие, пробуждающие вдохновение… ух! сайты.

Простые сайты с интересными решениями.

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

Фоновые изображения

Letstravelsomewhere

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

letstravelsomewhere_02

Плоские сайты

Tobiasahlin

Одно из наиболее свежих направлений в оформлении интерфейса веб-сайтов — плоский дизайн. На формирование этого течения в веб-дизайне повлияла компания Microsoft, направление возобновилось после выхода Windows 8 и Metro UI. Характерные отличия плоского дизайна: чистые, строгие, плоские фигуры без эффектов объема и теней, используются мягкие цвета, ярко выраженная типографика, минимум украшательств. Основная роль отводится цвету и графическим элементам. Одно из удобств применения плоского дизайна — это масштабируемость сайта. К примеру, в дизайне интерфейса используется много растровых изображений в приложении, заменив их на сплошные цветные заливки. Затраты ресурсов значительно уменьшаются.

tobiasahlin_02

Анимация

Kiliwatch

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

kiliwatch_02

Элементы в стиле Metro UI

Smallstudio

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

smallstudio_02

На этом всё. Изучайте, вдохновляйтесь и до следующей среды!

P.S. Это тоже может быть интересно:

3 Комментарии
  1. Татьяна

    Спасибо за вдохновляющие сайты. Очень хорошая подборка!

    1. Tatiana Balitskaya (Автор записи)

      Спасибо за отзыв.

  2. Владимир

    Kiliwatch понравился! остальные так себе

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

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