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

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

amazeelabs.com

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

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

Минимализм в e-learning и теория когнитивной нагрузки.

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

Когнитивная нагрузка — это количество логических связей и переходов, необходимых нашему мозгу для осознания и понимания объекта, на который мы смотрим.

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

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

kaisersosa.com

Нелепости от заказчиков в искусство!

Ирландское творческое сообщество решили превратить самые эпичные и глупых комментариев клиентов в плакаты размером А3. Они создали серию постеров «Строгие костюмы», которая визуализирует безумные, бессмысленые и бестолковые замечания клиентов. 
Но парни вдвойне молодцы — желающие могли купить плакаты в интернете или на специальной выставке, а все вырученные средства от их продажи были перечислены детской больнице. Круто? Да. Поэтому  AdMe.ru собрало и перевело самые удачные работы.

«Мне действительно нравится цвет. Но не могли бы вы изменить его»

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

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

be-their-voice.com/en

Инфографика об инфографике

Инфографику  об инфографике предлагает портал http://www.sensibleinternet.com.

Авторы публикации выделяют четыре стадии создания инфографики: исследование, разработка, размещение и продвижение. 

Самый важный этап - исследование. На нем мы определяем наш посыл (message) и обращаем внимание на ресурсы.

При разработке нашей инфографики необходимо помнить о её размерах, цветовой гамме и образности. 

Далее, размещение... Привязываем инфографику к своему сайту и даем возможность делать репосты другим блоггерам/ пользователям соц.сетей.

Продвижение: используйте социальные сети, публикуйте свои инфографики на специализированных сайтах и пишите ньюс-релизы. 

Подробнее - в самой инфографике:

Привлекаем внимание работодателя с помощью инфографики резюме

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

"МедиуМ" влился в  дискуссию ещё в 2011 году. Тогда в нашем блоге были опубликованы материалы успешного использования инфографики (Часть 1ая, Часть 2ая). Недавно серию продолжил Олег Сизонов, который поделился впечатлениями о сервере Vizify. Мы по-прежнему считаем, что за инфографикой резюме - если не настоящее, то, как минимум, будущее. Как показывает статистика (пусть вас не пугает это страшное слово))), мы в своем мнении не одиноки.

Лучшие конференции в 2013 году по визуализации данных

Публикация Олега Сизонова напомнила мне, насколько мы зависимы от визуального ряда!  У визуализации данных - огромнейший потенциала. И судя по количеству конференций, которые запланированы на 2013 год, говорить о проблемах, достижениях и перспективах развития в этой области можно бесконечно.

Предлагаю познакомится с некоторыми наиболее значимыми конференциями.

С нетерпением жду OpenVis (май, США), где обещают рассказать об обработке данных, дизайне и других элементах визуализации, и Malofiej (март, Испания). На родине корриды инфографику разберут по косточкам!

Кстати, если вы  всерьез интересуетесь визуализацией, то обратите внимание на следующие публикации:

http://mediumcompany.blogspot.com/2012/12/20.html

http://mediumcompany.blogspot.com/2012/12/blog-post_9.html

В них речь шла о полезных и зачастую - бесплатных - инструментах, которые позволят вашей информации стать яркой и запоминающейся! 

Создаем инфографику: качественно и совершенно бесплатно

А мы продолжаем серию публикаций о бесплатных инструментах, которые помогут вам добиться высот (мы в это, безусловно, верим) в визуализации! Теперь на очереди… создание инфографики – одного из способов «наладить» эффективную коммуникацию с большим количеством информации.

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

ТОП-20 бесплатных (!) инструментов для визуализации данных

“Ух ты!” – подумала я, наткнувшись на одну замечательную подборку инструментов  для  визуализации данных.  Спешу поделиться с вами моим «Ух». Начиная от уровня «Новичок», заканчивая уровнем «Профессионал» :-)

Перед тем, как приступить к обзору этих самых инструментов, приведу в качестве примера один интересный факт (так сказать, мотивирую вас на изучение программ по визуализации). Учеными установлено, что 80% информации человек получает визуальным способом. Значит, за картинками – будущее:)

Космическая инфографика: будущее mlearning

Пока одни занимаются усовершенствованием технологий, другие неустанно делают прогнозы! Мы уже писали, каким видится развитие геймификации, инфографики и образовательной среды vAcademia!

Сегодня предлагаем вашему вниманию космическую инфографику “The future of mobile learning”! Полетели!

Сенсация!!! Уникальный электронный учебник по приготовлению пищи для профессионалов.

А вы любите готовить?

Вот и подходит к концу очередной проект для учебных заведений города Минска. В этом году мы делали оч «вкусный» курс.

Умеете ли вы готовить? Вы решили учиться на повара? Вы просто любите готовить дома? Тогда НАШ курс именно для ВАС!

Наш курс объединил два огромных раздела, которые изучают в колледже кулинарии. Это «Товароведение пищевых продуктов» и «Специальная технология». Курс получился очень стильным, ярким и запоминающимся. Помимо привлекательного, необычного дизайна здесь есть интерактивные модели свинки, рыбки, курочки и др. Есть динамические схемы и, конечно же,  есть много полезной теории, видео, и тестовых заданий. Итак, обо всем по порядку!

Чему может научить "пивная башня"?

Просто о сложном говорит инфографика от компании InfoNewt. Смысл в том, чтобы объяснить молодым людям, почему они должны откладывать сбережения к пенсии на примере пива! И никаких громоздких графиков – легко и прозрачно видна выгода! (ссылка)

Всем отличной рабочей недели от "МедиуМ"!

Уточнение формата обратной связи по тестированию TUTO active process.

Уважаемые участники группы “Открытое тестирование TUTO”, У-Р-Р-А-А-А!!! 

Мы стали получать ваши письма, в которых есть вопросы по форме обратной связи в процессе тестирования.. 

Поскольку мы декларируем следующие цели нашего проекта: 

1) познакомить целевую аудиторию с инструментом графического иллюстрирования и презентации процессов и логических схем, обучения таким процессам; 

2) предоставить возможность нового авторского средства для быстрого и простого создания интерактивных схем процедур и процессов; 

3) отладить и улучшить юзабилити TUTO active process; 

4) набрать примеры применения редактора-симулятора для целей бизнес-обучения и подготовки презентаций в различных отраслях рынка; 

5) отладить программный код, недочеты импорта и экспорта данных.

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

Будьте уверены, что работы (схемы, процессы и диаграммы), которые вы создаете, не погибнут, будут читаться, т.к. программные ошибки критического уровня мы устранили полностью еще до начала этапа открытого тестирования.

«МедиуМ» 2012: инфографика в разработке курсов и ставка на собственные продукты.

Необходимость специализации в создании электронных курсов и технологий elearning обозначена уже «давным-давно». На последней ежемесячной встрече сотрудников «МедиуМ» 21 февраля были очерчены  приоритетные направления в работе компании. 

7 основных правил построения графиков и диаграмм

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

Продолжение читайте в материале блога Алексея Золоторева и Алексея Мельникова.

Оригинальный текст вы можете найти тут. 

Визуализация творчества!

Способность мыслить творчески и инновационно  - ключевой навык в любом деле: будь то продажи, обслуживание клиентов, операции или управление, умение решать проблемы и разрабатывать новые продукты и услуги.

Проблемы творчества

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