Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Как работает единственная кнопка Айфона

Автор: Эндрю Дёрден (Andrew Durdin)

3 комментария твитнуть  home button, интерфейс, инфографика, модальность, Эпл

Илья Муравьёв:

Страшно и непонятно.

Сергей:

Соглашусь с Ильей, воспринимается с большим трудом.

Более того, в верхнем правом углу ошибка – кликая два раза при выключенном экране мы попадаем сразу в Music controls. По схеме же получается, что нужно нажать один раз, чтобы включился экран, а затем еще дважды для Music controls.

Александр Лопатюк:

У Алана Купера это называется чертовски высоким когнитивным сопротивлением, ага? :)

Шаттл Атлантис изнутри

В ближайшие дни у шаттла Атлантис отключат питание в последний раз — программа НАСА по запуску шаттлов закрывается. В связи с этим любопытно напоследок взглянуть на шаттл изнутри и снаружи. Это становится тем интереснее, если вспомнить, что Атлантис — продукт десятилетий разработки; все дизайнерские решения были глубоко продуманы и многократно протестированы, т. к. каждая ошибка могла обернуться гибелью людей, потерей техники на сотни миллионов долларов и страшным ударом по репутации самого агентства и США.

Хорошая подборка фотографией Атлантиса: http://www.collectspace.com/…/news-121911a.html

нет комментариев твитнуть  Atlantis, NASA, интерфейс, космос, технологии

Очаровательный мини-принтер

Мини-принтер дизайн-студии «Берг» — это термопринтер, печатающий на чековой бумаге. Можно использовать для печати списков, коротких заметок, напоминаний. Ещё он подключается к компьютеру и тогда может печатать РССы и другие фиды.

http://

Официальная страница (очень добротно сделано):
http://bergcloud.com/littleprinter/

В продажу поступит в 2012 г.; обещают API для разработчиков.

3 комментария твитнуть  концепт, принтер, промдизайн

Евгений Волков:

Какая отличная плотность и разрешение печати, надо действительно ждать серийного выпуска, такую штуку будет сложно не купить/подарить

Дмитрий:

теперь еще нужно делать мобильную печатную версию?

Станислав Биченко:

Да, интересно посмотреть, как они решат эту проблему. В принципе, там разрешение не сильно меньше мобильного телефона. Или нет?

Структура разметки веб-страницы как граф

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:


apple.com


табличный yahoo.com


google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

2 комментария твитнуть  веб-дизайн, визуализация, графы, инфографика

Выдающаяся инфографика от XKCD

Рэнделл Манро сделал еще одну запредельно крутую штуку: http://xkcd.com/980/huge/ (полный размер)

Каждый квадратик — определенное количество долларов США. Рассматривать можно бесконечно, чем и предлагаю заняться.

нет комментариев твитнуть  инфографика

Статья из «Нью-Йоркера» про Джобса, Ксерокс, инновации и корпорации

