7 апреля, 18:19
Почему я больше не делаю сайты в Индизайне
Истории известны глухие композиторы. Больше других ей известен Людвиг (что характерно) ван Бетховен. Свои самые знаменитые произведения он написал уже после того, как начисто оглох. Он писал музыку, «слыша» её только в своей голове.
Вебдизайнер с Индизайном — как глухой композитор. Он видит блочный каркас из текста и условных картинок, представляя дизайн в голове, вместо того, чтобы видеть его глазами. И ослепляет он себя нарочно, хотя сам Бетховен отдал бы всё, чтобы слышать музыку ушами как все остальные. Есть легенда, что он даже вставал спиной к играющему оркестру, чтобы позвоночником чувствовать вибрацию и хоть как-то «слышать» музыку.
Нормальный дизайн можно нарисовать только в фотошопе. Ключевое слово «нарисовать». Дизайн — он ведь не только про придумывание, придумывать можно в уме или на салфетке. Дизайн — он ещё и про проверку идей на практике. Сама идея не стоит ничего. Придумал и ходишь довольный, а когда нарисовал, — сразу видно, что говно. Проблема Индизайна в отсутствии моментальной обратной связи. От идеи до результата — огромная пропасть, ведь даже картинки рисуются в другой программе.
В гениальном докладе Брет Виктор рассказывает о мгновенной обратной связи и о том, как тяжело без неё в любом творчестве (вторая половина рассказа неинтересная):
В фотошопе работает моментальная обратная связь. Случайно растянутый на всю страницу заголовок может подсказать клёвую идею для всего сайта. Или залил всё чёрным — тоже охуенчик может быть. Хрен так получится, когда у тебя в Индизайне всё по линеечке стоит, цвет фона в настройках выставлен, а у текста настроен стиль.
Ну и вообще, не стоит себя обманывать. Если сразу выставить направляющие, то в итоге скорее ничего не получится, чем получится. Когда такое было-то? Даже этот текст я переписывал сто двадцать раз, меняя местами предложения, начало и конец, и даже основную идею, хотя знал, о чём хочу рассказать. Что было бы, если бы я писал заметку, скажем, в блоксхемах Визио, где легко наблюдать логическую структуру текста? Да не вышло бы ничего вообще. Только стирание по букве, только мгновенная обратная связь, только хардкор!
До тех пор, пока ты не Бетховен, стоит использовать инструмент с хорошей обратной связью. Несмотря на миллион недостатков, лучшим в этом отношении остаётся фотошоп. Однако, всем дизайнерам я посоветовал бы упражнение — ослепить себя и порисовать в Индизайне, чтобы эйфория от визуального шума не мешала научиться видеть конструктивные и логические изъяны. А когда научитесь — быстро в фотошоп!
Вебдизайнер с Индизайном — как глухой композитор. Он видит блочный каркас из текста и условных картинок, представляя дизайн в голове, вместо того, чтобы видеть его глазами. И ослепляет он себя нарочно, хотя сам Бетховен отдал бы всё, чтобы слышать музыку ушами как все остальные. Есть легенда, что он даже вставал спиной к играющему оркестру, чтобы позвоночником чувствовать вибрацию и хоть как-то «слышать» музыку.
Нормальный дизайн можно нарисовать только в фотошопе. Ключевое слово «нарисовать». Дизайн — он ведь не только про придумывание, придумывать можно в уме или на салфетке. Дизайн — он ещё и про проверку идей на практике. Сама идея не стоит ничего. Придумал и ходишь довольный, а когда нарисовал, — сразу видно, что говно. Проблема Индизайна в отсутствии моментальной обратной связи. От идеи до результата — огромная пропасть, ведь даже картинки рисуются в другой программе.
В гениальном докладе Брет Виктор рассказывает о мгновенной обратной связи и о том, как тяжело без неё в любом творчестве (вторая половина рассказа неинтересная):
В фотошопе работает моментальная обратная связь. Случайно растянутый на всю страницу заголовок может подсказать клёвую идею для всего сайта. Или залил всё чёрным — тоже охуенчик может быть. Хрен так получится, когда у тебя в Индизайне всё по линеечке стоит, цвет фона в настройках выставлен, а у текста настроен стиль.
Ну и вообще, не стоит себя обманывать. Если сразу выставить направляющие, то в итоге скорее ничего не получится, чем получится. Когда такое было-то? Даже этот текст я переписывал сто двадцать раз, меняя местами предложения, начало и конец, и даже основную идею, хотя знал, о чём хочу рассказать. Что было бы, если бы я писал заметку, скажем, в блоксхемах Визио, где легко наблюдать логическую структуру текста? Да не вышло бы ничего вообще. Только стирание по букве, только мгновенная обратная связь, только хардкор!
До тех пор, пока ты не Бетховен, стоит использовать инструмент с хорошей обратной связью. Несмотря на миллион недостатков, лучшим в этом отношении остаётся фотошоп. Однако, всем дизайнерам я посоветовал бы упражнение — ослепить себя и порисовать в Индизайне, чтобы эйфория от визуального шума не мешала научиться видеть конструктивные и логические изъяны. А когда научитесь — быстро в фотошоп!
35 комментариев6 марта, 17:28
Комета уже летит
Коля написал крутую заметку про то, что значит «сделать». Несмотря на то, что я полностью и безоговорочно согласен с написанным, вынужден признать, что для меня бывает непросто взять и перестать тупить. Я то и дело получаю от артдиректора люлей за то, что, например, не сделал один пункт задачи, хотя договаривались на всю пачку.
Коля привёл максиму «Даже если получить результат помешала комета, взорвавшая Землю, задание всё равно будет не сделано. Причина не имеет значения». Это очень остроумно и точно, но самое интересное в том, что львиная доля неотвратимых комет, помешавших сделать задание, на самом деле неотвратимыми не являются.
Не припомню в своей работе такой причины факапа, которая была бы неожиданной, неуправляемой и в принципе непредотвратимой. После разбора полётов всегда становилось ясно, что факап — результат моей личной невнимательности, несамостоятельности, самонадеянности или несвоевременного решения проблемы.
Стал делать страницу, в которой много текста, а редактор оказался в отпуске? А какого хрена я не узнал, на месте ли редактор два дня назад, когда задание было получено? Я же знал, то люди иногда бывают в отпусках, и что в сайте много текста. Факап. Не смог сделать задание, потому что присланное письмо с исходниками оказалось стёртым с сервера? А почему я сразу не проверил, всё ли на месте? Я же сто раз случайно удалял что-то нужное и знал, что так бывает. Факап. Текст для страницы оказался на испанском? А почему я сразу не проверил? Я же знал, что сайт про языковую школу. Снова факап.
Если всё сделано без проблем, то как-то, блять, подозрительно это. Пока ещё есть время, нужно перепроверить всё, что только можно, найти проблемы и сразу о них сообщить, потому что к концу срока проблема уже будет твоя и отвечать за неё будешь ты. И за текст на испанском, и за редактора, который в отпуске. Тут как с Почтой России. Пока не расписался в бумажке, посылка вместе со всеми потенциальными проблемами принадлежит службе. Как только подпись поставлена, никого уже не ебёт, что в посылке камень вместо айфона. Надо было проверять.
И нифига не получится быстро всё сделать и убежать гулять. Закон Мерфи, ёптыть. Если какая-нибудь неприятность может произойти, она произойдёт. Чтобы не стать жертвой кометы, нужно всегда помнить, что комета не то, что возможна, — она уже летит. Осталось только повертеть головой и понять, откуда.
Коля привёл максиму «Даже если получить результат помешала комета, взорвавшая Землю, задание всё равно будет не сделано. Причина не имеет значения». Это очень остроумно и точно, но самое интересное в том, что львиная доля неотвратимых комет, помешавших сделать задание, на самом деле неотвратимыми не являются.
Не припомню в своей работе такой причины факапа, которая была бы неожиданной, неуправляемой и в принципе непредотвратимой. После разбора полётов всегда становилось ясно, что факап — результат моей личной невнимательности, несамостоятельности, самонадеянности или несвоевременного решения проблемы.
Стал делать страницу, в которой много текста, а редактор оказался в отпуске? А какого хрена я не узнал, на месте ли редактор два дня назад, когда задание было получено? Я же знал, то люди иногда бывают в отпусках, и что в сайте много текста. Факап. Не смог сделать задание, потому что присланное письмо с исходниками оказалось стёртым с сервера? А почему я сразу не проверил, всё ли на месте? Я же сто раз случайно удалял что-то нужное и знал, что так бывает. Факап. Текст для страницы оказался на испанском? А почему я сразу не проверил? Я же знал, что сайт про языковую школу. Снова факап.
Если всё сделано без проблем, то как-то, блять, подозрительно это. Пока ещё есть время, нужно перепроверить всё, что только можно, найти проблемы и сразу о них сообщить, потому что к концу срока проблема уже будет твоя и отвечать за неё будешь ты. И за текст на испанском, и за редактора, который в отпуске. Тут как с Почтой России. Пока не расписался в бумажке, посылка вместе со всеми потенциальными проблемами принадлежит службе. Как только подпись поставлена, никого уже не ебёт, что в посылке камень вместо айфона. Надо было проверять.
И нифига не получится быстро всё сделать и убежать гулять. Закон Мерфи, ёптыть. Если какая-нибудь неприятность может произойти, она произойдёт. Чтобы не стать жертвой кометы, нужно всегда помнить, что комета не то, что возможна, — она уже летит. Осталось только повертеть головой и понять, откуда.
3 марта, 18:01
Не падать в метро
В Новосибирске вполне обычное метро, не сильно отличается от московского. Тут я и вспомнил метро-хак, который придумал в Москве.
Я стремаюсь браться руками за грязные поручни в вагоне. Но и падать, когда вагон трогается и останавливается, тоже не хочется. Я наклоняюсь немного в нужную сторону, чтобы после рывка не падать из вертикального положения, а наоборот в вертикальное положение приходить. При разгоне и торможении инерция дёргает в разные стороны, поэтому нужно запомнить, в какую сторону наклоняться. Для этого я придумал мнемоническое правило: Поезд троегается — привет, машинист! (наклоняешься в сторону машиниста). Поезд тормозит — прощай, машинист! (наклоняешься от машиниста).
Я стремаюсь браться руками за грязные поручни в вагоне. Но и падать, когда вагон трогается и останавливается, тоже не хочется. Я наклоняюсь немного в нужную сторону, чтобы после рывка не падать из вертикального положения, а наоборот в вертикальное положение приходить. При разгоне и торможении инерция дёргает в разные стороны, поэтому нужно запомнить, в какую сторону наклоняться. Для этого я придумал мнемоническое правило: Поезд троегается — привет, машинист! (наклоняешься в сторону машиниста). Поезд тормозит — прощай, машинист! (наклоняешься от машиниста).
26 февраля, 11:31
Вставайте рано
Несколько последних месяцев я прожил необычно. Когда все просыпались, я ложился спать. Когда все ложились, я вставал. Главный вывод: от перемены мест слагаемых сумма очень даже меняется.
Лечь в 9 утра не проблема. Проснуться в 8 вечера тоже несложно. Трудно не видеть солнечного света несколько месяцев подряд — вот это да. Сложно осознавать, что начался новый «день», когда за окном люди не бегут на работу и тяжело поверить, что день «закончился», когда уже начинает светать. Ты теряешься во времени и пространстве, трудно работать, ты вечно не сосредоточен, раскоординирован, серотонин на нуле, настроения нет, интереса ни к чему нет. Увидеться с друзьями нельзя, потому что работать начинаешь в 9 вечера, а заканчиваешь в 4 утра. Таким образом, людей вне твоей квартиры как бы не существует.
Примерно с пятой попытки я починил свой день, начал вставать в 10—11 утра и прямо задышал полной грудью. Вернулось хорошее настроение, желание заниматься спортом, гулять, работать, интерес ко всему вокруг. Улучшился цвет лица, я встретил женщину своей мечты и нашёл кошелёк с десятью тысячами долларов.
Вставайте рано, ребята!
Лечь в 9 утра не проблема. Проснуться в 8 вечера тоже несложно. Трудно не видеть солнечного света несколько месяцев подряд — вот это да. Сложно осознавать, что начался новый «день», когда за окном люди не бегут на работу и тяжело поверить, что день «закончился», когда уже начинает светать. Ты теряешься во времени и пространстве, трудно работать, ты вечно не сосредоточен, раскоординирован, серотонин на нуле, настроения нет, интереса ни к чему нет. Увидеться с друзьями нельзя, потому что работать начинаешь в 9 вечера, а заканчиваешь в 4 утра. Таким образом, людей вне твоей квартиры как бы не существует.
Примерно с пятой попытки я починил свой день, начал вставать в 10—11 утра и прямо задышал полной грудью. Вернулось хорошее настроение, желание заниматься спортом, гулять, работать, интерес ко всему вокруг. Улучшился цвет лица, я встретил женщину своей мечты и нашёл кошелёк с десятью тысячами долларов.
Вставайте рано, ребята!
20 февраля, 18:30
Без режима нет нажима
Илья Бирман рассказывает американским ребятам о том, как Эплы отсосали с режимом в Айфоновской камере (ссылка на антимонгольском).
Я думаю, всё должно быть ещё тупее:

