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

Просветите нас.

РСС

Проектирование городов для холодного климата

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

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

1 комментарий твитнуть  городская среда, архитектура, приём

Илья Харитонов:

Еще давным давно встречал этот видос у Тёмы в журнале, и даже перепостил себе. Очень познавательная лекция. Интересно, что бы они предложили для Сургута, с его зимними температурами ))

Каллиграфическая навигация

Отличный каллиграфический проект по стилизации старых советских рукописных табличек:
http://rustam-gabbasov.livejournal.com/….html

Рассказ Рустама Габбасова о совместном проекте группы компаний «Афиша-Рамблер» и курса «Шрифт и типографика» в Британской школе дизайна.

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

Рома И.:

Поправьте, пожалуйста, ссылку. По вашей 404, потому что там в конце нужно не .htm, а .html

Александр Ильинский:

Печаль там, где всё должно быстро и внятно читаться.

Иван Семенов:

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

Приём «завернуть землю вверх»

Приём «завернуть землю вверх» (он же безгоризонтная проекция) себя уже зарекомендовал. В фильме «Начало» (Inception):

На карте Манхэттена: http://berglondon.com/projects/hat/

На блок-схеме:
http://tutoprocess.ru/tuto/flash3.php

Трёхмерность здесь нужна только чтобы показать «будущее», то есть части схемы, до которых мы ещё не «долетели».

Кажется, такой вид был бы удобен в автомобильном навигаторе с большим экраном. Где ещё?

18 комментариев твитнуть  интерфейс, информационный дизайн, приём, нью-йорк

«Облака» не только в интернете

Статья «Облака бывают не только в интернете» консультанта Сергея Сычёва:
http://www.triz-ri.ru/…/mess.asp?thr=28571&cat=67

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

Модные «облака» в интернете — иллюстрация того же принципа. Стволы двухстволки перевели патроны в облака, получился магазин :-)

Примеры из статьи:
1. Компания покупала алюминиевый профиль для себя, потом нарезала. Затраты: нарезка, отходы, утилизация отходов. Поручили резать поставщику, за счёт объёмов даже цена продукции не выросла.

2. Кассир обсчитывает клиентов? Решения: перейти на безнал, перейти на баланс и абонентскую покупателей, пусть клиенты следят за кассиром — нажимают кнопки и следят через за ним через камеру и большой экран.

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

Решение проблемы «кто контролирует контролёра» — вынесение контроля в надсистему. Пусть клиент не пишет жалобу, а использует простые действия (выход в дверь недоволен, чёрный шар, кнопка «недоволен» и т. п. )

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

Во большинстве примеров отказ от функций происходит без дополнительных расходов или при их снижении.

1 комментарий твитнуть  организация работы, ТРИЗ, приём

Ими:

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

жестоко, очень жестоко

Humble Indie Bundle #3

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


«Миллион долларов не круто. Но вы же знаете, что круто, да? Баджиллион долларов!»
http://www.humblebundle.com/

2 комментария твитнуть  реклама, промдизайн, приём, игра

Микроулучшения городской среды

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

http://www.fabrique-hacktion.com/

И мелочь на сайте: если кликнуть по картинке на главной, то сначала покажут вторую картинку, а потом уже страницу проекта.

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

Евгений Арутюнов:

Тач-девайс-юзер обнаружен! Вторая картинка появляется при наведении )

Владимир Епифанов:

Да, так получилось, что последние две недели приходится пользоваться только планшетом. Интересный опыт для осмысления сайтов, как пользовательских интерфейсов. Был бы дизайнером, вёл бы дневник.

Ручной печатный станок

Наоми Росс демонстрирует работу печатного станка в приятной видеоинфографике.

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

Снято на фотоаппарат, обработано в After Effects Motion Tracker.

3 комментария твитнуть  инфографика, информационный дизайн, типографика, инфовидео, видео, приём, Naomie Ross, canon 7d

Артем Горбунов:

Кстати, просьба к собаководам: используйте тег «приём» только если вы упоминаете или описываете какой-то приём в пояснении к примеру. Иначе это становится бессмысленно.

Максим Ильяхов:

Леттерпресс-станокдля Айпада: http://www.lettermpress.com/…/Home.html

Галина Невская:

Как прекрасно.

Strawberry Fields Forever

Процесс изготовления клубничного пива.

http://dinersjournal.blogs.nytimes.com/…-strawberries/?ref=dining

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

The Evolution of Google Search

http://www.google.com/insidesearch/

1 комментарий твитнуть  информационный дизайн, промдизайн, приём

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

Сайт делали явно в f-i.com

Логотип Энергиас де Португаль

Цвет сильнее формы:

