Как вообще адаптируют Dashboard в дизайне?

Question

[muhammadiev1]

Я сейчас делаю панель пользователя Dashboard, для образовательной платформы. И возник вопрос какие сетки использовать в дашборде, как вообще адаптируют их под другие устройства?

Посоветовался и сказали делать сразу 5 версий: 2 десктоп, 1 планшет, 2 мобильной версии.

И еще вопрос, sidebar который будет прикреплен к левому краю должен входить в сетку?

Comments

[Сергей delphinpro]

А зачем акцент на дашборд? На мой взгляд, этот такой же сайт, как и все остальное. И адаптируется по тем же принципам.

[muhammadiev1]

Сергей delphinpro, Ну потому что основная часть проекта. И там будут обучаться разные люди с разными устройствами. Просто немного не понятна как адаптировать

[Сергей delphinpro]

muhammadiev1,

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

Это совершенно лишняя информация.

Что именно не понятно?

В общем случае ответ на вопрос "Как вообще адаптируют Dashboard в дизайне?" - с помощью медиазапросов.

[Ankhena]

muhammadiev1, точно также как не дашборд: при необходимости перестраивать блоки, менять шрифты, отступы и т.д.
Вам нужно как-то конкретизировать вопрос, что именно вам не придумать.

но мне нужно именно под мою ситуация

Очень мило и где о ней хоть слово в вопросе?

Answer 1

[iBird Rose]

Примеров готовых шаблонов Dashboard полно. Открывай да смотри как люди делают и применяй у себя https://themeforest.net/category/site-templates/ad...

Comments

[muhammadiev1]

Я видел полно примеров, но мне нужно именно под мою ситуация. Во многом в примерах все просто ради показа сделаны, а не ради реальной разработки. А тут невозможно открыть, вроде надо покупать

[Алексей Уколов]

muhammadiev1, как что-то делать именно под вашу ситуацию можете знать только вы.

[iBird Rose]

muhammadiev1,

А тут невозможно открыть, вроде надо покупать

Live preview кнопку нажми. любой шаблон там можно прям как сайт открыть и смотреть

[imko]

muhammadiev1, а твою ситуацию вангануть надо?)

Answer 2

[UthvfyV]

в адаптивной вёрстке меняют стили не для десктопа, планшета, и моб. версии а для всех размеров начиная от допустим 1450px и кончая 150-200px. Чтобы увидеть как выглядит ваш сайт при других размерах экрана (а это и есть десктоп, планшет, и моб. версии) кликните правой кнопкой по любому месту на странице. Если хром то внизу "Посмотреть код", если мазила то так же внизу "Исследовать". И нажмите куда указывает стрелка на скрине. И подвигайте серую полосу справа. И вы увидите как выглядит ваш сайт на др. устройствах.