50 заметок с тегом

дизайн

Кодельновский стандарт именования файлов

Это такая специальная заметка, в которой я рассказываю о том, как назвать файл так, чтобы я не злился и чтобы на него потом было удобно ссылаться. Это справедливо для джипегов, которые утверждаются у арт-директора и показываются клиенту. Скетч-файлы называются просто project.sketch, а всё разделение на страницы и версии — внутри файла (есть исключения, но они пока не важны).

Смотрите, тут всё просто:

Дата. День и месяц показа. Если это будет день создания файла — всё нафиг запутается.

Проект. Общепринятое название проекта — как чатик к Слэке.

Часть. Страница или важное состояние. Важное состояние — это, например, попап, который блокирует экран. А открытый дропдаун — неважное, такое мы маркируем модификатором.

Модификатор. Все части названия отделяются дефисом, а модификатор (по аналогии с БЭМом) — двумя подчёркиваниями. Используется, чтобы показать состояние или, что бывает чаще, вариант существующей страницы.

Номер подхода к снаряду. Не всё получается сдать сразу: 2503-kadet-main.png, 2503-kadet-main-2.png, 2503-kadet-main-3.png.

Закрепим:
— Вот поиск: 1801-bilux-search.png
— Ага. А выдачу без результатов дорисуй?
1801-bilux-search__empty.png
— Пасиб

— Вик, цитаты вместе со всем остальным покажешь?
— На: 2102-nen-article-4.png
— <3

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

Конспект лекции Быстроновского об интересе и важности

Лекция была полтора года назад, я ходил в черновик всё это время, чё-то там помечал и дописывал — и мучал бы его дальше, но через несколько дней буду в Минске снова на Людвиге, так что пора освободить место для нового бесконечного черновика.

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

«Интерес и важность», 22—23 августа 2015, Москва

«Закрой ноут и слушай папу», — Лев Пикалёв

Вероятность удачи у всех одинаковая. Если две работы в год — то удача может посетить, а может и нет. А если делать дофига проектов, то удача ловится проще.

Чтобы научиться делать — надо просто делать.

Но есть ребята, которые много делают, но не становятся молодцами.

Баскетбол (не смотри на мяч). Знания о дизайне (очень быстро стухают, кроме знания о теле человека — сначала оно, потом РГБ). Дизайн (как выделить чувака на площади — пусть просто все от него на 50 метров отойдут). Переговоры ( — А что важное? — А мы про это не думали). Бюджет (сберегать немного денег каждую неделю, чтобы через какое-то время оставалось на то, что не очень горит). Время (самое важное для менеджера — ясная голова, надо смотреть не на мяч, а на площадку).

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

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

Враг шума — ритм. Отстукивание ритма в мире шума.

Макдональдс — мир чеклистов. Это круто — в аэропорту, ВПП. Но есть противоположная система — ручной режим. Нужно брать на работу тех, кто не может пройти мимо девяти бокалов, два из которых стоят криво.

Но отстукивать можно по-разному и слушать тоже. Кто-то хуёво стучит. Ритм иногда плохо доходит до людей. Нормальная тема недостаточно хорошо артикулирована.

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

Шум размывает всё. Прочёл книгу — через год не помнишь нихера. Нужно перечитывать ещё раз, по разу в год — отстукивать ритм.

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

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

Работа руководителя — отбивать ритм, а не создавать шум.

Но тут раз, блять, и Игра престолов на всю ночь, сезон. Чего-то не хватает. В игру вступает интерес. Нужно, чтобы проекты было интересно делать. Если участвовать в какой-то деятельности, которая неинтересна, надо понимать, что это сольётся. Обычно не учитывается интерес команды, которая будет делать проект. Это проёб.

— А что переделать, чтобы стало интересно? А что тебе обычно интересно?

Нужно найти своё топливо. На топливе, полученном за три охуенных дня можно прожить четыре-пять недель. Делают, не для того, чтобы в портфолио была карточка, а по какаой-то личной причине, чтобы в процессе что-то получить. Интерес может возникнуть и без какой-то «фишки».

Интерес — очень ценный ресурс. Навязать интерес нельзя. Нужно, чтобы людям было интересно вместе со мной работать. Интерес связан с подкреплениями и победой. Внезапные наказания убивают волю, интерес и желание жить. Как только в системе появляется интерес, она становится осмысленной. Умирает интерес — важность идёт под откос. Надо всё переформатировать и перезапускать. Задача вывести из зоны комфорта — тупая. Надо вывести куда-то.

Книга «Поток».

Держат ли людей на работе деньги? Нет. Только тех, кого прут деньги.

Интерес можно создать ограничением. Ограничения нужны, чтобы человек не развратился и что-то сделал.

В мире без целей можно жить в танце. Просто нравится. Нравится танцевать дизайн. В танце цели не ставятся, правил нет.

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

Важность уступает интересу. Шум, ритм, важность, интерес — система. Цели и танец — личные штуки, чтобы было хорошо.

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

Похуизм — не делиться сомнениями.

Официальное образование нужно для уверенности. Разница между образования с бумажкой и любого другого — в голове студента.

Задача артдира — поощрять дизайнера продолжать придумывать странное. Важно уметь поддувать костёр интереса. Сарказм, высмеивание и подтрунивание не работают. Мутационный идеемёт. Задача на пределе выполнения, но выполнимая.

Забыть упомянуть человека — пиздец. Дизайнеру важно не то, что нашлось решение, а то, что его нашёл он

Обязанность старшего в конторе — не пускать мудаков.