Фотокамера и видеокамера — разные приложения. Видеокамеру использую чаще — она в углу и ок.

Я думаю, всё должно быть ещё тупее:

Фотокамера и видеокамера — разные приложения. Видеокамеру использую чаще — она в углу и ок.

16 января 2012, 8:23
Эволюция интернетного кегля
Когда я купил Макбук, самой неожиданной проблемой стали мелкие шрифты из-за огромного разрешения монитора. 1920 пикселей ширины в 17-дюймовом мониторе это прилично. Какого чёрта Эплы, которые должны быть не чужды человечности в своих продуктах, ничего не говорят об этой проблеме, — думал я.
Ответ на мой вопрос прост: никакой проблемы мелких шрифтов в Маках просто не существует. На самом деле проблема в том, что производители ПО и сайтоделатели ещё не сообразили, что пора делать следующий скачок в размере шрифтов.
Давным-давно, когда мониторы были тяжёлыми коробками, а основным разрешением экрана было 800х600 пикселей, в сайтах были приняты более мелкие шрифты, чем сейчас. Например, так выглядел Яндекс в 2000 году. Основной размер шрифта 12 px, а мелочь написана вовсе комариными буковками:

На дворе 2012 год. Даже Самсунг уже выпустил ноутбук с разрешением экрана 1920x1080 пикселей. Вот-вот выйдет айпад с дисплеем Ретина, и страшно представить каким разрешением. Всё, новая эра уже началась, хватит тупить.
Думаю, уже в этом году Студия сделает сайт с минимальной шириной эдак пикселей 1300 и основным кеглем 14—15 px. Тогда все ребята поймут, что это окей.
Ответ на мой вопрос прост: никакой проблемы мелких шрифтов в Маках просто не существует. На самом деле проблема в том, что производители ПО и сайтоделатели ещё не сообразили, что пора делать следующий скачок в размере шрифтов.
Давным-давно, когда мониторы были тяжёлыми коробками, а основным разрешением экрана было 800х600 пикселей, в сайтах были приняты более мелкие шрифты, чем сейчас. Например, так выглядел Яндекс в 2000 году. Основной размер шрифта 12 px, а мелочь написана вовсе комариными буковками:

