Куки помогают нам сохранять твои настройки и результаты. Пользуясь сайтом, ты соглашаешься с их обработкой согласно Политике конфиденциальности.
Настройки куки
Файлы cookie, необходимые для корректной работы сайта, всегда включены.
Другие файлы cookie можно настроить.
Основные файлы cookie
Всегда включены. Эти файлы cookie необходимы для работы веб-сайта и его функций. Их нельзя отключить. Они устанавливаются в ответ на ваши запросы, например, при настройке параметров конфиденциальности, входе в систему или заполнении форм.
Аналитические файлы cookie
Disabled
Эти файлы cookie собирают информацию, которая помогает нам понять, как используются наши веб-сайты, насколько эффективны наши маркетинговые кампании, а также помогает нам персонализировать наши веб-сайты для вас. Список используемых нами аналитических файлов cookie можно посмотреть здесь.
Рекламные файлы cookie
Disabled
Эти файлы cookie предоставляют рекламным компаниям информацию о вашей активности в интернете, чтобы помочь им показывать вам более релевантную рекламу или ограничивать количество показов рекламы. Эта информация может быть передана другим рекламным компаниям. Список используемых нами рекламных файлов cookie можно посмотреть здесь.

Рисуем эскиз сайта

Подготовимся проектировать 😎

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

1. Экран. Нарисуй большой горизонтальный прямоугольник, как на рисунке. Это будет наш экран.
2. Получилось?

Добавь линию. Если получается волнительная волнистая — не волнуйся, это не важно. Но если хочешь, можешь использовать линейку. Это будет шапка.
3. Уф. Пока всё просто?

Теперь добавь слева круг и жирную короткую линию. Плюс три тонких линии справа. Это будут логотип и ссылки.
4. Заголовок!

Посередине нарисуй прямоугольник и закрась его. Это главный заголовок.
5. Кнокпа

Ниже добавим короткую линию и небольшой прямоугольник с линией по середине. Это будут описание и главная кнопка (CTA - Call to action - призыв к действию).
6. Дополнительные элементы

Завершим шедевр двумя дугами по краям. Это будут элементы фона.
Ну, вот же, великолепно! Признавайся, ты из художественной школы?

7. Ну, и добавим пояснения на полях.

Они пригодятся нам самим и помогут разобраться другим участникам проекта. Посним что наши каракули — это логотип, ссылки, заголовок, описание, кнопка и элементы фона.
Итого:

У нас получилось пять элементов, с помощью которых мы можем легко рисовать быстрые эскизы, скетчи и наброски:

Круг, прямоугольник, штриховка, и линии толстая и тонкая. Всё просто!
Оцени урок