Какой размер фрейма использовать в дизайне? 1920 или 1440 🙈

preview_player
Показать описание

Рекомендации по теме
Комментарии
Автор

Осенью 2024 стартует Наставничество от меня, где ты получишь комплекс знаний в UX/UI дизайне:

💜Расширенные знания в Figma (компоненты, AL, прототипирование, анимации, токены)
💜3 проекта в портфолио: коммерческий лендинг, интернет-магазин и креативный лендинг
💜Два проекта из трёх сможешь сверстать на Тильде прямо во время обучения под моим курированием
💜Поделюсь своими эффективными способами привлечения и поиска клиентов
💜Получишь навыки общения с клиентом и ведения проекта (работа с возражениями, закрытие на продажу, как презентовать дизайн чтобы не было правок)
💜Знания по предпроектному исследованию на фрилансе для создания осознанного дизайна (UX-анализ конкурентов, построение гипотез, проведения опросов)

Ссылка на сайт с программой на главной странице канала👀

rigayaya
Автор

1920 и будет 1920, может быть 1900 если есть полоса прокрутки. А Вам девушка я бы посоветовал маштаб в настройках монитора поставить 100%, а не 125% и будет у вас 1920 а не 1300

TrnonhighHighdc-oygf
Автор

Я думаю правильный ответ тут должен быть такой:
- Такой, как указан в ТЗ))

А вообще да, 1920 много для ноутбуков, но если бюджет позволяет, то будет не лишним замутить адаптив для широкоформатных дисплеев, а в целом не парьтесь, все равно верстальщик подгонит, главное защитные поля оставить. А если "в края" макет, то на связи надо быть с тем кто верстать будет

МихаилКачалаба
Автор

Татьяна, я с вами не согласен, что на мониторе шириной разрешения 1920px будет ширина в браузере 1519px (говорю как верстальщик со стажем более 3-х лет). Проблема возникает с адаптацией, ибо 1920px позволяет больше вместить больших элементов, что в дальнейшем сложно адаптировать под маленькие мониторы, из-за чего приходится сильно уменьшать объекты (в основном шрифты).
Идеальной шириной для дизайна будет являться 1440px, т.к. подходит, как под маленькие разрешения, так и под большие

sintwood
Автор

Как программист скажу, что это не правда. При ширине экрана в 1920 ширина браузерной версии экрана будет 1920 - скролл. Это легко проверить, если создать любой элемент, дать ему ширину 100% и посмотреть в стилях элементов в самом браузере. Так что дизайнеры, делайте макеты в 1920px. Это и верстать удобнее и основную аудиторию охватите

lelushvermillion
Автор

от всех разрабов, респект) еще желательно понимать как ваш дизайн выглядит на крайних значениях перед брейкпоинтами, а то мы сами придумаем, или будем доставать вопросами )

vvdoo
Автор

Интерфейсы дизайнят в dp (density pixels). Это не реальные пиксели, а условные.

roman_bazhanskyi
Автор

Ну так 1920 надо показаать в любом случае)

pridari
Автор

В смысле при fullhd ширина браузера 1300? Не 1920, конечно, там скролл забирает и само окно, но не настолько же

oxide
Автор

Полоска скрола такая: ну да, ну да, пошла я…

pavelz
Автор

Есть ощущение, что действительно главные два размера сейчас это 360 (или 375) и 1200. Любой адаптив и любой десктоп поместятся, остальное пишется в спеке доя фронта, как тянуть блоки.

serjalbov
Автор

Я просто слушаю голос и мне всё равно какой размер.

hackerukraine
Автор

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

johannaSolod
Автор

какие разрешения использовать в контейнерах для мониторов в 2к и 4к?

whiteltd
Автор

Не правильно озвучила. Сказала 1320, а там 1520. Тогда макет на 1440 будет не доставать до краев и будут белые полосы🤷‍♀️

Violetokafed
Автор

1920 браузер отображает, можно проверить в режиме разработчика

khrustalev_creative
Автор

Если контентная область 1366 px то какого размера сам фрейм делать?

nat_gromak
Автор

Блин прописал бы ей таблеток, жаль не фармацевт

TrnonhighHighdc-oygf
Автор

Наконец- то, никто адекватно не мог объяснить че по чем❤

johannaSolod
Автор

В коде есть такая строчка, которая делает адаптацию, хоть в 4к заливай
only screen and (min-device-width: 1681px) and (max-device-width: 1920px) {
html {
zoom: 100%;

alexeusorokoumov