На дворе 2012 год. Даже Самсунг уже выпустил ноутбук с разрешением экрана 1920x1080 пикселей. Вот-вот выйдет айпад с дисплеем Ретина, и страшно представить каким разрешением. Всё, новая эра уже началась, хватит тупить.
Думаю, уже в этом году Студия сделает сайт с минимальной шириной эдак пикселей 1300 и основным кеглем 14—15 px. Тогда все ребята поймут, что это окей.
12 января 2012, 6:28
Режим многозадачности
В Бюро меня научили прогрессивному джипегу. Хоть я давно понял этот принцип, на деле очень редко получалось ему следовать. Я уходил делать сайт, а приносил артдиректору несколько готовых и совсем не готовых страниц. Это очень вредило рабочему процессу, который требует, чтобы в любой момент времени было готово абсолютно всё.
Кое-где подслушав, я обрёл способ, который позволяет за любое время выполнить любое количество задач в некоторой степени прожарки.
Фокус в том, чтобы работать как многозадачный процессор: разделить работу на отдельные задачи и выполнять их друг за другом, уделяя каждой задаче строго определённое время. Допустим, мне нужно задизайнить 6 страниц сайта за 2 часа. Я ставлю будильник на 20 минут и начинаю делать первую страницу. Как будильник прозвенит, я бросаю первую страницу, перезапускаю будильник и принимаюсь за вторую. И так по кругу, пока не выйдет всё отведённое время. В итоге у меня гарантированно будет 6 страниц, проработанных примерно одинаково. Будет, что обсудить с артдиректором.
Длительность такта процессора можно варьировать. Например, чтобы сделать правки после разговора с артдиректором, мне удобно работать по 20 минут. Чтобы придумать несколько новых страниц, 20 минут на такт может оказаться недостаточно.
Кроме гарантированного результата у метода есть полезные побочные эффекты:
Первый — обход тупиков.
Если одна из задач поставила вас в тупик, процессор не зависает. Вы обязательно прервёте такую задачу по окончании такта и отвлечётесь на другие. Тогда новые мысли в голове помогут найти решение той тупиковой задачи, которая всё ещё хранится у вас в оперативной памяти.
Второй — всегда свежий взгляд.
Возвращаясь к задаче после перерыва на другие такты, со свежим взглядом легче заметить, где и что нужно исправить.
Третий — работа не надоедает.
Регулярная сменяемость задач не даёт утомиться. Работать становится легче и веселее. Появляется ощущение, что ты всё успеваешь и вообще молодец.
Режим многозадачности применим не везде. Наверное, так совсем не получится программировать или верстать ХТМЛ.
Кое-где подслушав, я обрёл способ, который позволяет за любое время выполнить любое количество задач в некоторой степени прожарки.
Фокус в том, чтобы работать как многозадачный процессор: разделить работу на отдельные задачи и выполнять их друг за другом, уделяя каждой задаче строго определённое время. Допустим, мне нужно задизайнить 6 страниц сайта за 2 часа. Я ставлю будильник на 20 минут и начинаю делать первую страницу. Как будильник прозвенит, я бросаю первую страницу, перезапускаю будильник и принимаюсь за вторую. И так по кругу, пока не выйдет всё отведённое время. В итоге у меня гарантированно будет 6 страниц, проработанных примерно одинаково. Будет, что обсудить с артдиректором.
Длительность такта процессора можно варьировать. Например, чтобы сделать правки после разговора с артдиректором, мне удобно работать по 20 минут. Чтобы придумать несколько новых страниц, 20 минут на такт может оказаться недостаточно.
Кроме гарантированного результата у метода есть полезные побочные эффекты:
Первый — обход тупиков.
Если одна из задач поставила вас в тупик, процессор не зависает. Вы обязательно прервёте такую задачу по окончании такта и отвлечётесь на другие. Тогда новые мысли в голове помогут найти решение той тупиковой задачи, которая всё ещё хранится у вас в оперативной памяти.
Второй — всегда свежий взгляд.
Возвращаясь к задаче после перерыва на другие такты, со свежим взглядом легче заметить, где и что нужно исправить.
Третий — работа не надоедает.
Регулярная сменяемость задач не даёт утомиться. Работать становится легче и веселее. Появляется ощущение, что ты всё успеваешь и вообще молодец.
Режим многозадачности применим не везде. Наверное, так совсем не получится программировать или верстать ХТМЛ.
8 января 2012, 23:44
Революция на скриншоте
Есть хитрый приём в работе дизайнера. Я сам им пользуюсь давно, но о том, что кто-то ещё кроме меня догадался так делать, я узнал недавно.
Бывает, делаешь сайт в фотошопе, индизайне или пейнте, не важно. И в какой-то момент понимаешь, что всё не то. Тут, подвинул, там поменял местами, а всё равно не то.
Продолжать чуть-чуть двигать кнопочки бесполезно, нужна революция. В таком случае очень помогает сделать скриншот, открыть его в фотошопе и грубо двигать всё, выделяя куски марки-тулом (M). Где надо — растягивать, сжимать или красить кисточкой в зелёный. Как правило, решение находится очень быстро и легко. В конце начисто перерисовываешь всё в соответствии с эскизом.
Не знаю почему, но это работает. Видимо, так дизайнишь смелее, не боишься что-то сломать, скриншот же. И ещё не думаешь о чёткости пикселей, а только об общей конструкции.
Не пробовал, но уверен, что рекламный плакат сверстать тоже поможет.
Бывает, делаешь сайт в фотошопе, индизайне или пейнте, не важно. И в какой-то момент понимаешь, что всё не то. Тут, подвинул, там поменял местами, а всё равно не то.
Продолжать чуть-чуть двигать кнопочки бесполезно, нужна революция. В таком случае очень помогает сделать скриншот, открыть его в фотошопе и грубо двигать всё, выделяя куски марки-тулом (M). Где надо — растягивать, сжимать или красить кисточкой в зелёный. Как правило, решение находится очень быстро и легко. В конце начисто перерисовываешь всё в соответствии с эскизом.
Не знаю почему, но это работает. Видимо, так дизайнишь смелее, не боишься что-то сломать, скриншот же. И ещё не думаешь о чёткости пикселей, а только об общей конструкции.
Не пробовал, но уверен, что рекламный плакат сверстать тоже поможет.
6 января 2012, 19:34
=> Интерфейсные тени в Фотошопе
Илья Бирман пишет:
Совету про гнутый контур я давно внял, а вот на шум всегда забивал. Нет, шум клёвый, но я никогда не знал, что он бывает векторным и настраивается в свойствах слоя. Теперь буду делать шум, йе!
Настоящая тень сходит на нет неравномерно, потому что источников света много разных. Так что контур стоит немного поискажать по вкусу и до готовности...
Во-вторых, шум. Шум просто стоит добавить на уровне 2-3.31 декабря 2011, 21:46
Я вас не держу
Чтобы навязать что-то, глупые начальники и не очень эффективные менеджеры любят говорить «Кому не нравится, я вас не держу». Интересно, они когда говорят это, действительно думают, что это такая мегадипломатия? Что так предоставляют отрезвляющий выбор делать что-то или не делать?
Это ж надо! Гордо и открыто, в глаза сказать живому человеку, что ты его не держишь. Я без вариантов прочитываю это как оскорбление: «Ты нам нахер не сдался, мы тебя не ценим. Не нравится, — вообще вали». Если ты ценишь работника, неужели ты не найдёшь минутку, чтобы поговорить с ним и выяснить, в чём причина несогласия?
Уважающий себя человек не станет работать там, где его не держат. Услышав такие слова, нужно в ту же секунду уйти от начальника и поджечь купленный в кредит Форд-фокус менеджера.
Это ж надо! Гордо и открыто, в глаза сказать живому человеку, что ты его не держишь. Я без вариантов прочитываю это как оскорбление: «Ты нам нахер не сдался, мы тебя не ценим. Не нравится, — вообще вали». Если ты ценишь работника, неужели ты не найдёшь минутку, чтобы поговорить с ним и выяснить, в чём причина несогласия?
Уважающий себя человек не станет работать там, где его не держат. Услышав такие слова, нужно в ту же секунду уйти от начальника и поджечь купленный в кредит Форд-фокус менеджера.
| Заметки | ← | следующие | Ctrl | предыдущие | → |



