Веб дизайн без программирования

1.

Веб дизайн без
программирования

2.

План Урока
Изучить основы
типографической
композиции: точки,
линия, прямоугольник
Научиться применять в
дизайне принцип
“якорных объектов”
Работать со шрифтами и
их композицией
Разработать сайт в
Readymag из нескольких
блоков

3.

Якорные точки

4.

Якорные точки
- это места на любой странице,
которые привлекают особое
внимание пользователя

5.

Примеры

6.

Примеры

7.

Пример на сайте

8.

Строчки
вверху
занимают
сразу 2
точки
Большая
надпись в
центре
Полезное
меню
Текст расположен
так, что
попадает в одну
из точек

9.

Также якорные объекты могут быть не точками, а
относится к краям экрана, становится линиями

10.

Пример расположения элементов линией

11.

Любая страница состоит из...

12.

Любая страница состоит из...
Точки (логотипы, иконки) -
Линия (текст, меню) -
Прямоугольники (текст, фото) -

13.

Внимание!
Если комбинировать примитивные объекты и
якорные точки/линии, то получается классный
дизайн

14.

Например такой

15.

Прямоугольник
Линия
Прямоугольник
Прямоугольник
Точк
а
Линия

16.

Создадим экран в Readymag с учетом этих знаний

17.

<Thank you!/>