Практика — рисуем эскиз сайта

  1. Положите перед собой альбом или листы А4.
  2. Возьмите в руку карандаш, ручку или фломастер.
  3. Начинаем рисовать ваш сайт.
Не умеете рисовать?

Точно? Это проверенная информация? Давайте попробуем. Прочерчите большой горизонтальный прямоугольник, как на рисунке ниже. Это будет наш экран.
Получилось? Добавьте линию. Если получается волнистая линия — не волнуйтесь, можно использовать линейку. Это будет шапка.
Уф. Пока всё просто? Теперь добавьте слева круг и жирную короткую линию. Плюс три тонких линии справа. Это будут логотип и ссылки.
Посередине нарисуйте прямоугольник и закрасьте его. Это главный заголовок.
Добавим ниже короткую линию и небольшой прямоугольник с линией по середине. Это описание и главная кнопка.
Завершим шедевр двумя дугами по краям. Это будут элементы фона.
Великолепно! Признавайтесь, учились в художественной школе?
Добавим пояснения на полях. Они пригодятся нам самим и помогут разобраться другим участникам проекта. Логотип, ссылки, заголовок, описание, кнопка и элементы фона.
В итоге у нас получилось пять элементов, с помощью которых мы можем легко рисовать быстрые эскизы, скетчи и наброски. Круг, прямоугольник, штриховка, и линии толстая и тонкая. Всё просто!