Size: a a a

Дизайн-чат

2020 September 11

АА

Али Алиев in Дизайн-чат
tata
а высоту экрана первого какую берете? всем добрый вечер еще раз)
Изучаешь ца, узнаешь чем пользуется данная группа людей, ноуты, планшеты, пк и т.д, далее выбираеешь из таблицы пропорции, делая акцент на определенном устройстве и проектируешь контент под расширение, адаптирую под стандарты от 360 до 1920. Высоту выбираешь исходя из акцента устройства. Стандарт 1920x1080, каждый блок должен иметь высоту не менее выбранной пропорции, но может быть больше.
источник

æ

æ in Дизайн-чат
tata
а высоту экрана первого какую берете? всем добрый вечер еще раз)
в районе 700, иногда плагин использую https://www.visualeyes.design/tools/above-the-fold/
источник

ВП

Витя Пчёлкин... in Дизайн-чат
Максимум 700 надо брать. С учетом панелек хрома и тд как раз такая цифра выходит
источник

t

tata in Дизайн-чат
Благодарю за плагин!
источник
2020 September 12

НМ

Николай Михалёв... in Дизайн-чат
Али Алиев
Изучаешь ца, узнаешь чем пользуется данная группа людей, ноуты, планшеты, пк и т.д, далее выбираеешь из таблицы пропорции, делая акцент на определенном устройстве и проектируешь контент под расширение, адаптирую под стандарты от 360 до 1920. Высоту выбираешь исходя из акцента устройства. Стандарт 1920x1080, каждый блок должен иметь высоту не менее выбранной пропорции, но может быть больше.
А почему не менее?
источник

НМ

Николай Михалёв... in Дизайн-чат
tata
а высоту экрана первого какую берете? всем добрый вечер еще раз)
650. Для большинства устройств это максимальный порог будет с учетом панелей, вкладок браузерных и так далее
источник

АА

Али Алиев in Дизайн-чат
Николай Михалёв
А почему не менее?
Рассматривая вариант с браузером Google, максимальный срез происходит на 1440px (110px), на 1920px (102px). Для полноценного усвоения информации, для качественного адаптива на всех устройствах, необходима блочная пропорциональная система, чтобы контент при проектирвоании смотрелся едино, информация не ложилась друг на друга и у пользователя не было желания проскролить весь сайти и закрыть его. Учитывая срезы и используя свою систему оступов и блоков, можно реализовать действительно качественный проект, который стоит не только разовых денег. Поэтому высота блоков крайне важна, и блоки с 700px, потом 500px, потом 1200px, это каша, в учет стоит брать fix-block+resize (увеличение) в случае, если есть дополнитльная информация, которую стоит отобразить в виде подблока.
источник

НМ

Николай Михалёв... in Дизайн-чат
Али Алиев
Рассматривая вариант с браузером Google, максимальный срез происходит на 1440px (110px), на 1920px (102px). Для полноценного усвоения информации, для качественного адаптива на всех устройствах, необходима блочная пропорциональная система, чтобы контент при проектирвоании смотрелся едино, информация не ложилась друг на друга и у пользователя не было желания проскролить весь сайти и закрыть его. Учитывая срезы и используя свою систему оступов и блоков, можно реализовать действительно качественный проект, который стоит не только разовых денег. Поэтому высота блоков крайне важна, и блоки с 700px, потом 500px, потом 1200px, это каша, в учет стоит брать fix-block+resize (увеличение) в случае, если есть дополнитльная информация, которую стоит отобразить в виде подблока.
Интересно.

А есть ли обоснование тому, что каждый новый блок должен быть на высоту всего экрана? Почему он не может быть 1/2 или 1/3?
источник

V

Vadim in Дизайн-чат
Николай Михалёв
Интересно.

А есть ли обоснование тому, что каждый новый блок должен быть на высоту всего экрана? Почему он не может быть 1/2 или 1/3?
Как он может быть вообще в высоту всего экрана (для всех экранов) кроме верстки «слайдами» на весь экран
источник

НМ

Николай Михалёв... in Дизайн-чат
Просто пока это выглядит как «мнение».

И походу моего изучения ui/ux я ни разу не встречал подобных канонов, что все блоки должны иметь одинаковую высоту
источник

НМ

Николай Михалёв... in Дизайн-чат
Vadim
Как он может быть вообще в высоту всего экрана (для всех экранов) кроме верстки «слайдами» на весь экран
Формально.
источник

V

Vadim in Дизайн-чат
Есть еще мнение, что должен виднется другой блок, что бы вызывать интерес у пользователя смотреть дальше
источник

V

Vadim in Дизайн-чат
Дл этого ведь и высчитывают первый экран
источник

АА

Али Алиев in Дизайн-чат
Николай Михалёв
Интересно.

А есть ли обоснование тому, что каждый новый блок должен быть на высоту всего экрана? Почему он не может быть 1/2 или 1/3?
Зависит от типа продукта, если речь идет о лендинге, то должна быть блочная система, если сайт, блог, магазин, то тут без вариантов, и 1/2 и 1/3
источник

АА

Али Алиев in Дизайн-чат
Николай Михалёв
Просто пока это выглядит как «мнение».

И походу моего изучения ui/ux я ни разу не встречал подобных канонов, что все блоки должны иметь одинаковую высоту
Безусловно, я не претендую на "правило"
источник

НМ

Николай Михалёв... in Дизайн-чат
Али Алиев
Зависит от типа продукта, если речь идет о лендинге, то должна быть блочная система, если сайт, блог, магазин, то тут без вариантов, и 1/2 и 1/3
Почему?

На чем основаны твои «должны»?

Это не доебка, интересно откуда это взято и имеет ли право на существование
источник

НМ

Николай Михалёв... in Дизайн-чат
Али Алиев
Зависит от типа продукта, если речь идет о лендинге, то должна быть блочная система, если сайт, блог, магазин, то тут без вариантов, и 1/2 и 1/3
То что белочная система — это ок, это понятно.

Но почему высота блоков должна быть одинаковая?
источник

АА

Али Алиев in Дизайн-чат
Vadim
Есть еще мнение, что должен виднется другой блок, что бы вызывать интерес у пользователя смотреть дальше
Думаю первый экран уже должен вызывать интерес, для того, чтобы пользователь захотел скролить, и есть варианты решений в виде обозначения следующего блока. Виднеется блок и текст "Наши преимущества", это действительно так интересно, что пользователь сразу захочет проскролить
источник

НМ

Николай Михалёв... in Дизайн-чат
Али Алиев
Думаю первый экран уже должен вызывать интерес, для того, чтобы пользователь захотел скролить, и есть варианты решений в виде обозначения следующего блока. Виднеется блок и текст "Наши преимущества", это действительно так интересно, что пользователь сразу захочет проскролить
Ты не на те вопросы ответ даёшь)
источник

АА

Али Алиев in Дизайн-чат
Николай Михалёв
Ты не на те вопросы ответ даёшь)
Постепенно)
источник