Позднее Ctrl + ↑

Как работает обучение

Умники всё время победоносно приводят примеры хорошего дизайна, в котором нарушаются правила: «А вот крутой плакат, где не соблюдается правило внутреннего и внешнего! А вот удобный сайт, где ссылки не подчёркнуты! А вот красивая и понятная таблица с чересполосицей!»

Это как прийти на занятие по карате, и начать рассказывать: «А я видел, как во дворе один чувак другого сильно побил, не крича „кия“!» Причём рассказывать с искренней убеждённостью, что тренер не в курсе, что так бывает.

Задача преподавателя — научить и повысить разрешение. Для этого и нужны законы и правила. А если объявить: «Можно делать всё, что угодно, лишь бы был хороший результат», будет честно, но совершенно бесполезно.

См. также:

Телеграм за неделю 23—29 октября 2017

16—22 окт ← → 30 окт — 5 ноя

Вот как выглядела прошедшая неделя в моём канале в телеграме:

Понедельник, 23 октября

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

Я сто лет назад сказал, что магия будет тогда, когда телефон будет картины и без куаркода узнавать, и вот оно, наконец, случилось:
https://smartify.org/

Вторник, 24 октября

Остроумно: чуваки используют камеру на айпаде в качестве кнопки —
https://medium.com/astro-hq/camera-button-ba3d8c493cbd

Николай Лисов спрашивает в Советах: «На днях пересел за Мак с „ретиной“, и не могу разобраться с разрешением в Фотошопе. Делаю скриншот — макеты получаются в два раза больше. Какой ставить Resolution в макетах (72, 96, 144)? Или нужно где-то ещё в настройке Фотошопа что-то сделать, чтобы масштаб был 1:1 и у меня, и на других компах?»

Отвечаю:
http://bureau.ru/bb/soviet/20171024/

А ещё я продаю машину (в Челябинске):
https://auto.ru/cars/used/sale/opel/astra/1060254540-9568e/

Если вам понадобится нарисовать заглавную версию знака @, то можно так:

Дайджест телеграма за неделю 23-29 октября 2017

Среда, 25 октября

Вот мой прошлогодний совет об увеличении фоток. «Если бы я мог дать один универсальный совет веб-дизайнерам, который подойдёт наверняка, я бы дал такой: увеличьте фотографии» —
http://bureau.ru/bb/soviet/20160614/

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

А тут Макс Ильяхов подогнал отличный пример из своего диалога со студентом Школы редакторов:

«У тебя сейчас так:

Дайджест телеграма за неделю 23-29 октября 2017

А надо так:

Дайджест телеграма за неделю 23-29 октября 2017

С соблюдением теории близости, конечно:

Дайджест телеграма за неделю 23-29 октября 2017

В натуральную величину:

Дайджест телеграма за неделю 23-29 октября 2017

Блин, а вот это, кстати, шикарная идея:

Дайджест телеграма за неделю 23-29 октября 2017

Вот, охуенно»

Дайджест телеграма за неделю 23-29 октября 2017

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

Когда-то вышла очередная версия Эверноута под айфон, и выглядела она примерно так:

Дайджест телеграма за неделю 23-29 октября 2017

Я тогда отметил себе, что клёво смотрится, когда на цветном фоне что-то написано и белым, и чёрным (статус-строка тут чёрная).

Дайджест телеграма за неделю 23-29 октября 2017

