Size: a a a

Дизайн-чат

2020 May 07

SN

Sergey Nikishkin in Дизайн-чат
mp4 - уже пережатый формат и в подавляющем большинстве случаев вес гифки будет значительно больше веса исходного mp4. Идеальный вариант для сжатия, mov с ProRes кодеками. Можно попробовать через Gifski пожать. Есть версия под винду.

https://gif.ski/

Вот например, @dmitriymarkov делал тесты консоли и gifski:

Короче, у меня такие результаты последнее время:
1. Если ролик с каким-то видео / кучей цветов, то через консоль лучше результат (сильнее сжимает).
2. Если просто шейпы, нет фото-видео / мало цветов, то gifski лучше сжимает.
Важный момент: Gifski неправильно делает предварительный расчёт размера, нужно каждый раз прямо пробовать конвертить.

В англ. версии статьи я добавил тест исходной анимашки прогнанной тоже через gifski:

Gifski
The additional settings for export: quality: max; fps: 30;
Gif size — 6,4 MB
FPS — 30

Можно посмотреть результат здесь:
https://medium.com/acronis-design/ffmpeg-imagemagick-convert-video-to-gif-using-the-terminal-app-in-macos-657948adf900
источник

DM

Dmitriy Markov in Дизайн-чат
Sergey Nikishkin
mp4 - уже пережатый формат и в подавляющем большинстве случаев вес гифки будет значительно больше веса исходного mp4. Идеальный вариант для сжатия, mov с ProRes кодеками. Можно попробовать через Gifski пожать. Есть версия под винду.

https://gif.ski/

Вот например, @dmitriymarkov делал тесты консоли и gifski:

Короче, у меня такие результаты последнее время:
1. Если ролик с каким-то видео / кучей цветов, то через консоль лучше результат (сильнее сжимает).
2. Если просто шейпы, нет фото-видео / мало цветов, то gifski лучше сжимает.
Важный момент: Gifski неправильно делает предварительный расчёт размера, нужно каждый раз прямо пробовать конвертить.

В англ. версии статьи я добавил тест исходной анимашки прогнанной тоже через gifski:

Gifski
The additional settings for export: quality: max; fps: 30;
Gif size — 6,4 MB
FPS — 30

Можно посмотреть результат здесь:
https://medium.com/acronis-design/ffmpeg-imagemagick-convert-video-to-gif-using-the-terminal-app-in-macos-657948adf900
❤️
источник

DM

Dmitriy Markov in Дизайн-чат
Alex
если нужно максимально просто и быстро, то через wsl
ой, если б вы написали инструкцию подробную, как это сделать под виндой, было бы оч.круто и полезно!
источник

N

Neron in Дизайн-чат
Irina V
Боюсь для приложения он не подходит
ты это... слишком серьёзно не воспринимай) Про лобстер - это человек шутил, но и рекомендации с Робото и Опен Санс я бы скептически воспринял. Опен санс сразу пролетает если речь о кириллическом интерфейсе, уж лучше Робото.
источник

🦄

🦄 Lenny in Дизайн-чат
привет, ребят под какие разрешения нужно UI для планшетов на андроиде делать?
источник

N

Neron in Дизайн-чат
🦄 Lenny
привет, ребят под какие разрешения нужно UI для планшетов на андроиде делать?
я бы начинал с 768х1024, а ты чекала у гугла статистику по разрешениям?
источник

N

Neron in Дизайн-чат
источник

N

Neron in Дизайн-чат
минимальное виртуальное разрешение у таблетов согласно ссылке выше - 600х960. Тесновато, но что поделать
источник

A

Alex in Дизайн-чат
Dmitriy Markov
ой, если б вы написали инструкцию подробную, как это сделать под виндой, было бы оч.круто и полезно!
https://g-ek.com/kak-ustanovit-wsl2-v-windows-10

дальше ставить ffmpeg и image magick и можно будет запускать bash-скрипт из статьи
источник

🦄

🦄 Lenny in Дизайн-чат
Neron
минимальное виртуальное разрешение у таблетов согласно ссылке выше - 600х960. Тесновато, но что поделать
спасибо за ссыль!
источник

N

Neron in Дизайн-чат
🦄 Lenny
спасибо за ссыль!
я бы еще дополнительно проверил, насколько популярны такие мелкие таблеты. А если даже и популярны - сколько среди твоей конкретно целевой аудитории таких юзеров. Иначе есть шанс делать работу в неправильных условиях.

Например я долгое время делал мобильные макеты под 320х568 (пятый айфон, чтоб его). Сейчас хоть я и знаю людей с таким девайсом до сих пор - я вижу, что мои продукты не для них. Мои клиенты давно купили себе лопату пожирнее.
источник

e

engraved 🍋 in Дизайн-чат
Ребят, вопрос немного странный. Как дизайнить сайты на маленьком экране ноутбука? Если вытягивать фрейм на всю ширину, то элементы кажутся маленькими, если же на 100%, то большими, делать это на "ощупь" или как? 🙈
источник

N

Neron in Дизайн-чат
engraved 🍋
Ребят, вопрос немного странный. Как дизайнить сайты на маленьком экране ноутбука? Если вытягивать фрейм на всю ширину, то элементы кажутся маленькими, если же на 100%, то большими, делать это на "ощупь" или как? 🙈
ctrl+/ убрать интерфейс фигмы - больше места будет
источник

N

Neron in Дизайн-чат
в целом, хорошо бы чтоб твой собственный макет помещался в твой собственный ноутбук - лично я так и делаю (дизайню десктопные макеты для ноутбучных разрешений)
источник

e

engraved 🍋 in Дизайн-чат
Neron
в целом, хорошо бы чтоб твой собственный макет помещался в твой собственный ноутбук - лично я так и делаю (дизайню десктопные макеты для ноутбучных разрешений)
Если делать дизайн под экран ноута, то боюсь на этапе верстке будут проблемы 😅
источник

N

Neron in Дизайн-чат
почему?
источник

N

Neron in Дизайн-чат
ну хорошо, перевернем вопрос. Делаешь дизайн под десктопный моник, какой-нибудь фулл-хд. На ноуте при этом каким образом всё будет нормально?)
источник

N

Neron in Дизайн-чат
двигаться от меньшего к большему - вполне безопасно и правильно. Берешь какую-нибудь минималку в 1300 рх (или ублюдочные 1170 бутстраповских пикселей) и вперед
источник

e

engraved 🍋 in Дизайн-чат
Neron
ну хорошо, перевернем вопрос. Делаешь дизайн под десктопный моник, какой-нибудь фулл-хд. На ноуте при этом каким образом всё будет нормально?)
Ну, обычно делают под стандарт для 1920х1080 а с него уже адаптируют под маленькое разрешение.
источник

N

Neron in Дизайн-чат
engraved 🍋
Ну, обычно делают под стандарт для 1920х1080 а с него уже адаптируют под маленькое разрешение.
"обычно" делают как раз таки малые разрешения (1000-1300 рх), а 1920 - это просто маленький макет по центру большого холста + растянутые фоны
источник