Малькольм Глэдуэлл (Malcolm Gladwell) — американский автор, возможно, известный многим по своему прекрасному выступлению на ТЕДе (http://www.ted.com/…_on_spaghetti_sauce.html ) — в своей статье для «Нью-Йоркера» описывает рождение двух инновационных продуктов: компьютерной мыши и лазерного принтера. Но главное — ему удается рассказать о двух движущих силах, которые сделали возможными эти и многие другие технологические инновации: одна производит бесчисленное множество гениальных идей, а другая в зародыше убивает бо́льшую их часть.

Совсем по-другому начинает выглядеть история Ксерокса — корпорации, которая создала первый персональный компьютер (см. пост в Собаке: http://design.artgorbunov.ru/…-interfeys-xerox-star ), но не сумела сделать его коммерчески успешным. Это не история провала (упустили, мол, главную инновацию двадцатого века!), а история успешного отсеивания идей. Ксерокс занимался копировальным оборудованием, а не домашними компьютерами, и в разработке ПК в принципе не мог пойти значительно дальше опытных образцов. Зато, придумывая ПК, его инженеры создали лазерный принтер, который принес компании миллиарды. Если бы руководство («скучные менеджеры») Ксерокса поддержало инноваторов, разрабатывавших ПК, кто знает, что стало бы с компанией — производителем копировального оборудования, которая начала бы конкурировать на рынке ПК с IBM, Эплом и Микрософтом. Менеджеры, получается, должны убивать большинство идей — чтобы хоть какие-то могли появиться на свет.

И ещё один интересный момент из статьи. Психолог Дин Симонтон утверждает, что гениев отличает плодовитость в области идей: «Разница между Бахом и его забытыми современниками не обязательно связана с тем, что у Баха было лучше соотношение попаданий и промахов. Разница в том, что посредственность создает с десяток идей, а Бах за свою жизнь написал более тысячи полноценных музыкальных произведений». Гениям приходит в голову огромное количество идей, озарений, теорий, связей между явлениями — столько, что они неизбежно придумывают что-нибудь стоящее. «Качество, — пишет Симонтон, — это вероятностная функция количества». (Хотя философски подкованные собаководы удивятся необходимости привлекать здесь какого-то Симонтона, когда явно имеет место переход количества в качество).

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

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

http://www.newyorker.com/…_fact_gladwell?currentPage=all

2 комментария твитнуть  идеи, инновации, история, эппл

Станислав Биченко:

О! Как раз на днях вышла еще одна статья Глэдэулла в Нью-Йоркере о Джобсе (правда, сам я ее еще не читал): http://www.newyorker.com/…_fact_gladwell?currentPage=all

Random Stranger:

Интересное мнение. С большинством я, пожалуй, согласен. Единственное, в чём я сомневаюсь это то, что менеджеры отсеивают идеи — по сути менеджеры к идеям имеют мало отношения.

ТЕД, №10

Надеюсь, Илья не будет против, что я позаимствовал его идею рекомендовать по три хороших лекции с ТЕД — или, в крайнем случае, воспользуется этими рекомендациями, когда будет составлять новый «выпуск».

http://www.ted.com/…_schools_kill_creativity.html
Ken Robinson says schools kill creativity — Кен Робинсон на прекрасном английском рассказывает о том, почему современные системы образования ужасно устарели, и о том, как улучшить процесс обучения. При этом лектор умудряется рассказать об этом так, что аудитория покатывается со смеху.

http://www.ted.com/…_leaders_inspire_action.html
Simon Sinek: How great leaders inspire action — немного странный (но для ТЕД-икс в общем нормальный) человек объясняет, как вдохновлять людей своими продуктами и воззрениями. Надо рассказывать не о том, что вы производите (или что вы делаете), а зачем вы это производите. Какая цель, какая идея стоит за вашим продуктом или воззванием, которое только материальное выражение этой идеи? Если не считать кое-какой биологистской чепухи и избыточного буржуазного оптимизма — лекция очень интересная и полезная.

http://www.ted.com/…_to_reinvent_education.html
Salman Khan: Let's use video to reinvent education — на мой взгляд, очень хорошая лекция для дизайнеров. Салман Хан, основатель крупнейшего образовательного портала Khan Academy, рассказывает о том, как технологии и интерфейсы могут изменить всё. Эта лекция любопытно перекливается с первой, робинсоновской, общей идеей о необходимости революции в образовании.

1 комментарий твитнуть  лекции, ТЕД

Олег Громов:

Супер, спасибо!
Как раз в тему пришлось :-)

Карты миграций

http://migrationsmap.net/…#/HUN/departures

Сделано на HTML5. Выглядит не очень красиво, зато данных много — и все это сравнительно информативно.

Из интересного:
— русские на втором месте по количеству иммигрантов на Кубе;
— мексиканцы в массовом порядке выезжают в Кувейт;
— в ОАЭ едет индийцев больше, чем в США (притом что коренного населения в ОАЭ раз в 30-40 меньше).

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

3 комментария твитнуть  html5, инфографика, карты

Николай Товеровский:

Три миллиона из Украины в Россию, четыре наоборот. :) Сама по себе инфографика не очень, но интересно сравнивать разные страны между собой, особенно если быстро щёлкать.

Станислав Биченко:

Эх, надо было предложить в комментариях делиться мнениями о том, как можно было бы улучшить эту штуку (которая, кстати, вообще сделана как упражнение в HTML5). Из первого, что мне пришло в голову: по-разному отображать arrivals и departures (или цветовым кодированием, или стрелочками, например).

Владислав Осипов:

Судя по этой карте, китайцев Россия вообще не интересует. :)

Анатомия игрушки

http://www.insanetwist.com/…/07/anatomy-of-toy.html

