A — это контур, он жирный, тут всё ясно.
B — это встреча двух видимых поверхностей под углом, тонкая линия.
C — снова контур; хоть и внутри объекта, но через него видно фон, поэтому он жирный.
D — дырка другого типа: через неё не видно фон, поэтому тут линия тоньше контурной, но всё же толстая.
E — самая странная линия, потому в ближней к нам части она похожа на D, а в дальней — на B, и возникается неприятный скачок.
F — тонкие линии для передачи формуы и остроты лезвий.
Когда-то я рисовал такую картинку для бюрошного концепта умной парковки. Вы можете заметить, что внешняя линия здесь жирнее других
Читать полностью…Это покупка билетов на электричку в аэропорт Амстердама. Есть отдельная кнопка про аэропорт. На экране всегда виден результат предыдущего выбора, причём ровно там, где выбор сделан. Вместо какого-нибудь тупого «готово» или «успешно» — внятный текст о том, что куплено и что будет дальше. Кнопка в конце называется «Следующий клиент».
Читать полностью…Сегодня встретились с Ильёй Мерензоном, главой World Chess. Я спросил, почему логотип получился именно таким. Илья: «Я хотел, чтобы было про двоих людей и провокационно. Шум получился из-за того, что люди подумали, будто мы даже не заметили сексуального подтекста. Хоть этот логотип мы и используем везде, мы сделали ещё безопасную версию, и именно её называем „официальной“. Например, на приглашениях для английской королевской семьи мы поставим „официальный“ логотип, потому что там этот будет не очень уместен. Но этот прекрасно работает на пиар шахмат, мы продаём мерч, у нас уже купили сотни плакатов арт-директора разных крутых фирм, например Адидаса. Нам важно, чтобы у людей было ощущение, что шахматы — это круто и интересно, это привлекает людей, мы получаем больше спонсорских контрактов. Вообще, наше внимание к дизайну очень хорошо окупается»
На вопрос о логотипе «Универсальной логистики» (к которому Илья как раз не имеет никакого отношения), он ответил: «Мне понравилось».
Открыта запись на курс «Пользовательский интерфейс и представление информации» 24, 25, 26 и 28 февраля в Москве:
http://bureau.ru/educenter/ui/
Допустим, я пришёл в Гугль. На какой мне этаж ехать? Эта штука не помогает понять ничего кроме того, что Гугль отхапал много этажей. Но для навигации эта информация бесполезна.
Читать полностью…Налево или направо пойдёшь?
—> – 88
👍👍👍👍👍👍👍 74%
<— – 31
👍👍 26%
👥 119 people voted so far.
Вот это странное, например. Горизонт завален, в цветах вроде тоже ничего интересного, слева дерево кропнулось непойми как. Но почему-то картина привлекла. Возможно, контрастом (соседние картины более ровные) и формой деревьев. Ещё оказалось, что оттенки чёрного в самом дереве на переднем плане очень богатые, я прям рассматривал их. На фото нифига не видно, потому что в тель-авивском музее искусства очень плохой свет.
Читать полностью…Это я вспомнил штуку в связи со вчерашним сообщением Серёги.
Так вот, внешняя линия жирнее. Когда я нарисовал первый вариант, у меня жирным был контур машины, а «выступающие» части — зеркала, верхние крепления, колёса — были тонкими.
А Артём попросил обвести жирным всё по периметру.
Мне эта просьба показалась очень странной: получается, что разные части одного и того же колеса нарисованы разной толщиной. Или вот контур машины вдруг становится тонким в районе зеркала. Нелогично!
Тогда Артём показал мне клёвую ПДФку, объясняющую разное про толщины линий на таких иллюстрациях:
Готовы фоточки ещё с двух станций (осталась последняя):
https://ilyabirman.ru/meanwhile/all/stockholm-metro-tekniska-hogskolan-universitetet/
Понятное объяснение уязвимости века, как большевики свергли правила орфографии, про экраны со «скелетами» будущих данных и седых странников. Что почитать на выходных:
https://ilyabirman.ru/meanwhile/all/weekend-reading-167/
Есть три способа пересечения объектов:
Инвертировать
Работает, если ближний объект сложной формы. Но этот способ помещает оба объекта на один визуальный слой, а на границе пересечения образуются дребезжащий шахматный узор.
Стереть по бокам
Самый популярный варик. Вполне ОК, если не пересекать большие залитые площади. Хренов тем, что в месте пересечения возникает пять чередующихся плоскостей.
Отбросить тень
То же, но стереть нужно только с одной стороны. Как будто ближний объект отбрасывает тень. Графически самый чистый прием. По умолчанию лучше его и юзать. Но объекты сложной формы передать таким образом практически невозможно.
Пересекайте хорошо.
Как люди воспринимают информацию. Я сегодня проводил воркшоп про дизайн веб-форм в Гугль-кампусе. Один чувак пришёл и был уверен, что будет что-то про Гугль-формы (программа для проведения опросов и тестов).
А ещё там навигация такая:
Вышел из музея и направляюсь в это здание вести воркшоп про формы. Приходите, кто в ТЛВ!
Читать полностью…В музеях я стараюсь подходить к картинам, которые привлекли взгляд издалека, а потом пытаться понять, что именно привлекло
Читать полностью…Эту картинку мне принёс Антон Вольных, который руководил проектом со стороны Связного банка тогда.
Читать полностью…Постепенно все банки слизали наш дизайн с листалкой продуктов сверху и информацией о продукте снизу:
Читать полностью…