Рубрика «Инфографика» - 25

image

Интернет-ресурс PocketGamer опубликовал интересную инфографику, в которой сравнивает преимущества планшетов и смартфонов с точки зрения разработчиков. Согласно предоставленной статистике, средняя сессия на «таблетках» в 2 раза дольше, да и тратят деньги на планшетах гораздо охотнее (оригинальный перевод инфографики подготовлен порталом App2Top.ru).
Читать полностью »

Пожалуй, многие веб-дизайнеры (особенно, занимающиеся исключительно дизайн-макетами сайтов, вне вёрстки и программирования) сталкивались с тем, что их сданная и одобренная работа, проходя известные стадии, претерпевала различные изменения и искажения. Хорошо, если разработка происходит в слаженном коллективе, где веб-дизайнеры тесно сотрудничают с верстальщиками и программистами. При таком положении звёзд, велика вероятность, что все углы будут подточены и достигнуты наилучшие результаты. Однако, при тенденциях отдельного найма фрилансеров, по большинству, сотрудничества не возникает.

image

Статья может представлять определённый интерес для заказчиков веб-услуг (владельцев сайтов / бизнесменов, желающих открыть собственный стартап). Материал также может послужить полем для обсуждения всеми сторонами вопроса — веб-дизайнерами, проектными менеджерами, верстальщиками, владельцами сайтов. В статье рассказывается о процессе проектирования и разработки веб-дизайна (с логическими схемами) стартапа, о наблюдении за реализацией и последующей «жизнью» проекта и об итоговом его закрытии. Не наделённая достаточной информацией по объективным причинам закрытия данного стартапа, я постараюсь избежать домыслов, пересудов и необоснованных выводов. Цель моего рассказа — отразить взгляд со стороны веб-дизайнера на реализацию его дизайна на сайте. Статья содержит практические советы по контролю качества вёрстки.
Читать полностью »

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

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

image
Вчера редакцией PocketGamer была опубликована занимательная инфографика, приуроченная к трехлетию Angry Birds. В ней – достижения «птичьей» саги с момента выхода игры на iOS в декабре 2009 года (оригинальный перевод инфографики подготовлен порталом App2Top).Читать полностью »

Всем привет,

Хочу поделиться интересным исследованием на тему “что происходит за один день в Интернете”.

Кому лень читать — смотрите видео:

Кому нужны цифры — добро пожаловать под кат.

Читать полностью »

Читая ленту статей, заметил что некоторые топики по просмотрам взлетают не успев появится, в то время как другие остаются без внимания. Странно что мало популярные посты иногда из хаба с топовым числом подписчиков. Как же узнать какие темы интересней хабрачитателю?Читать полностью »

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

Для начала – что такое европейские языки. Предлагаю ограничиться государственными языками стран Европы. Так как границы Европы – вещь спорная, то отдельно оговоримся про соседние страны. Духовно близкий Израиль, а также Грузию и Армению можно отличить по письменности из той же блок-схемы, Азербайджан и Казахстан я включу по доброте душевной, а Абхазию и Южную Осетию – в качестве прогиба перед российской властью. Так что абхазский в наш классификатор попадёт, а баскский и гэльский – ну уж нет, перебьются.

Языков больше, чем типов письменности. Поэтому диаграмка получилась большая. Отличать языки друг от друга будем в основном по особенным буквам, в частности, по буквам с диакритическими значками (диакритикой). Диакритика бывает над гласной (в букве й), над согласной (буква č) или может как-то сопровождать букву (как в букве ç; строго говоря это не дикритика вовсе, но мы здесь будем придерживаться такого жаргона). Наиболее известные (с моей точки зрения) значки в Европе — это умляут (он же диаерезис: ü), гачек (č) и акут (é).

Читать полностью »

На этот раз слово о подходах в работе буду держать не я, а арт-директор Студии Трейлеров. Но, в начале, по традиции, наш ролик:


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

О сути проблемы: как иллюстратору, большую часть времени имевшему дело со статичными одиночными картинками, мне — когда я стала работать с графикой под моушн и анимацию, — было непросто переключиться в режим, при котором некоторые картинки сами по себе ничего не значат или просто повторяют текст. В статичной одиночной иллюстрации такое совершенно неприемлемо (ну, есть ряд оговорок, но они в данном разговоре не принципиальны), и вызывает у меня настолько сильное отторжение сейчас именно потому, что некогда именно такие картинки я и рисовала (какое счастье, что это прошло). Мысль о том, что иллюстрация — это всегда некое «повествование», что-то содержательно самодостаточное, мне никак не давала спокойно нарисовать «просто глобус и человечков», «просто рукопожатие», «просто машинку» и т.д.

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

Был такой текст: «Бинарные опционы — эффективный и прибыльный инструмент американских бирж — теперь становится доступным любому инвестору».

У меня, как у иллюстратора, подход был такой: для крутой иллюстрации нам нужна крутая метафора. Мы такую иллюстрацию изобразим, а потом просто добавим в нее движение.

Получилась такая история: по беговым дорожкам скачут всадники на лошадях, один из которых — ковбой на лошади с типично хотродовым узором на боку — горящим пламенем. Ковбой опережает всех, оставляя остальных за кадром, но затем они догоняют его и мы видим, что у других всадников тоже произошел апгрейд: лошади у всех теперь тоже тюнингованные, всадники одеты в гоночные костюмы.

То есть у нас есть последовательность из трех картинок:

image

Все бы отлично, но клиент говорит, мол, «с вашим пояснением все круто, но без него никто ничего не понял».
Читать полностью »

Открытый курс по инфографике и визуализации данных на Knight Center
Очень радует, что появляется все больше площадок с открытыми курсами. Так к Coursera, Udacity и другим сайтам прибавился Knight Center for Journalism. 26 октября там стартует курс Introduction to Infographics and Data Visualization.
Читать полностью »

Ранним утром понедельника, я заприметил интересный вопрос опубликованный на Mathematica Stack Exchange с совершенно невинным названием: «Графики в стиле xkcd (xkcd-style graphs)». Зная популярность онлайн-комиксов xkcd Ренделла Мунро, я ожидал нечто большего чем обычные 10 голосов и несколько закладок. Если бы я знал! Спонтанный вирусный эффект сложно предсказать и уж если ты обнаружил один такой, за его развитием и ростом популярности интересно наблюдать. Всего за два дня вопрос набрал 120000 просмотров, почти 300 голосов и 200 закладок (прим. пер.: цифры обновлены); создал резонанс в других обществах StackExchange (прим. пер.: например, «Создание xkcd-графиков в TeX», «R», «Matlab»); образовал маленькое торнадо в Twitter и обсуждался на Hacker News и reddit.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js