Как делать адаптивный дизайн?

Question

[GoSteax]

Доброго времени суток!

Вчера твёрдо решил, что хочу научится делать адаптивный дезигн, только вот нормальных материалов/курсов на эту тему не нашёл. От безнадёги, решил обратиться к Вам. Надеюсь на вашу помощь.

Answer 1

[Алекс Глебов]

знакомишься с сеткой
вместо 1 макета делаешь 2-3-4
постепенно делаешь перестроение контента в 1 колонку на всю ширину экрана
уменьшаешь шрифты, размеры, отступы
https://youtu.be/3mV-Yw6cm-E

Comments

[GoSteax]

С сеткой всё и так понятно, ну а вот как правильно расставлять все иконочки, блоки и тд.

[Алекс Глебов]

GoSteax, положения блоков перестроятся по сетке, иконок - по микросетке внутри блока.
вам только размеры уменьшить

[Ankhena]

Алекс Глебов, GoSteax, есть теория, что шрифт должен увеличиваться при уменьшении экрана.

[Алекс Глебов]

Ankhena,
да, встречал, что увеличивают. Но мне читать тяжело такой текст. 16px, как было на десктопе, хорошо смотрится. А в остальном, стараюсь уместить на 1 экране телефона как можно больше инфы.

вот поведение размера шрифтов из бутстрапа, как пример


увеличить можно ссылки, или поле вокруг них, чтобы было удобно попадать.

[Ankhena]

Алекс Глебов, Не думаю, что может быть однозначная рекомендация. Зависит от контента.
Те несколько сайтов от одного дизайнера, который увеличивал шрифт на мобилках, смотрелись очень хорошо и аккуратно. Причем, с компа в адаптивном режиме не было очевидно, что так правильно делать, а с реального устройства - прекрасно.

Answer 2

[Panicosha]

Попробуйте обратиться к https://raketa.top/
Они занимаются разработкой сайтов, должны и с этим помочь