Привет, Макс. ) Из-за тебя я в веб-дизайне уже 2 года) первые уроки смотрел именно у тебя. Потом ты куда-то пропал, хотя рассылка шла о курсах исправно. Рад, что ты вернулся на ютуб и выпускаешь полезные видео. Желаю удачи.
Вопрос: если дизайн делается под 1920, соответственно расположение элементов по стандартной сетке в 1140 выглядит убого, все очень скомкано к центру. Что делать в этом случае? Верстать с огромными пустыми полями по бокам или можно как это изменить сетку? То же самое про экраны 4к и т.д. Как рассчитать колонки и отступы в таком случае?
Очень просто, делай адаптивно-резиновую верстку и дизайн, на разные размеры экрана. Грубо горя, делать 5-6 вариантов верстки 8K-4K, 4K-FullHD, FullHD-1170, 1170-960, 960-600, 600-480...
уже конечно врядли тебе это нужно, но у него есть видео, на котором рассказывают как считать эти сетки самостоятельно под любой размер, ну и в этом видео он говорил про "бутстрап" и разные плагины для фотошопа, там тоже есть информация
Боже упаси! Меню -- один модуль в дизайне. Как карточка товара, например. Вы же широкую карту по буквам не разносите на колонки? Внутри контейнера действует свой поток, свои пропорции деления пространства, если вообще что-то делится, кроме как пара кнопок на одной строке. Так и меню имеет свою логику распределения пространства, которая уже выпадает из логики распределения блоков адаптивной сетки. Поэтому равные по рангу элементы равноудалены друг от друга.
Предлагаю подискутировать на тему выравнивания первого меню по линии "Салон". Очевидный позыв я понимаю, однако выравнивая менюшки по строкам "Салон Цветов" мы логически раскалываем Салон и Цветов как будто это не фраза, а два одноранговых термина а также стягиваем Салон с первой строкой и Цветов со второй, как будто эти менюшки раскрывают какую-то систему подчинения соответственно этих двух терминов. Нужна какая-то укрепляющая связка на "Салон Цветов" как цельной единице, чтобы предотвращать этот эффект логического распада. Например поместить в прямоугольник, рамку, фон или ЛН/ПВ углы с обивкой отметить крестами-засечками, формируя воображаемый прямоугольник. Что-то здесь надо сделать, это точняк.
Теперь проблема: ваша 960 грид очень вообще узенькая, рассчитанная на ОЧЕНЬ СТАРЫЕ мониторы максимум HD разрешения, но сейчас даже если бутстрап использовать (а он 1170) в ширину на мониторах 1920 шириной поля все равно слишком большие, клиенты очень сильно ругаются, не говоря уже о раобтодателях (( под какие форматы сейчас в 2021 какие сетки могут подойти? Проблема что никто вообще не может ничего посоветовать универсального, максимум сходятся на 12 колонках и то некоторые с таким скепсисом, типа это мега старо а бутстрап вообще для чайников. Как сейчас то быть? Ведь нельзя же начать разработку дизайна не рассчитав сетку? С Сетками реальная засада, либо что то самому придумывать ли стандарты кардинально поменялись.
А разве нет модульных сеток под 1920? Сейчас широкоформатное разрешение очень популярно! Да и в 960px ничего нормально не вместишь, чтобы красиво еще смотрелось, когда открываешь такой сайт на широкоформатном монике, то плакать хочется
суть не в популярности разрешения, а в универсальности, если затачивать дизайн под 1920рх, то как это будет выглядеть у тех людей, у кого разрешение 1280? всё сильно зависит от целей сайта, необходимых функций и т.п., а потом, учитывая все нюансы, можно делать либо "резиновый" дизайн, который будет масштабирваться, либо заполнять пустоты по бокам хитрым фоном (который не будет терять своей информативности на малых разрешениях, например что-то абстрактное), ну или наплевать на огромную часть потенциальной аудитории с меньшим разрешением, и пилить сайт только для тех, у кого 1900+ так же можно запилить несколько дизайнов, и скриптами определять разрешение экрана посетителя и загружать нужную версию сайта..
По нормальному делается диз под разрешение 1920, а потом адаптируется под 1440, 1280, 960 и тд. Это просто больше работы и больше ступеней адаптивности. Либо делается резиновый сайт. Вариантов масса
@@potatosgame5606 можно вопрос,сеичас говорят что сетки бутстрапа не актуальны с 1140 областью.так ли это?И какиe сeичас лучшe в 2020,пeрeсмoтрeл кучу кoнтeнта и oтвeта нe нашёл(
что бы разобраться как работать с сеткой, достаточно сверстать пару сайтов, и тогда уже создавая дизайн сайта будешь думать как бы ты его верстал, что весьма облегчит работу верстальщику.
Школа веб-дизайна Максима Солдаткина так то хороший дизайнер должен знать принципы верстки хотя бы, а для создания адаптивных сайтов полюбому понимать как что будет работать, это и есть хорошая прокачка для дизайнепа, иначе он будет приносить страдания другим верстальщикам своими макетами. Так же как и понимать базовые принципы продвижения и интернет маркетинга, особенно работая с низкобюджетными сайтами, где тебе тз не составит маркетолог с сеошником. А научиться работать с типографикой и рисовать кнопочки дело не хитрое.
нууу, выучить основы css (не такие уж и основы местами), html... всё, чтобы понять, что есть шаблон с которым работает верстальщик... На сеточках в основном однотипные сайты собираются, конструктор. И один другому не аксиома. Сиди и объясняй дизайнеру, почему в бутстрапе маржи не схлопываются, а в стандартном статическом потоке -- да. Да и на флоутах тоже. Оно ему надо? За час верстальщик может нарисовать сетку и объяснить, что "наш конструктор работает так, так и делай, а то тимлит премии лишит". И всё. Усвоение этой высокой технологии происходит за час максимум. Или за вечер дома, если тупит дизайнер. Ему ничего не надо знать, кроме того, что максимально столбцов 12, что такие-то модули занимают такую-то ширину в столбиках, попутно перекрывая межколоночные интервалы. Пока дело до ритма дойдёт, он уже будет очень комфортно себя с этми чувствовать. У нас дизайнер уже :has() знает, а сетку бутстрапа еще в глаза не видела.
лирика: веб-дизайнер должен знать о сетке, но думать о ней не слишком рано, иначе унылое говно получается, даже если оно изячное, как Эппл. Креатив нельзя родить в сетке-клетке. Сначала всё равно идёт отрисовка (с погрешностями), потом уже в сетку это дело адаптируется при участии второго мнения (эффект замыленного глаза), возможно, это верстальщик, не лишенный художественного вкуса. у нас лучшие работы в команде рождались из макетов, за которые хотелось дизайнеру пальцы поломать из-за трудноисполнимости его выбрыков. Классно, но в реализации застрелиться можно. А потом получается рабочая вёрстка, пиксел-в-пиксел, со всеми свистульками и элегантным лаконичным кодом. Оглядываешься, и понимаешь, что и стиль прокачал, и функционал, который неделю назад считал невозможным сделал, да с анимашечками и переходиками и сложными селекторами и всё без скриптов, и красотищу убивать не пришлось из-за технических лимитаций. А если сразу дизайнить под вёрстку, сразу делаешь то, что сможешь, а не то, что надо. До факта никогда не знаешь, что именно сможешь. Один чудик курсы ведет за деньги, так он не мог на фон SVG поставить, чтобы тот правильно скалировался (а там шапка своеобразная, колоть надо под края и тянущуюся середину). Вот я его примере еще раз убедился, что чел, который не хардкорный верстальщик, и не хардкорный дизайнер -- он ни рыба ни мясо. Такое, средней правой руки специалист.
Там же в скече 1024 артборд не 960? Сетку нужно было делить под него? 1) Помогите :) ! И очень важный вопрос у меня на который я пока, как супер новичок ищу ответ, может подскажете? В скече экспорт в pdf возможен. Разработчикам всё хозяйство готовое тоже в pdf отдавать? И если UI для приложения рисую, тоже? 2) А как полоски красные направляющие потом убрать в линейке? Прошу прощения, пока вообще познаю эти нюансы. Хотя уже рисую и пытаюсь всё пробовать. Жаль работы для начала не найти с СПб подходящей, талант вроде присутствует.
Это не слой, это режим отображения. Эти "полоски" не являются графическим объектом макета и никуда не экспортируются. Их захватить развет что скриншотом можно. Они мнимые с т.з. макета.
Материал не совсем корректный. У сетки также присутствуют боковые отступы, в данном случае по 10px с каждой стороны, сам центральный контейнер должен быть шириной 940px остальные 20px приходятся на боковые отступы. Учитывайте это пожалуйста при дизайне макетов. Рекомендация для новичков: Попробуйте сверстать страницу используя bootstrap 4 или другую его версию. Без навыка верстки на рынке вам придется очень тяжело. Не сдавайтесь, поглощайте теорию, получайте пизды от верстальщиков и все будет хорошо)
На 8:40 там где цветок дизайн ГОВНО это касательно верхней шапки... Я не знаю может дизанера пытали чтобы сделать вот это но шапка сильно нагромаждена -_- куча всего что НАФИГ не нужно... может доставка и выбор региона нужно я не спорю но справа "оплата, доставка, статус заказа " и вот это все нафиг не нужно! это вообще нужно отпавить в футор люди это не кликают! что касается статуса заказа это нужно показывать после регистрации а не ДО. также кнопка бонусы наверняка принажатии на нее попросит регистрацию нафига она нужна! пользователь не залогинен. + вот этот большой БАНЕЕЕЕРРРР "ОТРЫТКА В ПОДАРОК...." Вот только ради открытки пользователь покупает цветы. Это как "Купите квартиру и бейзболка в подарок" фот этот банер вообще лищний лучше к каждому товару это приписывать а не отедать несколько пикселей высоту....
И вовообще автору нужно перевести сайт на китайский язык по посмтореть как он понимет где что находится. Очень ОЧЕНЬ много текста ОЧЕНЬ МНОГО меню. люди читать не любят.
Тема модульные сетки. Сделайте тоже что-то полезное и мы с удовольствием посмотрим. Думаю найдется даже парочка неадекватов которые вас похейтят. Что за народ такой, сами ничего не делают а только критикуют.
Мария, на 8:40 это стандартный ux снг-шного магазина. Убирать доп. инфу в футер нет смысла, на ненужную пользователю инфу не обратят внимания, а если нужно посмотреть статус заказа, то этот пункт будут искать именно там. У нас в стране на китайском не читают. Чаще всего покупают цветы на какой-то праздник, и соответственно открытка так же может заинтересовать пользователя, а сравнение бейсболки и дома неудачное. Конечно с точки зрения дизайна и простоты можно всё убрать, но никто не отменял потребности и привычки целевой аудитории, аналитику, a-b тестирование и т д. P.S. ui сайта и в правду ужасен:)
-_- Так я не модульную сестку критиковала а макет на который он операется и который мелькнул... Снять видео и раскатьзать сложно я это знаю. Я про мокет говрила...
Отступы у колонки не с одной стороны, а с обоих. То есть если в уроке говорится про 20 пиксельные отступы, это значит что у каждой колонки по 10 пикселей по бокам. У бутстрапа по 15, значит между колонками по 30 пикселей. Причем бутстрап адаптивный, при небольшом разрешении отступы тоже становится по 20 пикселей
Привет, Макс. )
Из-за тебя я в веб-дизайне уже 2 года) первые уроки смотрел именно у тебя. Потом ты куда-то пропал, хотя рассылка шла о курсах исправно. Рад, что ты вернулся на ютуб и выпускаешь полезные видео.
Желаю удачи.
Привет, спасибо, и тебе успехов :)
Как дела вышел на фриланс или в студию?
Содержательно и интересно! Спасибо, Максим. Вы очень доходчиво всё объясняете. Остановилась на Ваших уроках. 👍
Интересно было бы, узнать о нестандартных сетках
Вопрос: если дизайн делается под 1920, соответственно расположение элементов по стандартной сетке в 1140 выглядит убого, все очень скомкано к центру. Что делать в этом случае? Верстать с огромными пустыми полями по бокам или можно как это изменить сетку? То же самое про экраны 4к и т.д. Как рассчитать колонки и отступы в таком случае?
Очень просто, делай адаптивно-резиновую верстку и дизайн, на разные размеры экрана.
Грубо горя, делать 5-6 вариантов верстки 8K-4K, 4K-FullHD, FullHD-1170, 1170-960, 960-600, 600-480...
уже конечно врядли тебе это нужно, но у него есть видео, на котором рассказывают как считать эти сетки самостоятельно под любой размер, ну и в этом видео он говорил про "бутстрап" и разные плагины для фотошопа, там тоже есть информация
@@wov2004, не останавливайся, ты упустил пару вариантов. У меня цветной Сименс С62 лежит без дела, надо что-то делать! 🙂
@@parahumanoid супер, скинь ссылку на скришот его экрана с открытым я.маркетом.
@@wov2004, издеваешься, да? Редиска.
Я смотрю, ты Notion юзаешь. В качестве оффтопика, рассматривал ли ты его для себя в контрасте с Obsidian и почему остановился именно на нём?
Я думала, выравнивать по сетке надо все слова, а не начиная с первого, а все остальные по нему уже. Спасибо)
Боже упаси! Меню -- один модуль в дизайне. Как карточка товара, например. Вы же широкую карту по буквам не разносите на колонки? Внутри контейнера действует свой поток, свои пропорции деления пространства, если вообще что-то делится, кроме как пара кнопок на одной строке. Так и меню имеет свою логику распределения пространства, которая уже выпадает из логики распределения блоков адаптивной сетки. Поэтому равные по рангу элементы равноудалены друг от друга.
Самое банальное замечание - у вас написано "модульная сетка", а вы только про колонки говорите. Вроде как модульная сетка состоит из строк и колонок.
Подскажите пожалуйста , где брать картинки без фона или как их создавать ?! Спасибо 😊
Вводишь в поисковик то что хочешь найти и добавляешь png , но есть картинки, которых нет в формате вектора(прозрачного фона)
Предлагаю подискутировать на тему выравнивания первого меню по линии "Салон". Очевидный позыв я понимаю, однако выравнивая менюшки по строкам "Салон Цветов" мы логически раскалываем Салон и Цветов как будто это не фраза, а два одноранговых термина а также стягиваем Салон с первой строкой и Цветов со второй, как будто эти менюшки раскрывают какую-то систему подчинения соответственно этих двух терминов. Нужна какая-то укрепляющая связка на "Салон Цветов" как цельной единице, чтобы предотвращать этот эффект логического распада. Например поместить в прямоугольник, рамку, фон или ЛН/ПВ углы с обивкой отметить крестами-засечками, формируя воображаемый прямоугольник. Что-то здесь надо сделать, это точняк.
Теперь проблема: ваша 960 грид очень вообще узенькая, рассчитанная на ОЧЕНЬ СТАРЫЕ мониторы максимум HD разрешения, но сейчас даже если бутстрап использовать (а он 1170) в ширину на мониторах 1920 шириной поля все равно слишком большие, клиенты очень сильно ругаются, не говоря уже о раобтодателях (( под какие форматы сейчас в 2021 какие сетки могут подойти? Проблема что никто вообще не может ничего посоветовать универсального, максимум сходятся на 12 колонках и то некоторые с таким скепсисом, типа это мега старо а бутстрап вообще для чайников. Как сейчас то быть? Ведь нельзя же начать разработку дизайна не рассчитав сетку? С Сетками реальная засада, либо что то самому придумывать ли стандарты кардинально поменялись.
@@denispaverin4584 на момент написания видео видать 1920 не так было актуально, а времени прошло не так много а как все многое устарело уже
Максим, урок просто прекрасный. Жаль, что вы не показали как это делается в Figma :-(
да, мне тоже интересно было бы
@@viva3575 показал же 5:15
5:15
А разве нет модульных сеток под 1920? Сейчас широкоформатное разрешение очень популярно! Да и в 960px ничего нормально не вместишь, чтобы красиво еще смотрелось, когда открываешь такой сайт на широкоформатном монике, то плакать хочется
суть не в популярности разрешения, а в универсальности, если затачивать дизайн под 1920рх, то как это будет выглядеть у тех людей, у кого разрешение 1280?
всё сильно зависит от целей сайта, необходимых функций и т.п., а потом, учитывая все нюансы, можно делать либо "резиновый" дизайн, который будет масштабирваться, либо заполнять пустоты по бокам хитрым фоном (который не будет терять своей информативности на малых разрешениях, например что-то абстрактное), ну или наплевать на огромную часть потенциальной аудитории с меньшим разрешением, и пилить сайт только для тех, у кого 1900+
так же можно запилить несколько дизайнов, и скриптами определять разрешение экрана посетителя и загружать нужную версию сайта..
@@feerducker8338 и что делать сейчас 1140 сетку на 1920 вообще не круто
По нормальному делается диз под разрешение 1920, а потом адаптируется под 1440, 1280, 960 и тд. Это просто больше работы и больше ступеней адаптивности. Либо делается резиновый сайт. Вариантов масса
@@potatosgame5606 можно вопрос,сеичас говорят что сетки бутстрапа не актуальны с 1140 областью.так ли это?И какиe сeичас лучшe в 2020,пeрeсмoтрeл кучу кoнтeнта и oтвeта нe нашёл(
Спасибо, Максим. Очень полезное видео.
Спасибо большое!Полезно и понятно.
5:37 - забыл обрезать, пересмотри
Максим у меня один и тупой вопрос - а куда в Ps грузится скачанная сетка?
Большое спасибо) как всегда очень полезно =)
Пожалуйста :)
Извините , а что это вообще за редактор( в котором вы ваяете)?
Скетч
@@teddoro Спасибо-нашёл.
что бы разобраться как работать с сеткой, достаточно сверстать пару сайтов, и тогда уже создавая дизайн сайта будешь думать как бы ты его верстал, что весьма облегчит работу верстальщику.
Чтобы сверстать пару сайтов надо пару недель помудиться с версткой и отвлекаться от прокачки в дизайне. Сомнительный способ изучать сетки дизайнерам.
Школа веб-дизайна Максима Солдаткина так то хороший дизайнер должен знать принципы верстки хотя бы, а для создания адаптивных сайтов полюбому понимать как что будет работать, это и есть хорошая прокачка для дизайнепа, иначе он будет приносить страдания другим верстальщикам своими макетами. Так же как и понимать базовые принципы продвижения и интернет маркетинга, особенно работая с низкобюджетными сайтами, где тебе тз не составит маркетолог с сеошником. А научиться работать с типографикой и рисовать кнопочки дело не хитрое.
Нужно учиться последовательно и верно расставлять приоритеты. Наша цель - не низкобюджетные сайты, а высокобюджетные.
нууу, выучить основы css (не такие уж и основы местами), html... всё, чтобы понять, что есть шаблон с которым работает верстальщик... На сеточках в основном однотипные сайты собираются, конструктор. И один другому не аксиома. Сиди и объясняй дизайнеру, почему в бутстрапе маржи не схлопываются, а в стандартном статическом потоке -- да. Да и на флоутах тоже. Оно ему надо? За час верстальщик может нарисовать сетку и объяснить, что "наш конструктор работает так, так и делай, а то тимлит премии лишит". И всё. Усвоение этой высокой технологии происходит за час максимум. Или за вечер дома, если тупит дизайнер. Ему ничего не надо знать, кроме того, что максимально столбцов 12, что такие-то модули занимают такую-то ширину в столбиках, попутно перекрывая межколоночные интервалы. Пока дело до ритма дойдёт, он уже будет очень комфортно себя с этми чувствовать.
У нас дизайнер уже :has() знает, а сетку бутстрапа еще в глаза не видела.
лирика:
веб-дизайнер должен знать о сетке, но думать о ней не слишком рано, иначе унылое говно получается, даже если оно изячное, как Эппл. Креатив нельзя родить в сетке-клетке. Сначала всё равно идёт отрисовка (с погрешностями), потом уже в сетку это дело адаптируется при участии второго мнения (эффект замыленного глаза), возможно, это верстальщик, не лишенный художественного вкуса. у нас лучшие работы в команде рождались из макетов, за которые хотелось дизайнеру пальцы поломать из-за трудноисполнимости его выбрыков. Классно, но в реализации застрелиться можно. А потом получается рабочая вёрстка, пиксел-в-пиксел, со всеми свистульками и элегантным лаконичным кодом. Оглядываешься, и понимаешь, что и стиль прокачал, и функционал, который неделю назад считал невозможным сделал, да с анимашечками и переходиками и сложными селекторами и всё без скриптов, и красотищу убивать не пришлось из-за технических лимитаций. А если сразу дизайнить под вёрстку, сразу делаешь то, что сможешь, а не то, что надо. До факта никогда не знаешь, что именно сможешь. Один чудик курсы ведет за деньги, так он не мог на фон SVG поставить, чтобы тот правильно скалировался (а там шапка своеобразная, колоть надо под края и тянущуюся середину). Вот я его примере еще раз убедился, что чел, который не хардкорный верстальщик, и не хардкорный дизайнер -- он ни рыба ни мясо. Такое, средней правой руки специалист.
Там же в скече 1024 артборд не 960? Сетку нужно было делить под него?
1) Помогите :) ! И очень важный вопрос у меня на который я пока, как супер новичок ищу ответ, может подскажете? В скече экспорт в pdf возможен. Разработчикам всё хозяйство готовое тоже в pdf отдавать? И если UI для приложения рисую, тоже?
2) А как полоски красные направляющие потом убрать в линейке?
Прошу прощения, пока вообще познаю эти нюансы. Хотя уже рисую и пытаюсь всё пробовать. Жаль работы для начала не найти с СПб подходящей, талант вроде присутствует.
Это не слой, это режим отображения. Эти "полоски" не являются графическим объектом макета и никуда не экспортируются. Их захватить развет что скриншотом можно. Они мнимые с т.з. макета.
Супер!
маки не у всех где figma
Фотошоп тоже умеет создавать все эти сетки. Просмотр -> Новый макет направляющей
о, спасибо братан! )))))
А в какой программе Максим делал "Салон Цветов" ?
Скетч
Michael Nikolaevich, спасибо!
+?
Спасибо, Макс.
Ребят, я не услышал, что за прога не подскажете?
Работаю в Sketch
Материал не совсем корректный.
У сетки также присутствуют боковые отступы, в данном случае по 10px с каждой стороны, сам центральный контейнер должен быть шириной 940px остальные 20px приходятся на боковые отступы.
Учитывайте это пожалуйста при дизайне макетов.
Рекомендация для новичков:
Попробуйте сверстать страницу используя bootstrap 4 или другую его версию.
Без навыка верстки на рынке вам придется очень тяжело.
Не сдавайтесь, поглощайте теорию, получайте пизды от верстальщиков и все будет хорошо)
В шопе тоже есть инструмент создания сеток
Максим Гудков подскажите, пожалуйста!
в фотошопе есть встроенная модульная сетка
Слушай,сколько смотрю твои видео, напрягает одно. Передвинь видео с вебки в другой угол, во время видео, поверх видео стоит иконка
Ооо, в анотации уже новый значок, который сделала студия Лебедева.
Такой он классный)
Не делать общую интерлиньяжную сетку - ошибочная простота.
Или лишний перфекционизм
Урок хороший, но жаль, что не в фотошопе..
Fantom жаль, правда...большинство именно фотошопом пользуется....
Кому то было лень делать адекватный монтаж...
На 8:40 там где цветок дизайн ГОВНО это касательно верхней шапки... Я не знаю может дизанера пытали чтобы сделать вот это но шапка сильно нагромаждена -_- куча всего что НАФИГ не нужно... может доставка и выбор региона нужно я не спорю но справа "оплата, доставка, статус заказа " и вот это все нафиг не нужно! это вообще нужно отпавить в футор люди это не кликают! что касается статуса заказа это нужно показывать после регистрации а не ДО. также кнопка бонусы наверняка принажатии на нее попросит регистрацию нафига она нужна! пользователь не залогинен. + вот этот большой БАНЕЕЕЕРРРР "ОТРЫТКА В ПОДАРОК...." Вот только ради открытки пользователь покупает цветы. Это как "Купите квартиру и бейзболка в подарок" фот этот банер вообще лищний лучше к каждому товару это приписывать а не отедать несколько пикселей высоту....
И вовообще автору нужно перевести сайт на китайский язык по посмтореть как он понимет где что находится. Очень ОЧЕНЬ много текста ОЧЕНЬ МНОГО меню. люди читать не любят.
PS... читаю что я пишу и доблю вот писть тоже не любят... ROFL
Тема модульные сетки. Сделайте тоже что-то полезное и мы с удовольствием посмотрим. Думаю найдется даже парочка неадекватов которые вас похейтят. Что за народ такой, сами ничего не делают а только критикуют.
Мария, на 8:40 это стандартный ux снг-шного магазина. Убирать доп. инфу в футер нет смысла, на ненужную пользователю инфу не обратят внимания, а если нужно посмотреть статус заказа, то этот пункт будут искать именно там. У нас в стране на китайском не читают. Чаще всего покупают цветы на какой-то праздник, и соответственно открытка так же может заинтересовать пользователя, а сравнение бейсболки и дома неудачное. Конечно с точки зрения дизайна и простоты можно всё убрать, но никто не отменял потребности и привычки целевой аудитории, аналитику, a-b тестирование и т д.
P.S. ui сайта и в правду ужасен:)
-_- Так я не модульную сестку критиковала а макет на который он операется и который мелькнул... Снять видео и раскатьзать сложно я это знаю. Я про мокет говрила...
Да ладно!! Пили чаще
Все равно не могу понять почему мы берем отступы по 20 когда по Bootstrap мы по 15 по всей сетке отступаем кто то обяснит этот прикол?
Отступы у колонки не с одной стороны, а с обоих. То есть если в уроке говорится про 20 пиксельные отступы, это значит что у каждой колонки по 10 пикселей по бокам. У бутстрапа по 15, значит между колонками по 30 пикселей. Причем бутстрап адаптивный, при небольшом разрешении отступы тоже становится по 20 пикселей