1 of 14

Основні тренди у веб-дизайні

За навчальною програмою 2018 року

Урок 1

10

(11)

2 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

В першу чергу, тенденції в дизайні торкнулися мобільних ґаджетів. Частота переглядів сайтів за допомогою мобільних пристроїв перевершує використання ноутбуків і комп'ютерів. Пристрої для перегляду інформації в Інтернеті:

комп'ютер

ноутбук

планшет

смартфон

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

3 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Логічно, що дизайн сайту повинен мати адаптивну версію дизайну.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

4 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Сторітеллінг — мистецтво складання і розповідання захопливих історій.

Сторітеллінг може виступати у вигляді:

відео

гіф-анімації

Або розділений за блоками і може бути розміщений по всій довжині сторінки.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

5 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Більше простору.

Великий білий простір візуально збільшує екран, що не дозволяє користувачеві втратити концентрацію. До того ж, цей колір поєднується з усіма іншими, тому в якості акцентів або дизайнерських ідей можна вибирати абсолютно будь-які відтінки.

І вони будуть виглядати просто чудово.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

6 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Адаптивні логотипи.

Адаптивні логотипи в залежності від розміру екрану мобільного девайсу можуть автоматично підлаштовуватися під нього.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

7 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Студійні мінімалістичні фото сфокусує увагу відвідувача і не дозволить йому відволіктися.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

8 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Яскраві кольори підкреслюють загальну ідею. Кольори передають емоції, а емоції - найголовніше для користувача.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

9 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Тренди в веб-дизайні – динамічна структура. Те, що ще вчора було модно і актуально, вже завтра може стати пройденим етапом, "минулим століттям".

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

10 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Нестандартне розташування блоків

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

11 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Повноекранне відео

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

12 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Повноекранне відео

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

13 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Геометричні форми і візерунки

Правильний підбір візерунків і форм допоможуть створити цілісну і привабливу композицію, яка дуже високо цінується веб-користувачем.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

14 of 14

Основні тренди у веб-дизайні

Розділ 1 § 3

Геометричні форми і візерунки

І, незважаючи на те, що технологія 2D поступово здає свої позиції, поступаючись 3D, подібні прийоми можуть значно освіжити концепцію дизайну, зробивши його сучасним і дуже цікавим.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua