Size: a a a

2020 July 11

RK

Roma Krivenko in Ne_znal_talk
мне удобно было просто поменять стили, анимацию, затянуть другие блоки в страничку и прогнать картинки.
сборщик вываливал мне под все нужные размеры готовые баннера.

можно было конечно еще оптимизировать много чего. например, свгшные логотипы через юз использовать, а не как картинку и т.п.
источник

RK

Roma Krivenko in Ne_znal_talk
данные для баннеров - в джейсоне и тянулись в макеты сразу
источник

RK

Roma Krivenko in Ne_znal_talk
примерно то же самое я сделал для статичных баннеров, но в индизайне и через дата-мердж
источник

RK

Roma Krivenko in Ne_znal_talk
потом просто зипуешь и загоняешь в гугль-контент (или как там его) на тест
источник

RK

Roma Krivenko in Ne_znal_talk
если что-то нужно поменять, типа анимацию, стиль, шрифт, это делается в одном месте и применяется ко всему
источник

RK

Roma Krivenko in Ne_znal_talk
по хорошему, конечно, можно было создать вайл с конфигом, но мне лень было
источник

RK

Roma Krivenko in Ne_znal_talk
можно и поумнее придумать автоматизацию, но это то, что я умел на тот момент: хтмл и цсс
источник

H

Hoert in Ne_znal_talk
“я написал нейросеть на питоне, и она мне сама генерит баннеры, анимацию. только меняю ассеты. элементарно”
сорри 😅
источник

RK

Roma Krivenko in Ne_znal_talk
Hoert
“я написал нейросеть на питоне, и она мне сама генерит баннеры, анимацию. только меняю ассеты. элементарно”
сорри 😅
ну, понятно, что это далеко не нейросеть и питон я не знаю пока, к сожалению. просто нужно было как-то ускорить производство, потому что в онлайн-журнале постоянный поток задач, нужно очень быстро фигачить.
источник

RK

Roma Krivenko in Ne_znal_talk
я ж говорю, можно и умнее че-то сделать
источник

RK

Roma Krivenko in Ne_znal_talk
может надо было больше в гвд покопаться и как-то через него заточить процесс. может там были все нужные фичи. просто у меня времени не было особо.
источник

А

Аня in Ne_znal_talk
Hoert
“я написал нейросеть на питоне, и она мне сама генерит баннеры, анимацию. только меняю ассеты. элементарно”
сорри 😅
конечно, элементарно. но у меня скиллы в другую степь. кроме того, у нас оч требовательны к картинкам
источник

RK

Roma Krivenko in Ne_znal_talk
Аня
это мой предыдущий банер, все размеры я делала заново, поэтому на один размер почти полдня
смотри, основной смысл такой. тебе нужно разложить баннер на блоки и к каждому блоку применять нужные преобразования для адаптива. например, есть блок с логотипом, у него будут свойства: размер, анимация, расположение. есть блок с текстом про метро. там будут свойства: размер шрифта, интерлиньяж, расположение, цвет, анимация. и так далее.

например, тебе нужно адаптировать баннер под 200х200, 250х250 и 970х250. ты прописываешь для блока с логотипом свойства. расплолжение: всегда слева сверху, отступ 30 пикселей для 970х250, для остальных - 15 пикселей, анимация - опасити от 0 до 100 со второй секунды, скейл с 2,5 секунды со 100 до 120 и до 100%, размер - 200х200 и  250х250 - 50%, 970х250 - 100%. и так по каждому блоку.

в итоге у тебя получится набор правил для каждого блока для адаптации под размеры
источник

RK

Roma Krivenko in Ne_znal_talk
не знаю, можно ли такой стилями в гвд организовать
источник

H

Hoert in Ne_znal_talk
Я шучу про “элементарно” и “нейросеть”, это был сарказм по поводу сетапа. Мне кажется, что очень мало дизайнеров сможет собрать сетап на gulp / yarn, плюс подкрутить пакет, который будет оптимизировать svg / img по типу tinypng или еще кого.
источник

А

Аня in Ne_znal_talk
Roma Krivenko
смотри, основной смысл такой. тебе нужно разложить баннер на блоки и к каждому блоку применять нужные преобразования для адаптива. например, есть блок с логотипом, у него будут свойства: размер, анимация, расположение. есть блок с текстом про метро. там будут свойства: размер шрифта, интерлиньяж, расположение, цвет, анимация. и так далее.

например, тебе нужно адаптировать баннер под 200х200, 250х250 и 970х250. ты прописываешь для блока с логотипом свойства. расплолжение: всегда слева сверху, отступ 30 пикселей для 970х250, для остальных - 15 пикселей, анимация - опасити от 0 до 100 со второй секунды, скейл с 2,5 секунды со 100 до 120 и до 100%, размер - 200х200 и  250х250 - 50%, 970х250 - 100%. и так по каждому блоку.

в итоге у тебя получится набор правил для каждого блока для адаптации под размеры
спасибаааа! я только немного не понимаю, что выше. праивльно ли я понимаю, что я генерю правила1. общие, 2. горизон и верт 3. смотрю что получлось, елси немного сойдет, открываю сохраненые файлы конкретного размера и там парвлю?
с правилами я возилась всю ночь, но немного непонятно что с фигмой и индизом?
источник

RK

Roma Krivenko in Ne_znal_talk
Hoert
Я шучу про “элементарно” и “нейросеть”, это был сарказм по поводу сетапа. Мне кажется, что очень мало дизайнеров сможет собрать сетап на gulp / yarn, плюс подкрутить пакет, который будет оптимизировать svg / img по типу tinypng или еще кого.
двухмесячные курсы по базовому хтмл/цсс сейчас такое дают. при чем я худший студент, не доделал курсач и вообще хуже всех на курсе шарил, и еще очень тупой, очень долго материал усваиваю
источник

RK

Roma Krivenko in Ne_znal_talk
Аня
спасибаааа! я только немного не понимаю, что выше. праивльно ли я понимаю, что я генерю правила1. общие, 2. горизон и верт 3. смотрю что получлось, елси немного сойдет, открываю сохраненые файлы конкретного размера и там парвлю?
с правилами я возилась всю ночь, но немного непонятно что с фигмой и индизом?
да, все верно. у тебя должен быть смысловой блок, у которого есть набор правил, которые меняются в зависимости от размера. не все должно меняться конечно. например, если шрифт 12 норм на 970 и на 250, то можно и не менять
источник

А

Аня in Ne_znal_talk
да.это неплохо. но я уже просрала курс на бэнг бэнг по юиксу изза карантина и ребенка и в сентябе меня обещали снова взять...мне ща никак. ни по времени, ни по деньгам
источник

А

Аня in Ne_znal_talk
не понимаю, почему в нете нет рецептов подробных
источник