(продолжение)
Кажется, мы с вами решаем разные задачи. Есть ощущение, что вы хотите эффективно собирать макеты, эффективно обсуждать, менять и согласовывать макеты, и когда вы пытаетесь делать это кодом, вам медленно.
А я хочу как можно эффективнее запиливать продукт. Я вообще не хочу макеты, понимаете?
Наверное, нужно сделать несколько оговорок:
1. Я рисовал эти макеты много лет, и у меня в голове уже сидит куча паттернов проектирования, я их прямо по памяти воспроизвожу.
2. Я почти не занимался сложными штуковинами, я (если упростить) постоянно фигачу какие-то «сраные лендинги» (создаю нарративы и онлайн-сми). Я в основном дизайню контент.
(2а. Тем не менее, если надо придумывать сложную штуковину, я тем более пойду писать код, просто это будет JS, и это сразу будет командное; об этой разнице есть сноска в тексте перед курсом.)
3. Когда я делаю что-то для клиентов, я всё равно этим «владею». Я не спрашиваю, какой взять шрифт или какая структура оптимальна, я сам это понимаю.
4. Я работаю с людьми — дизайнерами, редакторами, менеджерами — которые сначала верят, а потом осознают, как удобно пушить коммиты и как (на контрасте) неудобно возиться с графическими средами. Сначала требуется прыжок веры, потом приходит кайф.
В общем, я не говорю, что для узкой роли «дизайнер» писать код — это оптимальный способ выполнить свою работу. Я говорю, что для более широкой роли «создатель продукта» это оптимальный способ.
Потому что «продукт» это очень про контент, про реальные данные, очень про ощущения. И вообще не про картинки. Иногда удобнее что-то порисовать, но скорее отдельные кусочки. А сборка — в коде, в репозитории, в реальной среде.
В прошлый раз вам так понравились Новасти, что мы не можем не опубликовать второй выпуск.
00:10 «Централ Партнершип» обновил лого
02:47 Figma и Work Louder выпустили клавиатуру
03:41 Tesla представила робота-гуманоида
04:31 Судьям разрешили использовать нейросети
07:23 Фанаты Hienz делают татуировки
08:14 «Плюс дача»
08:36 Биологические эмодзи искажают представление о природе
11:00 Фильм по Death Stranding
12:47 Видеоитоги ВК
13:06 Предзаказ Вкусвилла
13:29 Ковры Яндекса
16:14 Disney лишится прав на Микки Мауса
17:00 Инструмент для кастомизации яндекс-карт
17:35 «Яндекс Плюс» и Slava предложили «добавочку»
18:34 Нейро-Жириновский
18:43 МТС 30 лет
20:26 Яндекс и Сеченовский университет запустили платформу
21:51 Сумочка Кнорр
22:45 Феникса над Нотр-дамом
25:40 Домашний гравировальный станок Xiaomi
26:40 Астон Мартин и Порше внедрят Карплей
29:36 Продажи Vision Pro стартуют в феврале
30:47 Narrators и «Пульс» предложили поддержать бездомных животных с помощью кофе
32:35 Microsoft купила тыквенную ферму
Поздравляем с наступающим Новым годом! 🎄
Мы уходим на каникулы, стругать оливье и мысленно готовиться к новым свершениям в новом году.
Доделали этот микрошрифт и готовы дать его в пользование в личных некоммерческих целях на Новый год, пишите в комменты, вышлем файл. Есть только русский алфавит, цифры и немножко кернинга.
Итак, продолжим разговор о курсе «Как дизайнить кодом вместо Фигмы».
https://intuition.news/ru/how-to-design-with-code
Во-первых, вот тут в личном канале есть очень личный текст об отношении к вопросу (и там ещё анекдот). И прекрасная дискуссия в комментариях, которая многое объясняет.
Во-вторых, вот чего не будет и вот что будет на этом курсе.
Чего не будет
1. Не будет основ программирования и вообще программирования. Вообще, когда делаешь веб-странички своими руками, элементы программирования могут использоваться, но мы туда не пойдём, сосредоточимся на HTML-CSS, без JS.
2. Не появится моментального навыка быстро дизайнить кодом. После курса вы всё ещё будете делать это невыносимо медленно, тут уж ничего не поделаешь.
Что будет
3. Должно появиться понимание, как устроена вёрстка в браузере. Это довольно специфичное знание, его сложно получить интуитивно, потому что это ни на что другое не похоже. Вот этому мы и посвятим время — пониманию особенностей.
После этого можно дизайнить не буквально через процесс написание кода, а, например, в Вебфлоу. Вебфлоу — это конструктор сайтов, но он не похож на Тильду или Редимаг, он больше похож на графический интерфейс для HTML-CSS (именно поэтому он такой гибкий и удобный). И если не понимать особенности, Вебфлоу кажется странным, а если понимать — может стать незаменимым.
4. Должно появиться понимание более строгой логики, которая нужна, чтобы заставить компьютер сделать что угодно. А оттуда уже можно в программирование. Есть два сравнительно простых способа начать программировать: первый это Питон — скачиваем, устанавливаем, пишем «Hello world» и начинаем учиться по учебникам, видосам или как угодно; второй это JavaScript, для него не нужно ничего скачивать, он выполняется в браузере, и сильно связано с вёрсткой страниц, поэтому первым шагом к JS можно считать основы веб-вёрстки.
Решайтесь 🙂
(А завтра будет пост не про рекламу. Хотя нет, как сказать. Ну посмотрим.)
Всем привет! Это Женя Арутюнов, в эфире выпуск новостей.
Предыдущие выпуски: 11 февраля про книгу «Сложный дизайнер» • 13 марта про консультации для всех • 9 апреля: канал «Женя Арутюнов» • 13 мая: с нами Маша Троицкая • 13 июня: знакомимся с читателями, чтобы работать и дружить • 15 июля: купите книгу! • 20 августа: купите книгу! • 17 сентября: автобиография Жени • 10 октября: мы больше не пишем каждый день
Прошло три месяца, вышло пять постов. Не знаю как вам, а мне очень понравилось не писать в канал. Я бесконечно благодарен себе, что вовремя поймал ощущение «уже почти ненавижу это дерьмо», дёрнул стоп-кранчик, поберёг себя, и вас предупредил (а не как это делается обычно). (А до этого я был очень доволен, что удаётся писать каждый обещанный день, а не как обычно. Всё это какой-то триумф воли, ю ноу. Я хвастаюсь не ради себя, а чтобы сказать вам: всё это возможно, вы можете делать вещи и беречь себя, одновременно. Ну или ок, не одновременно, а по очереди :—)
Если вдруг вам интересно, чем я занимался в течение этих трёх месяцев, то вот чем (видите, ли, одни голоса внутри заставляют оправдываться, что мол не сидел сложа руки; другие голоса постоянно заставляют хвастаться, и нет ни одного голоса, который сказал бы «просто заткнись», поэтому расскажу):
— первым делом я вернулся в Ростов-на-Дону, в квартиру, которую мы недавно купили и в которой я не жил до этого ни дня; вроде и вернулся домой, а вроде и попал в какую-то новую штуку, необычно, постарался адаптироваться и настроить режим;
— потом я поехал на гастроли — лекция в Москве, встречи с читателями в Екб и в Питере, Дизайн-просмотр в Питере, встреча с читателями в Ростове;
— сразу после этого мы сняли небольшой ролик с примерно тем же рассказом, который я толкал на встречах, чтобы «встретиться» с читателями, которые не смогли прийти; ролик ещё монтируется;
— (всё это время мы очень много работали, не буду об этом, там всё супер-интересное, но требует отдельного подхода, дойдём однажды);
— где-то в это же время я запустил процесс формирования, инициализации, осмысления новой версии Интуиции, новой команды, структуры, об этом тоже будет инфа, пока что мы много разговариваем, а вот как будут дела, так будет и инфа;
— где-то в этой же время я подготовил курс про дизайн кодом; точнее курс у меня в голове довольно давно уже готов, я же вёл его два раза, а подготовил я новый лендос; в ближайшие дни будет запуск, как только починим пару известных багов с оплатой;
— мы получили испанскую диджитал-номад-визу, и в ноябре мы поехали сначала в Москву, потом в Питер, потом через Стамбул в Барселону, оттуда в тщательно выбранный нами Сан-Себастьян, с чемоданами, с котом — и вот уже неделю мы тут, адаптируемся, ищем жильё, и вроде даже нашли.
Ну и конечно же за это время накопилось всякое, что хочется показать и о чём хочется рассказать, но наладить регулярный процесс публикации пока что не получается.
Тем не менее, в ближайшие пару недель я хаотично вывалю на вас некоторое количество инфы — про генератор картинок, который не нейросеть, а алгоритм; про «Новасти»; про курс задизайнивания кодом; про Школу Интуиции, ну и мейби что-то красивое или некрасивое.
В общем, до конца декабря будет всё вперемешку, а дальше поглядим.
А у вас как дела?
Объявление.
Женя А.:
Ребята из Питера!
У кого есть макбук свободный? На подмену, на несколько дней, поработать.
Это не лично мне, а моей дизайнерке, очень аккуратной и надёжной (да, она разлила на свой ноутбук чай, но после такого обычно пару лет ничего не разливаешь, так что успеем вернуть в целости).
Напишите в личку, пжлст: @nfrjtdjnbvz
(Если у вас нет макбука, но вы знаете, где и как его арендовать за деньги — с благодарностью примем советы в каментах.)
(Айфоника, прости, мы пошутили, дай ноутбук?)
Табличка в Кисловодске
Женя В.:
Это красиво. И жизненно.
Здесь столкнулись: данные, реализация и сам дизайн. Название улицы длинное, а знак узкий. Но, может, хочется, чтобы было необычно — не как у соседа. И всё одинаково важно.
Затем табличка встаёт в ворота и живёт в своей реальности. Выделяется цветом на фоне красных ворот. Узенькая такая, аккуратненькая.
Можно, конечно, удлинить табличку. Или вынуть из неё иконки. Да и текст можно выбрать другой. Функция знака первична же. Но тогда это будет просто знак, прям как у соседа.
Станция Národní třída
Юра Ш.:
Заморочились с мелочами, получилось красиво.
Чтобы сделать красоту, можно, например, придумать сетку и всё по ней расставить. Архитекторы в метро «разлиновали» стену при помощи панелей. Скорее всего размер подбирали под шрифт — буквы в метро везде одинаковой высоты.
Затем придумали правило, что каждая буква займет свою полоску и встанет по центру. И тут наступает время для хитрости! Буквы «Í» и «Т» оставляют вокруг себя много свободного места. Ленивый дизайнер добавил бы еще панельку и сказал, что дело сделано. Но только не наши замороченные ребята. Они аккуратно спрятали пробел в букве «Í» сместив её влево. И сохранили ритм надписи и красоту.
Если не разглядывать долго, то не сразу замечаешь, как нарушаются правила этой сетки.
Кроме этого есть у надписи есть еще несколько приятных мелочей: блики от вывесок на стекле, тени, брусковый шрифт и объемные буквы из металла.
Как сказали бы чехи — крáса!
Всем привет! Это Женя Арутюнов. Ровно девять месяцев я начал писать в этот канал, а сегодня в эфире ежемесячный выпуск новостей.
Предыдущие выпуски: 11 февраля про книгу «Сложный дизайнер» • 13 марта про консультации для всех • 9 апреля: канал «Женя Арутюнов» • 13 мая: с нами Маша Троицкая • 13 июня: знакомимся с читателями, чтобы работать и дружить • 15 июля: купите книгу! • 20 августа: купите книгу! • 17 сентября: автобиография Жени
Сегодня у нас реально новость. И я не уверен, что она вам понравится! Вот она:
Мы больше не будем писать каждый день.
А будем писать, когда захочется. (Вероятно, реже, чем раз в день.) Собственно, Маша и Маша всегда так и делали, а коммитмент ежедневности был только у меня. Теперь я его с себя снимаю и тоже пишу по настроению. (Наверняка сначала будет большая пауза, а потом настроится какой-то ритм, ну или аритмия.)
А всякая реклама своих штуковин, новости проектов и кто знает что ещё — всё это никуда не денется.
— Но... почему?
Дело в том, что все эти девять месяцев я писал в канал первым делом, с утра. Я не запасал заметки, а писал и публиковал сразу — так интереснее. Если заметка выходила вечером (вот как в последние два месяца часто бывало), это значит мой день сломался и всё пошло не по плану (да, вот такие были эти месяцы).
Так вот, мне нужно утреннее время для другого. Это другое — оно тоже для вас, и я надеюсь, оно вам понравится. Я уже говорил, что собираюсь делать курс про дизайн кодом — всё в силе, буду делать. Ещё я писал в начале года, что Интуиция больше не дизайн-бюро, а дизайн-медиа — но где публикации? Нету. Вот такими вещами я планирую заниматься. По сути то же самое, некая общественно полезная деятельность про дизайн.
— Но мы подписались на канал ради ежедневности!
Во-первых, спасибо, что подписались. Во-вторых, если вы подписались только ради ежедневности — наверное, логичным шагом будет отписаться. Мы не обидимся! Да может и обидимся, но что делать-то.
— Как же я буду тренировать насмотренность?!
Оу. У меня для вас ещё одна неприятная новость. К сожалению, всё это время мы не тренировали вашу насмотренность. Реклама врала. Всё это время вы потребляли развлекательный контент. Был ли он полезным? Только для тех, кто что-то с ним делал. Никогда не поздно начать!
— А как тренировать насмотренность?
Во-первых, надо не читать канал с рецензиями, а вести такой канал. Наблюдайте, делитесь наблюдениями. Пробуйте понять, что вы увидели, что почувствовали, и почему оно такое или не такое. Чтобы написать рецензию, надо посмотреть намного внимательнее, чем просто посмотреть.
Во-вторых, копируйте дизайн. Копируйте один-в-один. Копируйте с переводом на другой язык, чтобы посложнее. Копирование заставляет смотреть ещё внимательнее.
Если насмотренность и существует, то вот так вы её тренируете.
— Но мы уже привыкли и жить не можем без вас!
А мы никуда и не уходим.
На этой неделе мы увидели:
• туалетнобумажный стиль
• окно в мечту
• движение в будущее
• симпатично-закрытые плакаты
• небоскрёбный взгляд
Учебные плакаты
Тайная Маша:
Это нормально. Качественная фотка и модные шрифты, которые как ни поставь — будет ок.
Другое дело — внимательность к деталям и понимание, для чего эти плакаты нужны. Сейчас тут нет логической структуры и иерархии. Это плакат для своих — для тех, кто сможет сразу взглядом выцепить имена любимых артистов и примчаться на ивент в любое время. Для остальных — нечитабельно.
Короче, симпатичная картинка для закрытого комьюнити!
Я должен был начать искать этого человека много лет назад! Но решился только сейчас.
Ищу автора текстов, чтобы вместе писать больше хороших текстов. Вот тут подробности: https://arutyunov.info/ru/jobs/text-writer
Если у вас есть любимый автор, покажите ему, пжлст. Если ваш любимый автор это вы — тоже пойму.
Буду ждать.
(Женя А.)
Через час начинаем первый урок. Если вы отложили решение то вот, пора. (На самом деле можно и потом, всё будет в записи, просто потом чуть дороже, а сейчас чуть веселее.)
Выше в каментах ребята очень серьёзно обсудили, насколько полезно вообще дизайнерам писать код. (Спасибо вам за это.) Но мейби надо задаться другим вопросом: насколько это вообще по фану?
Мой ответ: да максимально! Ну, это не про восторг и моментальное счастье, нет. Это про ковыряние в конструкторе, про любопытство и удовлетворение — типа чё-то делаешь а оно получается. Мне нравится.
https://intuition.news/ru/how-to-design-with-code
(С Новым годом. Вы как вообще?)
Ещё пара слов про курс «Как дизайнить кодом вместо Фигмы»»
Хочу ответить на некоторые ваши самые вдумчивые каменты (здесь и здесь)
Фигма в названии курса упоминается чисто ради скандальности. И ради более ёмкого описания целевой аудитории. На самом деле код совершенно не вместо Фигмы.
Если рассматривать дизайн кодом как альтернативный способ создавать изобразения — то код сильно хуже. Изображения удобнее создавать в графических средах.
Ну и мой ответ ребятам, которые знают хтмл, но в Фигме быстрее: нет, мой курс не ускорит вас. Там будут основы, которые вы знаете.
Вслед за Пиксельсортом вашему вниманию предлагается ещё одна крутейшая штуковина:
https://hayabuzo.github.io/mIRO/
Надо дать доступ к камере, тогда всё делается. Подробный рассказ: https://www.behance.net/gallery/152769473/Generative-Photography
Красиво, изобретательно, лайк.
Присылайте ваши арты!
Сетка выпустила Пиксельсорт
Можно делать очень красиво!
Вот здесь: https://setka.design/pixelsort
Присылайте ваши арты! И расскажите друзьям, расшарьте в своих каналах, потому что тема реально прикольная.
Ладно, некогда объяснять, вот долгожданный курс.
https://intuition.news/ru/how-to-design-with-code
Конечно же, будут отдельные посты с подробностями:
— какое-то объяснение, зачем это вам
— о способе подарить курс на Новый Год
— о способе купить курс за доллары
— о единственном шансе поучаствовать вживую в онлайне на праздниках
— и всякие другие запрещённые дарк паттерны, нейромаркетинг и продающий сторителлинг, который вы так любите.
А пока просто посмотрите страничку.
При любых проблемах с оплатой или доступом смело пишите в личку или почтой: e@intuition.team. Да или просто в каменты.
Сегодня у нас в канале — пилотный выпуск Новастей!
Новасти выпускает Никита Нова. Можно смотреть прямо здесь или на Ютюбе. И писать каменты тож.
00:14 Ребрендинг Яндекс Музыки
03:35 Первый выпуск Кибертраков
09:00 Кастомизация Телеграма и экономика будущего
13:31 Голос Юрия Левитана
14:36 Тупая умная камера Тинькофф
15:23 Спотифай уволил 20% сотрудников
15:51 Умный кабинет Технопарка и Яндекса
17:35 МТС тестирует NUUM
17:43 Как ИИ повлияет на карьеру дизайнеров?
19:27 Новые часы Браун
20:10 Алиса с YandexGPT-2
21:06 Цвет года по версии Пантон
21:25 Собака для одиноких космонавтов
23:21 Новый концепт Магнита
24:53 ВкусВилл выпустил мерч
Давно не было обзоров, где все слали дизайны и просили оценить 🥹
Вот решила поделиться. Что думаете?
Это израильский логотип фирмы доставки
Название переводится буквально как "доставка"😅
Мне лично нравится, как похожи по стилистике коробочка и шрифт названия.
Оформление и подача ночной маски Shiseido Yuzu-C
Маша Т.:
Это красиво: и внешняя коробка, и банка, и сам крем.
Потому что это очень хорошо срежиссировано. Дизайн коробки — увертюра к тому, что нас ждёт внутри банки, а это элегантно. Сама банка решена скромно: природные цвета, натуральные текстуры и матовый пластик. Это очень по-шисейдовски и это очень уважительно по отношению к интерьеру, где банка будет стоять. Но это не особенно празднично, а от дорого крема мы всё-таки ждём какой-то весёлости.
Поэтому праздник здесь добавлен в путь, который покупатель проходит по мере знакомства с продуктом: яркая коробка → минималистичная банка → праздничный вид самого крема. И невозможно не отметить, как классно картонная коробка передаёт и запах, и текстуру продукта. И впечталения от коробки хватает до того момента пока мы не откроем банку, и не почуствуем по-настоящему, что крем лёгкий, свежий и кисловатый.
Тонко, но вау.
Магазин «Айфоника», ТЦ «Ереван Плаза», метро Тульская, Москва
Женя А.:
Обескураживающе нелепая история: господа айфонщики догадались самостоятельно поработать над русскими эпловскими позиционирующими слоганами продуктов. Потому что на сайте по-русски только поддержка, а дух бренда (в каком-то собственном понимании) поддержать хочется.
Вот что получилось:
— Эйрподс: только послушай (расхожая фраза вроде бы получает второй смысл ничоси!)
— Эпл Вотч: лучшее время (тут вроде бы тоже, но только если получится уловить первый)
— Макбук Про: разрушитель границ (тут про смыслы лучше даже не начинать 🤦).
Успокаивает только одно, что Айфоника одна такая. Хорошо, что одна.
Фирменный рюкзак, который точно поместится в ручную кладь
Женя А.:
Это остроумно. И максимально по бренду, раскрывает его ценности: «имитировать, но не проявлять заботу».
Заботой было бы объяснить смысл ограничений и подталкивать людей заранее проверять габариты (если время есть, почти всегда можно переупаковаться плотнее).
Главный разрыв в том, что у часто летающих пассажиров и так всё всегда помещается. В неприятные ситуации попадают все остальные. Именно им нужна забота, именно они никогда в жизни не купят этот рюкзак.
Это разрыв легко объяснить злым умыслом: зачем заботиться о людях, если можно забрать у них деньги за внезапный вынужденный багаж.
Или профдеформацией: когда работаешь в крупном бренде, легко забыть, что у людей своя жизнь, свои проблемы и свои рюкзаки. Кажется, что перед поездкой они только о тебе и думают — как бы пройти регистрацию с чёртовой коробочкой. Если так, то почему бы и не серо-голубой рюкзак в форме куба.
Этот уродец действительно хорош. Но только для Победы.
Это сегодня!
Ростов-на-Дону, Место, 19:00
Если вы не были в Месте: вход с Горького, но не прямо с улицы, а через двор, по наружней лестнице на третий этаж, и там сразу же слева чёрная стеклянная дверь (вывески у коворкинга нет). Если заблудитесь, пишите мне в личку, помогу найти: /channel/nfrjtdjnbvz
Если хотите автограф, приходите со своей книжечкой, потому что именно сегодня на встрече купить книгу не получится. У меня будет одна, в руках подержать без проблем, а продавать не можем. (Купить можно вот такими способами. В Ростове в офлайне, увы, кажется, нигде её нет.)
До встречи! 🙂
Урна в парке в Тбилиси
Маша Т.:
Это очень красиво
Потому что это пример гениальной работы в обыкновенных условиях. Не было же никакой необходимости добавлять урне душу и личность, а вот сделали. Мы можем только гадать, что послужило толчком к рождению этого объекта. Либо урна изначально был вот такой формы и кто-то разглядел в ней джентельмена (самый красивый вариант легенды). Либо к ней приварили пару деталей для чего-то, а потом решили вот так вот покрасить (менее красивый вариант). Не важно!
Главное, что теперь в этого сэра хочется загрузить весь свой мусор, а заодно и мусор соседа. И образ получился такой молчаливый, заботливый и покорный. Да, эта урна не станет стыдить за то, что ты кидаешь окурок мимо, но тебе и самому при ней будет совестно себя так вести. Это пример запредельно трогательного очеловечивания.
Это Валли, которого мы заслужили.
Постер в московском метро
Женя А.:
Ужасненький.
Самая жопа тут с буквой М, которая логотип метро. Так нельзя. Так нельзя. Так нельзя. Почему нельзя? Ну просто нельзя и всё, ок? Вот почему.
Идём дальше. Ленточки, сразу три вида: плоско-ровные, плоско-волнистые и объёмно-загнутые. Если и нужны вообще ленточки, то надо выбрать что-то одно.
Центральная выключка. Хороша в двух случаях: 1) у вас заголовок по центру, а дальше всё выравнивается не по центру, а по сетке, с левым флагом, 2) у вас одно или два предложения, они короткие, и больше в макете ничего нет. (Если макет состоит из кучи отдельных модулей, это применимо к отдельному модулю тоже.) Для остальных случаев центральная выключка не подходит.
(Вход в эту дизайно-верстальную науку тоже свободный, приходите всей семьёй, тут норм.)