http://www.underconsideration.com/…: ucllc/brandnew (Brand New

Между прочим, Сагмайстер.

2 комментария твитнуть  графдизайн, логотип, приём, Sagmeister

Дима Плотников:

Почему его тогда везде Загмайстером называют?

Андрей Грабельников:

нет театр был сильнее, новее. Это же следование уже существующим трендам. Запоминается только наклонная надпись, все остальное вспомнить через пять минут невозможно.

Можно рисовать мышкой прикольные штуки

http://www.form-process.com/

нет комментариев твитнуть  сайт, графдизайн, интерфейс, приём

Собери сам

Занятная игра на промосайте. Ну и скролл при делах.
http://nizoapp.com/

2 комментария твитнуть  сайт, приём

Андрей Кац:

Не понял, в чем состоит игра. При попытке подняться наверх, все снова возвращается на свои места — это раздражает.

Артем Горбунов:

Апсы-шмапсы!
http://imagemechanics.com.au/…#!/pages/home

Google: поиск по картинкам

image.google.com показывает где в Интернете есть такая картинка, а также показывает картинки с похожей цветовой гаммой.

1 комментарий твитнуть  интерфейс, приём

Иван Титов:

Ждём сервис поиска изображения по его части (включая повёрнутую и с другими пропорциями).

Официальный сайт Новой Зеландии

Официальный сайт Новой Зеландии пополняет копилку сайтов, интересно использующих скроллинг. Крутите вниз и любуйтесь.

http://www.newzealand.com/int/

3 комментария твитнуть  навигация, приём, скроллинг, скролл

Акс:

Оригинально :)

А как вам http://gopal.ru/meister? Скролинг страниц такой не встречал нигде. Пойдет в коллекцию?

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

Нужно иметь в виду, что на большинстве нетбуков это все катастрофически тормозит.

Артём:

Подскажите, а кто автор?

Angry Birds вживую

T-Mobile для своей рекламы организовали экшн в Барселоне.

нет комментариев твитнуть  реклама, приём

Ответы на вопросы без компьютерной мыши

На сайте Оkcupid, в разделе http://www.okcupid.com/questions/ask можно активировать чекбоксом «Show keyboard shortcuts» и отвечать на вопросы с помощью лишь клавиатуры.

Удобные подсказки, быстро отвечаешь.

1 комментарий твитнуть  интерфейс, приём

Павел Власов:

Интересно, как быстро человек выдохнется отвечая на большой опросник по этой системе, вместо обычного TABINDEX'а?

Ну и догадаться скрыть фокуса ввода у контролов — ноу комментс.

Грузят вместе

Сайт, показывающий в реальном времени статистику загрузок 4-й версии Firefox.
Каждая загрузка отмечается вспышкой на карте (на скриншоте почти не заметно, но на сайте очень ярко и динамично).
Забавно например, подождать пару минут в ожидании загрузки из далёкой и небольшой Исландии, или визуально сравнить частоту «бомобометания» между Америкой и Западной Европой.

http://glow.mozilla.org/

2 комментария твитнуть  инфографика, интерфейс, информационный дизайн, приём

skrtv:

Забавно, что авторы не посчитали нужным нанести на карту Каспийское море.

Павел Власов:

Как бы разница во времени — особо не посравниваешь США с Европой (:

ЧП в голландском интернет-магазине

http://producten.hema.nl/


4 комментария твитнуть  сайт, веб-дизайн, приём, промо-сайт, саморазрушающаяся страница

Нехитрые приёмы обрабтки фоток

Дмитрий Чистопрудов делится некоторыми нехитрыми, но весьма полезными приёмами обработки фоток:
http://chistoprudov.livejournal.com/….html

2 комментария твитнуть  Адоби, фотошоп, фото, приём, фотография, лайтрум

Сергей Якунин:

Местами — жуть, а не фотки. Для популяризации лайтрума — самое оно.

Александр Дейков:

Самые простые и понятные уроки по Лайтруму с удобным рубрикатором:

vendigo.ru/lightroom-tutorial

Психологические приёмы в веб-дизайне

Приёмы убеждения в веб-дизайне:
http://www.smashingmagazine.com/…-triggers-in-web-design
Взаимная обязанность, приверженность, выбор большинства, авторитет, дефицит, шкала ценностей, контекст.

Как использовать семь смертных грехов в веб-дизайне:
http://www.smashingmagazine.com/…-turn-visitors-into-customers
Гордыня, обжорство, праздность, зависть, похоть, алчность и гнев на службе дизайнера.

3 комментария твитнуть  мотивация, дизайн работоспособных систем, веб-дизайн, приём, психология



© 2012

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

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