Удивительной тупизны вещь Фейсбук всё же. Вот там когда пишешь пост иногда есть такая штука (да, именно иногда):
Читать полностью…На этой картинке автор победил скачок в толщине линии (тут она уже называется C), сделав её толщину плавно изменяющейся.
Вся эта штука показывает, что соображения для выбора толщины линий вообще связаны не со структурой самого трёхмерного объекта, а с тем, как мы его видим с нашего угла зрения.
Но самое моё любимое тут — это объяснение особого значения контура в иллюстрации; почему он должен быть жирнее всего остального:
Это я вспомнил штуку в связи со вчерашним сообщением Серёги.
Так вот, внешняя линия жирнее. Когда я нарисовал первый вариант, у меня жирным был контур машины, а «выступающие» части — зеркала, верхние крепления, колёса — были тонкими.
А Артём попросил обвести жирным всё по периметру.
Мне эта просьба показалась очень странной: получается, что разные части одного и того же колеса нарисованы разной толщиной. Или вот контур машины вдруг становится тонким в районе зеркала. Нелогично!
Тогда Артём показал мне клёвую ПДФку, объясняющую разное про толщины линий на таких иллюстрациях:
Готовы фоточки ещё с двух станций (осталась последняя):
https://ilyabirman.ru/meanwhile/all/stockholm-metro-tekniska-hogskolan-universitetet/
Понятное объяснение уязвимости века, как большевики свергли правила орфографии, про экраны со «скелетами» будущих данных и седых странников. Что почитать на выходных:
https://ilyabirman.ru/meanwhile/all/weekend-reading-167/
Есть три способа пересечения объектов:
Инвертировать
Работает, если ближний объект сложной формы. Но этот способ помещает оба объекта на один визуальный слой, а на границе пересечения образуются дребезжащий шахматный узор.
Стереть по бокам
Самый популярный варик. Вполне ОК, если не пересекать большие залитые площади. Хренов тем, что в месте пересечения возникает пять чередующихся плоскостей.
Отбросить тень
То же, но стереть нужно только с одной стороны. Как будто ближний объект отбрасывает тень. Графически самый чистый прием. По умолчанию лучше его и юзать. Но объекты сложной формы передать таким образом практически невозможно.
Пересекайте хорошо.
Как люди воспринимают информацию. Я сегодня проводил воркшоп про дизайн веб-форм в Гугль-кампусе. Один чувак пришёл и был уверен, что будет что-то про Гугль-формы (программа для проведения опросов и тестов).
А ещё там навигация такая:
По умолчанию: Английский.
Что это значит? Я пишу в основном на русском. Куда идёт это умолчание? Фейсбук думает, что я пишу на английском? Он что, не понимает без выпадайки, на каком языке текст?
При этом всё выглядит так, будто мне предложили выбрать язык этого поста, а не вообще.
Потом под, зачем-то, огромной линией:
Язык: Выбрать. Отменить
Что за синтаксический ад? В начале было «(Как): (Что)», а тут уже «(Что): (Что сделать)». То есть в первой из двух одинаковых на вид выпадаек я вижу, что выбрано, а во второй написано «Выбрать». Это как если бы на одной кнопке было написано «Сохранить», а на другой — «Нажать». Шизофрения полная.
Плюс написать пост на другом языке вопрос. На каком другом? По сравнению с чем? С тем, на котором я уже написал? Что значит плюс? Что значит вопрос? Почему плюс в кружке, а вопрос в квадратных скобках, как во времена МС-ДОСа? При этом эта штука вообще не выглядит как элемент управления. Я её заметил вообще недавно случайно, хотя в Фейсбук пишу довольно давно.
Читать полностью…Я всегда нахожу этот документ по словам «focal discontinuity», потому что они врезались мне в мозг тогда и всё стало понятно. Ну и звучит красиво.
Проект про парковку (восемь лет назад!):
https://bureau.ru/projects/parking/
Line thickness, a means of expression, by Conrad Taylor:
http://www.conradiator.com/resources/pdf/Linethicknesses.pdf
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.