@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, это в разы ускорит разработку + там ты сразу можешь тестить свой дизайн.

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

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

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 21:17
5000 руб./за проект
28 мар. 2024, в 20:46
150000 руб./за проект
28 мар. 2024, в 20:37
50000 руб./за проект