Показаны сообщения с ярлыком web-design. Показать все сообщения
Показаны сообщения с ярлыком web-design. Показать все сообщения

четверг, 11 сентября 2014 г.

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

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

вторник, 2 сентября 2014 г.

Использование персонажей в курсах e-learning. Введение

На рабочем столе создана папка с названием новенького курса. В ней на почётном месте хранится «свеженький» сценарий. Кажется, дело за малым – сделать дизайн, сверстать и запрограммировать курс. Но есть ещё одна промежуточная стадия (на первый взгляд, неприметная): придумать визуализацию к каждому слайду и персонажей курса. Тема персонажей очень обширная, поэтому я решила посвятить ей несколько статей. Следующие публикации будут посвящены удачному и неудачному использованию персонажей для решения определённых целей. В данной же статье я хочу поделиться личным опытом и опытом дизайнеров компании «МедиуМ» придумывания персонажей для электронных курсов. В статье использована оригинальная графика.

понедельник, 28 апреля 2014 г.

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

пятница, 18 апреля 2014 г.

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

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

be-their-voice.com/en

пятница, 4 апреля 2014 г.

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

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

пятница, 28 марта 2014 г.

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

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

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

четверг, 13 марта 2014 г.

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

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

toyotahalloffame.com/history









понедельник, 3 марта 2014 г.

Зрительная память как важный фактор для разработки интерактивных учебных курсов

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

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




пятница, 28 февраля 2014 г.

Новый обзор самых "вкусных" приемов в веб-дизайне и сайтов, где эти приемы успешно реализованы

Мир веб-дизайна не стоит на месте и мы вместе с ним развиваемся и впитываем в себя все самое лучшее из этой индустрии.

Эффект глубины, объема и параллакс
quatrofolhas.pt

Короткие видео-ролики и "живые" фотографии, также обратите внимание на размер изображений
meganemonacogp.renault.fr

Флэт-дизайн и динамика
agence-tactile.fr

Скролл, анимации, параллакс, работа с текстом
fueled.com

Работа с информацией, скролл-навигация, большие фото, анимация, параллакс, стиль
jilsanderfragrances.com

Флэт, "живые" фото, анимации, большие фото, вариант галереи и ее компоновки с информацией
agence-tactile.fr

ristorantebastimento.it

вторник, 18 февраля 2014 г.

Flat дизайн или реализм?

Плоский дизайн ( или flat дизайн) в последние два года является крайне популярным направлением в веб-дизайне. Перечислим отличия flat дизайна от других направлений веб-дизайна и немного расскажем о них:

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

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

В заключении этого краткого обзора хотелось бы показать проект студии inFacto "flat дизайн против реализма"


пятница, 31 января 2014 г.

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

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

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


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

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

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

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

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