Антон Андрианов

Дизайнер в Интуиции. Иногда публикую заметки о работе и жизни. Написать в телеграмэлектронное письмо

Полупрозрачное подчеркивание ссылок

Не понимаю, в чем сложность для разработчиков Figma или Sketch сделать поддержку кастомизации подчеркивания. Сейчас это приходится делать через «одно место» — вручную. Хотя можно было сделать как дополнительную настройку у шрифта.

Поделюсь своим рецептом, как сделать полупрозрачное подчеркивание текста с помощью компонентов в Figma

  1. Создаем текстовый слой (T) → Создаем из него компоненту
  2. Рисуем линию (L) → Создаем из нее компоненту
  3. Дублируем компоненты текста и линии и объединяем их в новую компоненту. У меня она называется «ссылка» http://take.ms/V5hkO.
  4. В компоненте «ссылка» нужно задать поведение слоев при изменении размеров. Для текста я сделал left top, для линии left & right + bottom. Выравнивание снизу http://take.ms/QGWb4 нужно для того, чтобы если вы вдруг захотите изменить размер шрифта, положение линии менялось увеличением или уменьшением высоты компоненты.
  5. Чтобы быстро менять цвет ссылки и подчеркивания я сделал локальный стиль с нужным цветом и назначил его тексту и линии в родительских компонентах http://take.ms/BINLV.

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

Исходник в Figma для собственных экспериментов
https://www.figma.com/file/G1rP7JTfzfG8tKpXDnBOKO9g/Link-Styles-%E2%80%94-Andrianov?node-id=0%3A1

Как не делать херню и не впасть в депрессию

Понравился стендап Ильи Якямсева про выгорание, как не делать херню и не попасть в депрессию. Действующие лица — программисты, но применить это все можно на любых людей, работающих в Ай Ти.

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

Если понравится, смотрите другие видео Ильи на его канале.

Внешний монитор

С марта отказался от использования внешнего монитора для работы в пользу экрана 15″ макбука.

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

  1. Ретина. Хороший монитор с таким же мелким зерном, цветопередачей и ощущению от использования, как от ретины, стоит дорого. Выбор монитором с USB-C крайне маленький, переходники покупать — зло.
  2. Понимаю, что если опять вернусь к большому монитору, отвыкну от диагонали ноутбука и в поездках работать будет снова некомфортно.

Не знаю, на сколько меня хватит. Время покажет.

UPD. Шел 2020 год. Монитор я так и не купил.

Тайм доктор

Делюсь своим опытом ежедневного использования Тайм доктора.
Этот сервис дает понимание, сколько на какие задачи в день тратится времени.

Помогает фокусироваться
Включил таймер для задачи → выполняю. Сделал паузу → выключил таймер. Таким образом удается посчитать время, которое я трачу на работу над задачами. Если забыл включил таймер — можно добавить время вручную. Всё просто и понятно.

Переносит в прошлое
Сейчас нет проблемы с вопросами «Антон, а что ты делал в среду?». Легко возвращаюсь в любой день и смотрю над какой задачей и сколько времени работал. Составлять недельные или месячные отчеты о сделанных задачах приносит удовольствие.

Интегрируется с сервисами
Тайм доктор синхронизируется с Jira, Trello и другими сервисами.

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

Одна задача на весь день — скучно

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

К середине рабочего дня это несколько надоедает. Чтобы не было скучно, я добавляю в список задач какую-нибудь мелочь, например, «загрузить в админку иконки для разделов» или «разработать серию превью хайлайтов для инстаграма».

Такой прием разбавляет рутину и не дает заскучать.

Как добавить собственный знак рубля в шрифт

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

Чтобы добавить собственный знак рубля в шрифт

  1. Скачиваем FontForge https://fontforge.github.io/en-US/downloads/
  2. Создаем папку и скопировать шрифт, с которым будете далее работать. Для удобства референты я кладу в папку /base/
  3. Открываем в FontForge нужный шрифт
  4. Нажимаем сочетание клавиш OPTION + Р
  5. Выделится пустой знак → Заходим в него → Пишем кириллическую «Р» → Рисуем дополнительные формы, чтобы получился знак рубля ₽
  6. Экспортируем получившееся начертание шрифта File → Export
  7. Удаляем старый шрифт из системы, устанавливаем новый.
  8. Enjoy.

Для разных начертаний, если нужно, повторить.

Знаешь иной, более простой способ? Поделись в комментариях.

Каналы в Телеграме теперь не отвлекают

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

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

Теперь я читаю любимые каналы в удобное мне время.

У меня телефон на Android с поддержкой двух симкарт. Есть ли возможность добавить второй аккаунт на iPhone — не знаю. Не могу проверить.