Найти в Дзене

С Кубком по фехтованию в Питере в июне я пролетаю. Первые шаги в дизайне интерфесов в Figma

Всем привет! У нас солнце и тепло вернулось в Подмосковье. Наконец! Мне уже не по кайфу было вторую неделю в зимнем свитере по квартире ходить. Причем, на улице как обычно теплее, чем дома. И вот ты выходишь такая красивая-замерзшая на свет Божий и чувствуешь себя одичалой, которая увидела мир по ту сторону от Стены. Но это шуточки. А вот простуда - нет. Вообще, меня крайне опечаливает человеческий запас сил. Ты либо продуктивный, либо - высыпаешься. И делай с этим, что хочешь. Ииии! Май - это супер классный месяц! У нас Дни Рождения практически друг за другом идут, и семейные и у друзей. Тельцы и Близнецы красавчики, короче :) Дни проходят крайне приятно и с абсолютно неимоверной скоростью. В четверг на тренировке обсуждали поездку в Питер в июне на "Кубок Санкт-Петербург-25" по фехтованию на рапирах среди ветеранов. Там первый день - личные соревнования, второй - командные. В субботу утром поприкидывала, сколько выйдет по деньгам поездка дней на 5. Покрутила и так и этак, чтобы и

Всем привет!

У нас солнце и тепло вернулось в Подмосковье. Наконец! Мне уже не по кайфу было вторую неделю в зимнем свитере по квартире ходить. Причем, на улице как обычно теплее, чем дома. И вот ты выходишь такая красивая-замерзшая на свет Божий и чувствуешь себя одичалой, которая увидела мир по ту сторону от Стены. Но это шуточки. А вот простуда - нет.

Фото из открытых источников
Фото из открытых источников

Вообще, меня крайне опечаливает человеческий запас сил. Ты либо продуктивный, либо - высыпаешься. И делай с этим, что хочешь.

Ииии! Май - это супер классный месяц! У нас Дни Рождения практически друг за другом идут, и семейные и у друзей. Тельцы и Близнецы красавчики, короче :)

Дни проходят крайне приятно и с абсолютно неимоверной скоростью.

В четверг на тренировке обсуждали поездку в Питер в июне на "Кубок Санкт-Петербург-25" по фехтованию на рапирах среди ветеранов. Там первый день - личные соревнования, второй - командные. В субботу утром поприкидывала, сколько выйдет по деньгам поездка дней на 5. Покрутила и так и этак, чтобы и рядом с метро, и удобно с ребенком, и доехать комфортно. Крутила-крутила, поняла, что нет, не в этот раз. Вечером с мужем повторно обсудили, и опять же - нет. Добавлять расходы в 100-150к на поездку, когда у тебя неоконченный ремонт было бы верхом нелогичности. Ехать без семьи тоже не хочется. А по скилам у меня не тот уровень, когда уверена, что победишь. Точнее я уверена, что опять все проиграю.

Поэтому пришлось все свои порывы убрать и пойти смотреть "Бордерлендс" до часу ночи. Дурь редкостная :) Снято по компьютерной игре, но, блин, с Ларой Крофт же удачно вышло. Что пошло не так с этим фильмом, я не знаю. Но это лично мое мнение, поэтому можете не обращать внимание и смотреть.

Фото из открытых источников
Фото из открытых источников

Вчера праздновали у друга Днюху на Истре. Я урывками утром, пока не уехали, залезла в Figma посмотреть, что это за зверь такой. Потому что из всех щелей дует "UX/UI только в Figma, проверяйте свои дизайны, а потом закидывайте в конструктор сайтов". Как бы на рынке есть много сервисов и инструментов, где можно делать дизайн интерфейсов онлайн, но во всех вакансиях пишут "требуется владение Figma", значит осваивать имеет смысл Figma. Не потому что в вакансиях пишут, а потому что функционал очевидно дотягивает до всех требований и стандартов.

У меня был час потыкаться. И что можно сказать? Мне понравилось очень и очень! Работает без VPN. Есть базовая история версий. Есть бесплатный тариф, на котором можно создавать неограниченное количество личных файлов. Ограничения идут только на командную работу. Ну как бы и отлично. И так много всего можно делать бесплатно.

По навигации интуитивно и привычно, т.к. очень похоже на Photoshop: перемещаться - пробелом, изменять масштаб - с зажатой клавишей Ctrl.

Я на пробу успела сделать базовый элемент любого сайта, даже самого маленького - главную страницу плюс выпадающий список меню. Делаем два фрейма, настраиваем их через меню "Design" и анимируем логику перехода через "Prototype". И тут же проверяем, находясь в режиме "Prototype", насколько красиво всё это будет смотреться на реальном сайте. Если что-то не нравится, переходим из вкладки "Prototype" в "Design" и делаем правки:

Сейчас открыт режим "Design"
Сейчас открыт режим "Design"

После n-го количества правок с дизайном переходим опять в просмотр анимации:

Сейчас открыт режим "Prototype"
Сейчас открыт режим "Prototype"

После этого можно скачать, например, в формате pdf:

-5

Или в формате jpg / png:

-6

После сохранения в формате png получили такую симпатичную картинку главной страницы (сорян, что такая вытянутая по длине вышла, вы там прокрутите вниз, она не бесконечна :):

Главный экран, сохраненный в png
Главный экран, сохраненный в png

Понятно, что это первые шаги, основы и т.д. Но самое главное для психологического комфорта, лично для меня, - это научиться экспортировать в нужные форматы (png/jpg/pdf) и потом использовать, например, в презентациях или оформлении статей. Короче, не так страшен зверь. Для бытового использования легко осваивается и применим.

И у меня до этого был вопрос: "Зачем нужна прослойка в лице Figma для создания дизайна интерфейса будущего сайта, если можно быстро сделать на Tilde?". Вчера вопрос был снят, потому что быстрее и проще, чем на Figma, чтобы и в реальном времени анимацию и логику переходов смотреть, сделать невозможно (поправка: в моём мире на данный момент). А в бизнесе, по все видимости, держат отдельного человека, ответственного за дизайн, который работает в Figma. И отдельного человека, который потом этот дизайн переносит на конструктор сайтов. Вроде логично. Вопрос закрыт.

Не поленилась, посмотрела, как это делают профессионалы. Для примера, взяла команду OnePage. Они прям поэтапно прописали алгоритм создания сайтов:

Фото из открытых источников
Фото из открытых источников

Там есть нюансы, чтобы корректно перенести макет из Figma в Tilda. Мне надо будет попробовать в любом случае, любопытно, что за сложности могут вылезти. При поверхностном изучении вопроса, главное в Figma сделать макет по сетке из 12-ти колонок, чтобы корректно залезло в Tilda. Посмотрю, короче. Сейчас наиграюсь в красивые дизайнерские интерфейсы и перейду к конструктору.

Всем спасибо за внимание! Подписывайтесь!)