Автор: http://web.mac.com/…/flash/index.html (флэш)

2 комментария твитнуть  игрушки, скелет

Упаковка для банковских резинок

Автора, к сожалению, не знаю.

1 комментарий твитнуть  упаковка

Загадка про военную форму

В 1898 г. в Китае началось знаменитое Боксерское восстание, направленное против западных влияний в стране. В 1900 г. китайская императрица поддержала восставших и объявила войну иностранным государствам, имевшим сферы влияния в Китае. В результате восемь государств — от Франции и Италии до Японии и США — в рекордно короткие сроки разгромили китайцев и заставили их 30 лет выплачивать контрибуции.

На фотографии — солдаты восьми держав: Австро-Венгрии, Великобритании (и Британской Индии — ее представитель стоит отдельно), Германии, Италии, США, России, Франции и Японии.

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

Правильный ответ — в описании на Википедии:

16 комментариев твитнуть  загадки, история, фотошоп

Инфографика Викторианской эпохи

В оригинальном посте многие — в высоком разрешении.

http://butdoesitfloat.com/…/What-cannot-be-was-all-along

3 комментария твитнуть  инфографика, истоки

Анатолий Новиков:

Настоящая кладезь.

Николай Товеровский:

Те, что проскакивали у Тафти в книгах были им раскритикованы, но вот по цветам и стилю очень не нравится. Спасибо за ссылочку.

Федот Березной:

http://www.davidrumsey.com/…/servlet/view/all

David Rumsey Map Collection

Большая, нет — огромная коллекция. В основном карты. Но можно увидеть инфографику, иллюстрацию, типографику. Наверное еще что-то. Все просмотреть никак не удается.

Неординарное свадебное приглашение

http://

О проекте: http://kellianderson.com/…/2011/04/a-paper-record-player

нет комментариев твитнуть 

Принцип цикады (псевдослучайные паттерны)

http://designfestival.com/…-it-matters-to-web-designers

Впечатляющая демонстрация использования простых чисел при создании паттернов.

Например, метод позволяет сделать из трех картинок



вот такую текстуру:

Работает это примерно так: берем три полупрозрачных изображения в png, ширина каждого из которых — простое число, и используем все три как фон (background-image):

html {
background-image: url(29-a.png),url(37-a.png), url(53-a.png);
padding:0;
margin:0;
height: 100%;
}

В результате цвета начинают смешиваться и давать новые оттенки, но главное — все полосы оказываются разной ширины. Без повторений получается заполнить почти 57 тысяч пикселей; при этом суммарный вес картинок — около 7 кб.

В посте есть еще два более жизненных примера, один из которых — легион человечков Лего.

4 комментария твитнуть 

Макет блога с заголовками, прилипающими кверху при прокручивании

http://dl.dropbox.com/…/336785/qawgma/index.html

Идея вроде бы неплохая (жаль, что макет с дурацким lorem ipsum), но что-то здесь как будто не так — не могу понять, что именно.

Может, заголовки постов расположены слишком близко к заголовку страницы, и становятся похожими на подзаголовки?

5 комментариев твитнуть  блог, веб-дизайн, макет, прокрутка, сайт

Флэшка невероятной эмоциональной отдачи

http://chrismckenzie.com/

Поводите курсором по самой флэшке, а потом наведите его на адресную строку или еще куда.

4 комментария твитнуть  flash

Универсальная оберточная бумага

http://www.davidairey.com/…-wrapping-paper

нет комментариев твитнуть 

Курсор-пузырь

Пример (интерактивный): http://ieor.berkeley.edu/…~anandk/bubbleCursor.html

Описание принципов работы: http://www.dgp.toronto.edu/…/tgrossman_CHI2005.pdf

4 комментария твитнуть 

Форма для ввода логина и пароля в одном поле

http://www.awayback.com/…-input-login-form-2

Вначале пользователь вводит логин, затем — после пробела — пароль. По ссылке все описано подробнее и со скриншотами.

Главное — удостовериться, что в вашем случае без регистрации с логином и паролем не обойтись.

12 комментариев твитнуть  авторизация, веб-дизайн, интерфейс

Голосовое управление (почти)

Австралийский разработчик игр Глен Форрестер показывает свою новую игру, в которой управление осуществляется практически только за счет крика игрока.

нет комментариев твитнуть  дизайн игр, компьютерные игры



© 2024

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru