Кнопки или скролл, кликать или листать?

«Что вообще здесь надо делать?» - недоумевает пользователь. Для пользователей новый электронный курс как совершенно новый город, в котором как-то нужно ориентироваться. И тут встаёт вопрос: «А как сделать так, чтобы пользователи с лёгкостью «гуляли» по курсу и не терялись в стране знаний? Ведь Google maps здесь не помогутJ

Персонажи для курсов e-learning. Удачный опыт использования в визуальных произведениях

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

Типографика и большие изображения в веб-дизайне

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

amazeelabs.com

Минимализм в веб-дизайне. Минималистичные сайты

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

Использование flat в веб-дизайне

Мы много говорим о последних тенденциях в веб-дизайне и сайтостроительстве. И даже приводим примеры реализации определенных дизайнерских "примочек" на конкретных сайтах. Но так ли много внимания мы уделяем flat-графике? Нам кажется, что не достаточно. Представляем вашему вниманию новый обзор сайтов, где использована в основном flat-графика.

kaisersosa.com

Необычная навигация для сайтов

warbyparker.com

А вы уже решили как проведете отпуск? Сайты с морской тематикой

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

be-their-voice.com/en

Модные тенденции в веб-дизайне за 3 месяца 2014 года часть2

8. Использование больших, даже огромных изображений
Популярность изображений большого размера все так же популярна как и в прошлом году. Это связано в повышением средней скорости интернет соединения, а так же с увеличением размеров экранов у пользователей ПК
andy-wolf.at/whiteheat

Модные тенденции в веб-дизайне за 3 месяца 2014 года часть1

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

1. Адаптивность
Все разрабатываемые сайты должны одинаково хорошо смотреться на любых платформах и на любых размерах экранов электронных устройств
r2integrated.com

Интерактивная инфографика для сайта

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

toyotahalloffame.com/history

campbellharrison.co.uk

belvitabreakfast.com.au

nuestravidaeslaleche.es

latabladegisela.com/#gisela-pulido

Обзор актуальных направлений в развитии сайтов на HTML5

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

      visaforjapan.com

      Этот на первый взгляд простой одностраничный сайт очень примечателен обилием параллаксов (греч. -смена, чередование). Параллаксы придают сайту глубину, а динамические элементы получают объем, что положительно сказывается на восприятии сайта пользователем. Стоит обратить внимание на панель навигации. Она сместилась с привычного нам места в верхней части сайта и "прилипла" к левому краю экрана.

      getresponse.com/promo/15th-birthday

    Яркая промо-страничка с таймлайном, посвященная 15-летию сервиса рассылки. Обратить внимание следует на анимации и смену кадров.

    www.creaktif.com

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

    preeroda.com/ru

     Отличный черно-белый одностраничный сайт, выполненный в графике. Вся навигация также основана на скроллинге. 

      www.jointlondon.com

     Модный в 2014 году подход к проектированию сайтов - сайты, разделенные пополам 

     www.werkstatt.fr/#/home

    А может стоит поделить сайт на много частей по вертикали и посмотреть, что из этого выйдет? Именно так и поступили создатели данного сайта. Что интересно, им вполне удалось создать интересную и запоминающуюся навигацию!

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