@iXmove
прогрессирующий дизайнЁр

Как создать макет по конкретному сайту?

Вот сайт: www.exodoanimation.com

Я знаю, что обычно вёрстка идёт по макету 12 или 16 колончатому, и там размеры к примеру 960 и тд.

Но вот на сайте блоки контента расположены на весь экран(у меня full hd).
Как должен выглядеть psd макет колонок? Чтобы нарисовать свой дизайн в полный экран.

Только не говорите, расставьте колонки на 1920px)) Даже если так, то объясните как будет это свёрстано. СПАСИБО большое!
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
Kadzi
@Kadzi
Ом
Илья, зайди в гугле в режим разработчика и посмотри брейкпоинты:

5b1c394dc75eb407974712.png

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

Как нужно такое делать:

1) придумываешь блоки
2) прикидываешь, что будет резиновым, а что нет
3) учитываешь поведение элементов, при разных разрешениях
4) посмотри как ведут себя блоки при растяжке на сайте, в режиме разработчика

Да, возможно нужна будет сетка под 1920 (например для карточек интернет-магазина). Посмотри как пример сайт студии лебедева в режиме разработчика, вопросы отпадут. У них текст остается какбы в пределах 1200px, а карточки и фоны тянутся по всей ширине.

p.s переходи срочно в figma, это в разы ускорит разработку + там ты сразу можешь тестить свой дизайн.

прикладываю на всякий случай сетки, копируй их в свой документ в фигме и делай все там (там кстати можно прям в режиме реального времени протестить как поведут себя блоки при растяжке)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы