Jump to content
  • Sign in to follow this  

    Связка блоков между собой

       (6 reviews)

    Евгений Зубов
    • 18 4,25,2,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2016_06/18_%D0%A1%D0%B2%D1%8F%D0%B7%D0%BA%D0%B0_%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2_%D0%BC%D0%B5%D0%B6%D0%B4%D1%83_%D1%81%D0%BE%D0%B1%D0%BE%D0%B9.mp4.daeeb8cffeaf77912f5ef461152a2b1f.mp4 5 До 5 минут Евгений Зубов display: none; Средняя сложность display: none;

      Продумайте расположения и связки между блоками в соответствии с правилами о которых шла речь в этом уроке.

      Теперь мы научимся работать с целыми блоками, а не только с отдельными элементами. Под блоком я подразумеваю весь экран, в данном примере это вся фиолетовая область. Так вот с работой над целыми блоками есть свои правила, соблюдая которые, вы не сделаете ошибки.

      1. Высота первого блока
        Для примера создадим заливку для первого блока, сделаем прямоугольник максимально по ширине. Данное правило как раз касается того, какой высоты должен быть задний фон первого экрана. Рекомендуется устанавливать высоту первого блока либо равной 700 пикселям, либо больше 700 пикселей.

        Дело в том, что есть популярные разрешения экрана, которыми пользуются люди. Каждый год составляется рейтинг таких разрешений. И на 2016 год именно высота 700 пикселей будет гарантировать то, что на большинстве устройств ваш сайт будет смотреться полноценно.

        То есть, вся информация в первом блоке лендинга попадет в экран, все кнопки будут на своих местах. Поэтому данное правило обязательно к выполнению, если вы хотите получать максимум результата от вашего лендинга.
         
      2. Чередование оттенков блоков
        Если правильно чередовать оттенки блоков, то вы достаточно легко добьетесь хорошего качества. То есть, если предыдущий блок у вас темный, то следующий блок должен быть значительно светлее, далее снова темнее, потом снова светлее.

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

    Чтобы лендинг смотрелся гармонично и целостно, очень важно правильно связать блоки между собой. Для этого тоже существуют свои правила и методики, о которых и рассказывается в этом уроке.


      Report Занятие
    Sign in to follow this  


    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest

    Genka

    +

    Share this review


    Link to review
    Guest Падалко Сергей

    +

    Share this review


    Link to review

×
×
  • Create New...