Forwarded from Дизайнолог💥
This media is not supported in your browser
VIEW IN TELEGRAM
Зарелизил айос-приложение для массового кадрирования фоток
Вы не поверите, но примерно каждую неделю я выкладываю пачку снятых на фотоаппарат фоток в сторис.
Пару месяцев назад мне надоело кадрировать их под 9×16 и ограничиваться вертикальным форматом. Я решил публиковать их в исходном виде на белом фоне, но оказалось, что в 2025 году массово класть фотки на белый прямоугольник с одинаковым отступом от края — задача не из легких. Наверное, где-то на задворках Эпстора существует готовое решение, но я решил сделать свое. Не без помощи айос-разработчика, конечно.
Как работает: жмете на большую желтую кнопку (или в центр экрана, если неудобно тянуться), выбираете фотки, настраиваете всякое, экспортируете все разом. Можно настроить один раз, а потом просто закидывать очередную пачку и экспортировать одним нажатием.
Чем замечательно: все фотки предпросматриваются и экспортируются в медиатеку ровно в том порядке, в котором были выбраны. Следующая пачка фоток по умолчанию открывается с последними выбранными настройками. К уже экспортированной пачке легко вернуться, если хочется кадрировать ее же иначе. Кадрирование не влияет на качество фоток. Разрешение остается прежним, но если получается совсем уж крупным, фотка ресайзится до 10 тысяч пикселей по длинной стороне. Десятки 100-мегапиксельных фотографий без проблем кадрируются разом. Смахивание фотки вверх удаляет ее из редактируемых. Приложение бесплатное. Надеюсь, все критичные баги мы уже починили, но если найдете еще — напишите мне, поправим.
🛒 Мультикроп в Эпсторе
Вы не поверите, но примерно каждую неделю я выкладываю пачку снятых на фотоаппарат фоток в сторис.
Пару месяцев назад мне надоело кадрировать их под 9×16 и ограничиваться вертикальным форматом. Я решил публиковать их в исходном виде на белом фоне, но оказалось, что в 2025 году массово класть фотки на белый прямоугольник с одинаковым отступом от края — задача не из легких. Наверное, где-то на задворках Эпстора существует готовое решение, но я решил сделать свое. Не без помощи айос-разработчика, конечно.
Как работает: жмете на большую желтую кнопку (или в центр экрана, если неудобно тянуться), выбираете фотки, настраиваете всякое, экспортируете все разом. Можно настроить один раз, а потом просто закидывать очередную пачку и экспортировать одним нажатием.
Чем замечательно: все фотки предпросматриваются и экспортируются в медиатеку ровно в том порядке, в котором были выбраны. Следующая пачка фоток по умолчанию открывается с последними выбранными настройками. К уже экспортированной пачке легко вернуться, если хочется кадрировать ее же иначе. Кадрирование не влияет на качество фоток. Разрешение остается прежним, но если получается совсем уж крупным, фотка ресайзится до 10 тысяч пикселей по длинной стороне. Десятки 100-мегапиксельных фотографий без проблем кадрируются разом. Смахивание фотки вверх удаляет ее из редактируемых. Приложение бесплатное. Надеюсь, все критичные баги мы уже починили, но если найдете еще — напишите мне, поправим.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Дизайн-Телега 🔥
Hicon (Free icon pack) - +2700 Editable icons
💾 Скачать и использовать
https://www.figma.com/community/file/1023171235158207826/hicon-free-icon-pack-2700-editable-icons
🔎 Посмотреть описание
https://www.figma.com/community/file/1023171235158207826/hicon-free-icon-pack-2700-editable-icons
#icons #figma
👨 Дизайн-телега
💾 Скачать и использовать
https://www.figma.com/community/file/1023171235158207826/hicon-free-icon-pack-2700-editable-icons
🔎 Посмотреть описание
https://www.figma.com/community/file/1023171235158207826/hicon-free-icon-pack-2700-editable-icons
#icons #figma
👨 Дизайн-телега
Forwarded from UI_UX inspiration
Мобильное приложение для отслеживания прогноза погоды
Категория: #приложение
Язык: #en
https://dribbble.com/shots/23299672-Weather-App
🌠 UI_UX inspiration
Категория: #приложение
Язык: #en
https://dribbble.com/shots/23299672-Weather-App
🌠 UI_UX inspiration
Forwarded from Дизайн-снайпер
Минутка обложки:
«Почему мир становится близоруким». Хорошо решен образ изменения зрения, причем даже для логотипа издания в дизайне обложки.
«Почему мир становится близоруким». Хорошо решен образ изменения зрения, причем даже для логотипа издания в дизайне обложки.
Forwarded from Павленко + дизайн
Я — профессионал?
😧 Это история про то, как я сначала сделал проект 10 шрифтов по мотивам советских перестроечных леттерингов и неожиданно для себя стал финалистом олимпиады «Я — профессионал» в направлении «Дизайн» (ВШЭ, Яндекс и другие серьезные ребята).
А потом… финал. Где нужно было сделать исследование и загрузить проект до 16 марта. Но я почему-то был уверен, что дедлайн — 1 апреля.
И даже, представляете, собрался загрузить, но что-то пошло не так 😧
Штош… профукал финал. Зато скоро покажу вам новый прикольный шрифт — дружелюбный гротеск, стильный, модный, молодёжный. А может даже сразу два. Но это уже как пойдет.
А потом… финал. Где нужно было сделать исследование и загрузить проект до 16 марта. Но я почему-то был уверен, что дедлайн — 1 апреля.
И даже, представляете, собрался загрузить, но что-то пошло не так 😧
Штош… профукал финал. Зато скоро покажу вам новый прикольный шрифт — дружелюбный гротеск, стильный, модный, молодёжный. А может даже сразу два. Но это уже как пойдет.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from UX Notes (Антон Григорьев)
Влад Крят написал об оформлении макетов.
— Отсутствие стандартов усложняет работу с чужими макетами, особенно в большой команде;
— Дизайнеры работают в тёмной и светлой теме примерно поровну, поэтому оптимальный цвет фона рабочей области #6B6B6F;
— Макеты лежат внутри секций, фоновый цвет которых зависит от того, какая тема интерфейса показана в макетах: светлая (#DADAE2) или тёмная (#38373D);
— Секции показывают: 1) happy flow: основной путь только с ключевыми ответвлениями, чем линейнее, тем лучше, 2) дополнительные экраны: ошибки, загрузки, альтернативные состояния экранов;
— На дополнительные экраны можно ссылаться в основном пути;
— Основной путь можно разделить на логические части и показывать их в отдельных секциях;
— Сценарии-микросхемы, где развилки и состояния компактно расположены и связаны сеткой соединительных линий, выглядят круто, но изучать их неудобно;
— Уникальные экраны идут слева направо, их состояния — сверху вниз;
— В нумерации экранов (например, «1.1») первое число — номер уникального экрана, второе — его состояние. Но иногда достаточно лишь названия, например, в наборе экранов с ошибками;
— Соединительные линии выходят из места, с которым пользователь взаимодействует. Если их начало лежит рядом с макетом, место взаимодействия может быть неочевидным;
— Если появляется много пересечений стрелок, значит макеты превращаются в микросхему. Надо декомпозировать;
— Макеты можно сопровождать полезными метками, например: Prod (экран в показанном сценарии уже разработан), Webview, Copyright (требуется редактура);
— Единые правила для расстояний между макетами, блоками с комментариями и так далее помогают воспринимать любой макет быстрее.
#handoff
— Отсутствие стандартов усложняет работу с чужими макетами, особенно в большой команде;
— Дизайнеры работают в тёмной и светлой теме примерно поровну, поэтому оптимальный цвет фона рабочей области #6B6B6F;
— Макеты лежат внутри секций, фоновый цвет которых зависит от того, какая тема интерфейса показана в макетах: светлая (#DADAE2) или тёмная (#38373D);
— Секции показывают: 1) happy flow: основной путь только с ключевыми ответвлениями, чем линейнее, тем лучше, 2) дополнительные экраны: ошибки, загрузки, альтернативные состояния экранов;
— На дополнительные экраны можно ссылаться в основном пути;
— Основной путь можно разделить на логические части и показывать их в отдельных секциях;
— Сценарии-микросхемы, где развилки и состояния компактно расположены и связаны сеткой соединительных линий, выглядят круто, но изучать их неудобно;
— Уникальные экраны идут слева направо, их состояния — сверху вниз;
— В нумерации экранов (например, «1.1») первое число — номер уникального экрана, второе — его состояние. Но иногда достаточно лишь названия, например, в наборе экранов с ошибками;
— Соединительные линии выходят из места, с которым пользователь взаимодействует. Если их начало лежит рядом с макетом, место взаимодействия может быть неочевидным;
— Если появляется много пересечений стрелок, значит макеты превращаются в микросхему. Надо декомпозировать;
— Макеты можно сопровождать полезными метками, например: Prod (экран в показанном сценарии уже разработан), Webview, Copyright (требуется редактура);
— Единые правила для расстояний между макетами, блоками с комментариями и так далее помогают воспринимать любой макет быстрее.
#handoff
Forwarded from Node.JS [ru] | Серверный JavaScript
Как создать чат, который работает в реальном времени? На открытом вебинаре 25 марта в 20:00 мск разберем WebSockets — технологию, которая делает общение мгновенным и позволяет строить интерактивные веб-приложения.
За 1,5 часа напишем с нуля свой минималистичный, но функциональный чат. Разберем код, подключим сервер на Node.js, научимся отправлять и получать сообщения через WebSockets.
Этот урок поможет фронтенд-разработчикам освоить real-time технологии, прокачать навыки работы с WebSockets и интегрировать их в свои проекты. Урок особенно полезен тем, кто хочет перейти на новый уровень в JavaScript.
Регистрируйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cJQZV5
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
За 1,5 часа напишем с нуля свой минималистичный, но функциональный чат. Разберем код, подключим сервер на Node.js, научимся отправлять и получать сообщения через WebSockets.
Этот урок поможет фронтенд-разработчикам освоить real-time технологии, прокачать навыки работы с WebSockets и интегрировать их в свои проекты. Урок особенно полезен тем, кто хочет перейти на новый уровень в JavaScript.
Регистрируйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cJQZV5
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576