(Это, кстати, очень крутой сайт https://work.co/.)

Вот подобную штуку мы использовали на «Квартирке» (чёрный крестик):

Дайджест телеграма за неделю 23-29 октября 2017

Вот какая-то картинка участника интерфейсного курса. Вроде ничё особенного, но эффект есть:

Дайджест телеграма за неделю 23-29 октября 2017

А вот не на цветном, а на сером. У меня на сайте в разделе «Музыка». Особенно мне нравится в мобильной версии с чёрными стрелочками:

Дайджест телеграма за неделю 23-29 октября 2017

Пятница, 27 октября

Илья Синельников справедливо напоминает ещё один пример чёрного и белого на цветном — обложку нашей Школы менеджеров:

Дайджест телеграма за неделю 23-29 октября 2017

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

Но есть одно свойство кнопки, которое пережило весь флет-дизайн: выравнивание текста по центру. Реально, если на плашке написать слово по левому краю, то за кнопку её уже никто не признает.

Дайджест телеграма за неделю 23-29 октября 2017

Суббота, 28 октября

Мой троюродный брат Дима Бирман прислал офигенное немецкое автобусное расписание. Оно очень красивое, но понять в нём нельзя вообще ничего:

Дайджест телеграма за неделю 23-29 октября 2017

Это скриншот «Медузы» с моего рабочего стола. Пример случайного совпадения, искажающего смысл:

Дайджест телеграма за неделю 23-29 октября 2017

Галочка читается как «выполнено», «готово», «успех». Закрыли тудушечку.

Это не упрёк «Медузе», конечно. Так бывает. У меня в курсе даже тема есть небольшая «Случайные искажения информации» про такие эффекты.

А вот Вика прислала безумную-прекрасную афишу из Будапешта:

Дайджест телеграма за неделю 23-29 октября 2017

Никто не умеет делать как венгры. Вроде всё суперуродское и кривое, но выглядит обалденно. Если вы не были в Будапеште, езжайте обязательно.

Кстати, среда по-венгерски — «серда» (смотрите на картинке).

Папа привёз из Китая туалетные пиктограммы:

Дайджест телеграма за неделю 23-29 октября 2017

(Спасибо, пап!)

Воскресенье, 29 октября

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

Дайджест телеграма за неделю 23-29 октября 2017

Олег Мохов пишет: «Невероятно, что в России так могут» —

Дайджест телеграма за неделю 23-29 октября 2017

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

Вот московское архитектурное бюро спроектировало небоскрёб для Манхэттена.

С дайджестом помог Иван Ветошкин.

Эгея v3249

Вышел небольшой сервис-пак Эгеи 2.7, сборка v3249.

В релизной сборке (v3239) я обнаружил уязвимость, которая касается тех, кто ставил 2.7 с нуля. Из-за неё злоумышленник может вам в черновики засунуть любую заметку (прочитать черновик, опубликовать, удалить — не может). Кто обновлялся с 2.6 или более ранней версии — в безопасности. Ну и исправил несколько помарок заодно.

Обновиться имеет смысл всем, но если вы ставили 2.7 с нуля (в том числе, бету, и потом обновлялись с неё), то вам нужно обязательно. Замените папку system и все подпапки в themes.

Свежий дистрибутив — на сайте движка.

Дата с кавычками

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

Блин, ну при чём тут кавычки?

Сейчас и теперь

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

Пришло мне в голову, что «сейчас» и «теперь» — примерно одно и то же. Переводится на английский как now. Но есть много случаев, когда вместо «сейчас» не скажешь «теперь»: «Сейчас два часа». И чуть меньше случаев, когда вместо «теперь» не скажешь «сейчас»: «Разобрались? Теперь второе задание...». И есть случаи, когда смысл получается разный: «Я сейчас приду» и «Я теперь приду».

Вот попробуйте на английском объяснить, что означает «сейчас», а что — «теперь».

См. также: Выбор из синонимов

Лекция по теме «Модальность»

Для школ бюро снял лекцию «Модальность»:

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

Только в моём предмете («Интерфейс и информация») таких лекций пара десятков, а самих предметов у нас восемь. Ну и кроме лекций есть ещё литература, тесты и задания. Это на первой ступени. А потом ещё вторая и третья ступень.

Ну короче, смотрите видос.

А ещё у нас появилась демоверсия школы. Там ещё несколько открытых лекций, тестов и заданий.

Сейчас идёт набор в наши школы.

Где меня читать

Я пишу сюда, во все соцсети, да ещё и снимаю что-то в Ютюб. При этом часто содержимое повторяется. Но не всегда. Читатели запутались и спрашивают: где меня читать, чтобы ничего не пропустить, но и не читать одно и то же по три раза.

Честый ответ: не знаю. Я пока не разобрался с тем, как это всё лучше вести.

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

В твиттер я отправляю ссылки на все заметки в блоге и иногда пишу какие-то ещё мысли или делюсь ссылками.

В телеграм я также отправляю ссылки на все заметки в блоге или публикую там текст целиком. Плюс там много уникального контента™ — штук, про которые некогда писать заметки, но поделиться хочется. Я стараюсь, чтобы там был канал более-менее про дизайн.

Пока не нашёлся человек, который был бы готов делать для моего блога еженедельный дайджест телеграма, а то я был бы рад сказать, что достаточно подписаться на РСС здесь. Человек, найдись.

В фейсбуке и вконтакте дублируется всё из блога — или целиком, или ссылкой, когда как удобнее. Всё, что я выкладываю на Ютюб, публикую в блоге тоже.

Но это всё может и поменяться в будущем. Если у вас есть дельный совет, как навести в этом больше порядка, делитесь.

Аудио по четвергам: «Огни Сибуи»

Волшебный пситранс:

Filteria: The Lights of Shibuya

Я уже писал про этот альбом, а сам этот трек играл на Промодиджее. Фильтерия — гений.

Конкретно в этом треке для меня примечательны две вещи.

Во-первых, смотрите. В 0:46 вступает бочка-бас, и в 1:00 к ним добавляется тарелка. Тарелка — не живая, а рисованная, и это сразу слышно. Но Яннис не просто не скрывает это, а вообще показывает, как именно она устроена, замедляя её. Вот в 1:13 уже слышно, что она становится медленнее и ниже, а к 1:24 уже вообще теряет узнаваемость, превращась в просто какие-то волны. И вот, если их ускорить к 1:38 опять получается терелка. Это замедление-ускорение будет с нами весь трек.

1:51 Ае. 2:05. Ммм (особенно когда уже знаешь, что с этими всеми звуками будет дальше). 2:20 Тарелка опять замедляется, не пропустите. 2:32 Ещё плюс слой.

3:11 Ну, поехали. Почему же так круто? Почему почти все разучились такое делать и стали под видом пситранса фигачить прогрессив? 4:17 Тарелку слушаете? 4:28 Ае. 5:02 Плотно.

И во-вторых, финал. Финал! 5:22 Ааа. Это же прям волшебно. Причём отрезок 5:24...5:37 хочется повторить целиком, а не только вторую половину, но фиг нам. 6:30 Совсем плотно. Можно просто тыкать примерно в 5:15 и слушать ещё и ещё.

Ещё пситранс:

Курс о пользовательском интерфейсе и представлении информации 16—20 декабря

Четырёхдневный курс «Пользовательский интерфейс и представление информации» пройдёт в Москве, в нашем «Коворкафе» на Флаконе с 16 по 20 декабря. Это наиболее крутой курс из всех дизайнерских курсов: спросите или почитайте отзывы наших участников.

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

В октябре в курс добавилась тема «Окна» и появилось новое практическое задание на проектирование фрагмента интерфейса.

Запись открыта до 10 декабря, если свободные места не кончатся раньше.

Ранее Ctrl + ↓