Вправа 4.5

Підручник: Figma. Композиція та макет

Вам вже відомо, як створювати малюнки в графічному редакторі, створіть макет домашньої сторінки сайту. Скористайтеся знаннями з композиції, типографіки, складання кольорових схем.

Частина 1: Проєктування для ПК

  • Перейдіть за посиланням figma.com та авторизуйтеся за допомогою електронної пошти.
  • Оберіть + Create new.
  • Клацніть Design file.
  • Створіть фрейм за розміром звичайного сайту.
  • Створіть початкову сторінку сайту про Олімпійські ігри.
  • Намалюйте меню.
  • Додайте три кнопки навігації.
  • Намалюйте логотип.
  • Додайте текст та зображення.
Макет Olympic Games

Частина 2: Проєктування для мобільних пристроїв

Створіть такий самий макет домашньої сторінки сайту для смартфону з урахуванням того, що сайт повинен бути зручним саме для портативних пристроїв.

  • Перейдіть за посиланням figma.com та авторизуйтеся за допомогою електронної пошти.
  • Оберіть + Create new.
  • Клацніть Design file.
  • Створіть фрейм за розміром екрана мобільного пристрою.
  • Створіть початкову сторінку сайту про Олімпійські ігри.
  • Намалюйте меню.
  • Додайте три кнопки навігації.
  • Намалюйте логотип.
  • Додайте текст та зображення.