Как правильно оформить раздел? [закрыто]

У меня есть следующий раздел на моем сайте.

Это просматривается на дисплее 1980p, поэтому при меньшем разрешении левое и правое поля уменьшаются, но общий макет остается относительно таким же на рабочем столе.

введите описание изображения здесь

На мобильном

введите описание изображения здесь

Я не дизайнер и чувствую, что в этом разделе есть некоторые проблемы, особенно на рабочем столе, но я не уверен, где именно.

Я приветствую все отзывы. заранее спасибо

Ответы (1)

Я думаю, что вы чувствуете некоторую непоследовательность в выравнивании и прилипании к сетке. Не существует «правильной или неправильной» сетки или выравнивания, но использование таких инструментов компоновки помогает создать воспринимаемую согласованность и порядок.

Вот несколько примеров, чтобы проиллюстрировать, что я имею в виду, и как вы можете улучшить свой дизайн. (Ни в коем случае не лучший и не единственный способ решить эту проблему.)

Рабочий стол: в основном расположен по центру, но элементы в середине немного свободно плавают.

введите описание изображения здесь

Вот как вы могли бы выровнять их более последовательно:

введите описание изображения здесь

Мобильность: тоже по центру, выглядит уже вполне правильно, но все еще можно улучшить, выровняв внешние края.

введите описание изображения здесь

введите описание изображения здесь

Существует отличная бесплатная электронная книга известного дизайнера Массимо Виньелли, которая называется «Канон Виньелли». Для дальнейшего чтения я рекомендую получить его с веб-сайта его дизайнерской фирмы и начать со страницы 40. http://www.vignelli.com/home/bookmagazine/canon.html

Спасибо. Это определенно выглядит более последовательно. В этом случае следует избегать адаптивных сеток, так как они будут растягиваться и сжиматься в зависимости от размера экрана.
Пожалуйста. Нет, адаптивные сетки — отличное техническое устройство. Скорее «настроить/настроить» ваши контейнеры и графические элементы, если это имеет смысл? Сетка макета не равна адаптивной сетке на 100%, это скорее воспринимаемый порядок и всеобъемлющая концепция оси визуального выравнивания ... способ думать о внешнем виде ... Мне жаль, что я не могу объяснить это лучше .