Тех, кто наводит шум и свои другие ценности — не важны скиллы, профессионализм и другое. А то наведут шизофрению.

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

Для Людвига самый важный проект — /e/ в урле студии вместо и вместе с /everything/. Лебедев делает дизайн из умения раскладывать по полочкам. Людвиг делает дизайн из рефлексии.

Как сделать сайт бара «Ельцин» охуенным

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

Часть кранов постоянно меняется: было бы круто заранее знать, появилось ли что-то интересное на пробу или клёвое пиво, пропавшее три недели назад. Хочется, чтобы напротив доски висела камера и вещала на сайт. А плееру не помешает добавить шазамности:

— О, там шоколадный стаут появился, пошли в бар?

2016   бар   видео   город   дизайн   сайт   совет

Гданьск в ноябре 2016

Это рассказ и фотки о том, что было бы, восстанови Кёнигсберг не рукожопы, а более-менее нормальные люди. Центр Гданьска (Данцига) был так же разрушен почти полностью, но в пятидесятые-шестидесятые вполне прилично восстановлен.

Необходимая ремарка: в городе не замечено ни одного вейпшопа или вейпера. Наверное, это что-то говорит о месте. Или не говорит.

В целом чё-то такое:

Современные здания в центре пытаются не сильно выделяться:

Знаки, таблички и люки:

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

Два раза надо пройти 120 ступенек по вот такой вот жести, шириной в полтора человека (не считая основной большой лестницы). Ужас клаустрофоба:

Сверху хорошо видно, где заканчивается ровный восстановленный центр и где начинается унылое что-то (назовём это Калининградом):

Есть «Европейский центр солидарности», он хороший:

Больше всего понравилась панель с фотографиями убитых милицией людей, закрытая толстыми деревянными крышками. Чтобы посмотреть, прилагаешь усилие:

Идёт год божьего милосердия. В следующем году бог милосерден не будет, сорян:

Весь русский текст (его буквально два с половиной слова на весь город) написан почему-то Комик-сансом:

Если немного отойти от центра, начинается разруха и уныние:

Ночью очень мило:

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

Сразу в среде

Раньше я рисовал макеты на чистом скетчевском листе. Это мешало показывать их в любой момент: приходилось в спешке вставлять джипег в обложку браузера, подгонять размер (по пути всё могло сломаться или я забывал поменять адрес сайта).

Потом придумал рисовать сразу в сафари или в айфоне.

А на позапрошлой неделе додумался поставить на фон маковскую завставку — и наконец-то избавился от ощущения, что делаю что-то стерильное в вакууме.

Шаблон для нового проекта:

Расскажите о секрете друзьям и своей маме.


Файл обновился 20 октября
Костя Терещенков сделал браузер резиновым

2016   браузер   дизайн   наблюдение   работа

Прогрессбар в макете

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

Для разработчика — маленький ад. Сущностей много, легко запутаться, что-то потерять, о чем-то подумать, что сделал, а на самом деле не сделать, забыть поменять картинки или текст.

Когда начинал верстать, нарисовал себе рядом с макетом упрощённую схему:

Она помогла запомнить макет, уже неплохо.

Добавим информативности:

Светлозелёные куски теперь показывают на этажи, которые я уже сверстал. Если этаж повторяется — закрашиваются все дубликаты. А тёмные прямоугольники показывают на этажи, в которые я успел написать настоящий текст и положить правильные картикни — они готовы к выпуску. Двойной индикатор прогресса такой.

Пользуйтесь на здоровье.

Как показывать скриншоты и макеты

Илья пишет:

Я больше всего люблю Дроплер и пользуюсь только им. Ещё хорошо себя ведёт Кибако. В крайнем случае можно Гязу — она хоть и с рекламой, но картинку даёт увидеть.

Пипец, как можно было обойти вниманием Моноснеп?

Короче, щас научу вас. Проблема Дроплера и остальных — интерфейс, он зачем-то есть. Там можно дать ссылку на какую-то страницу, куда вставлена картинка. От этого все страдания. А надо показывать только картинку:

http://share.straykov.ru/20170221021005.jpg

Моноснепу нужен доступ к серверу:

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

На здоровье.

2016   веб   дизайн   интерфейс   работа   совет

Синявинское козье молоко

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

Гляньте:

Посёлок Синявино Калининградской области, июнь 2016
2016   дизайн   наблюдение   фото

Самое ужасное место Эпл-музыки

Постоянно пользуюсь поиском в Айтюнсе: в основном по всей эпл-музыке, в своих сохранённых ищу редко. А ещё я слушаю музыку примерно одинаково много на айфоне и маке. И несколько раз в день поисковые запросы уходят в никуда из-за одного маленького вредного говна. Смотрите.

На маке:

В айфоне:

Какого, блин, фига эти табы бегают туда-сюда — решительно не ясно.

2016   apple   дизайн   интерфейс   музыка

Корпоративная версия Телеграма

Мечтаю, что у меня в доке появится оранжевая иконка приложения «Телеграм Кодельной».

Корпоративная версия Телеграма должна работать как Слэк: отдельные чаты — это комнаты. Добавление новых людей в корпверсию должно быть таким же простым, как и в обычную. А ещё у всех Телеграм привязан к номеру телефона, так что круто было бы уметь как-то звонить прямо из чата.

Кстати, чтобы два раза не вставать. В обычной версии Телеги личные сообщения, чаты и (прости господи) каналы нужно как-то разделить, а то чё-то помойка.

Ctrl + ↓ Ранее