Size: a a a

Дизайн-чат

2020 September 10

t

tata in Дизайн-чат
Просто у меня мозг сначала визуал видит, а потом под сетку подгоняю)))))
источник

V

Vadim in Дизайн-чат
tata
375 и 320 меня тоже всегда приводят в ступор. Дело в том, что я стараюсь держать значения, кратные 8 (везде), а с мобилками в 375 получается нужно 5 тк на 8 не цельно делится(ё
Видать никогда для айфонов не делала, там логике 8px вообще мало, что следует, но в вебе конечно другие правила, но лучше начинать с 320
источник

V

Vadim in Дизайн-чат
tata
375 и 320 меня тоже всегда приводят в ступор. Дело в том, что я стараюсь держать значения, кратные 8 (везде), а с мобилками в 375 получается нужно 5 тк на 8 не цельно делится(ё
375 это вообще не вебовский формат, 320 или 360 хотя бы
источник

t

tata in Дизайн-чат
Vadim
375 это вообще не вебовский формат, 320 или 360 хотя бы
Короче, как я поняла это больше про mobile apps
источник

t

tata in Дизайн-чат
благодарю) я делала ранее 320, но потом меня ввели в смуту )))
источник

S🇺

Sla 🇺🇦 in Дизайн-чат
о, класс. спасибо!
источник
2020 September 11

S🇺

Sla 🇺🇦 in Дизайн-чат
tata
375 и 320 меня тоже всегда приводят в ступор. Дело в том, что я стараюсь держать значения, кратные 8 (везде), а с мобилками в 375 получается нужно 5 тк на 8 не цельно делится(ё
та тю. просто следишь чтобы расстояния между элементами, размеры самих элементов были кратны 8. А центральная полоса, лента или что там у тебя - пусть будет хоть нечетного размера. Пофиг. И все нормально уложится в дизайн.
источник

V

Vadim in Дизайн-чат
Sla 🇺🇦
та тю. просто следишь чтобы расстояния между элементами, размеры самих элементов были кратны 8. А центральная полоса, лента или что там у тебя - пусть будет хоть нечетного размера. Пофиг. И все нормально уложится в дизайн.
А начинать с чего эти кратности?
источник

S🇺

Sla 🇺🇦 in Дизайн-чат
Vadim
А начинать с чего эти кратности?
Смотря что нужно. Если нужно разместить по центру карточку товара, то пусть она отступает от краев экрана по 16пх. Значит ширина карточки будет 375-16-16 = 343 пх
Закругляем ей углы по 8 пх
отступаем сверху на шапку 64 пх

Внутри карточки отступаем по 16 пх справа и слева - получаем ширину текстового блока 343-16-16 = 311 пх

Размещаем вверху карточки фото с отступом от краев карточки по 4 пх (ширина фото 343-4-4 = 335 пх)

и так далее
источник

V

Vadim in Дизайн-чат
Sla 🇺🇦
Смотря что нужно. Если нужно разместить по центру карточку товара, то пусть она отступает от краев экрана по 16пх. Значит ширина карточки будет 375-16-16 = 343 пх
Закругляем ей углы по 8 пх
отступаем сверху на шапку 64 пх

Внутри карточки отступаем по 16 пх справа и слева - получаем ширину текстового блока 343-16-16 = 311 пх

Размещаем вверху карточки фото с отступом от краев карточки по 4 пх (ширина фото 343-4-4 = 335 пх)

и так далее
Почему ты от 375 вычитаешь?
источник

S🇺

Sla 🇺🇦 in Дизайн-чат
Vadim
Почему ты от 375 вычитаешь?
ну потому что ширина айфона 11 - 375 точек (пунктов)
источник

V

Vadim in Дизайн-чат
Sla 🇺🇦
ну потому что ширина айфона 11 - 375 точек (пунктов)
Ты точно верстальщик?
источник

S🇺

Sla 🇺🇦 in Дизайн-чат
Vadim
Ты точно верстальщик?
я вообще не верстальщик. Я дизайнер.
источник

V

Vadim in Дизайн-чат
Sla 🇺🇦
я вообще не верстальщик. Я дизайнер.
Ясно, все что выше, можно не читать
источник

æ

æ in Дизайн-чат
Vadim
Ясно, все что выше, можно не читать
Чиво?
источник

S🇺

Sla 🇺🇦 in Дизайн-чат
Vadim
Ясно, все что выше, можно не читать
что за обесценивание мнения других? ты в своем уме вообще?
источник

V

Vadim in Дизайн-чат
æ
Чиво?
Верстку нужно расчитывать от 375?
источник

S🇺

Sla 🇺🇦 in Дизайн-чат
хамло
источник

V

Vadim in Дизайн-чат
Sla 🇺🇦
хамло
Ничего личного, просто мало аргументов
источник

æ

æ in Дизайн-чат
Vadim
Верстку нужно расчитывать от 375?
человек выше задал вопрос как 375 поместить 8px и как вообще быть с этим размером. это ответ. типа отступай от краев. оставшееся будет дизайн)
источник