Web design beginning

shift + ctrl + 4 (mac os - shift + command + 4 )

Tab

alt (mac os - option)

shift + R

1

2

3

4

14-22 px

14-32 px

12-21px

10-32px

a)

b)

c)

d)

Для визначення міжрядкової відстані у контенті помножуємо кегль на 1.5-1.7.

Оптимальний інтерліньяж для основного контентного тексту від 130%-150%.

Чим більший розмір тексту заголовків, тим менший у нього може бути інтерліньяж.

Правило гарного тону у типографіці налаштовувати інтерліньяж за допомогою відсотків, а не пікселів.

плейсхолдер завжди залишається видимим, заголовок може зникати

плейсхолдер зникає, заголовок завжди залишається

заголовок може слугувати плейсхолдером і зникати при введенні тексту у поле

заголовок може слугувати плейсхолдером і при введенні тексту у поле змінювати свою позицію, щоб не заважати користувачу друкувати текст

a)

b)

c)

d)

a) гротеск b) гротеск с) антиква d) декоративний

a) гротеск b) гротеск с) антиква d) моноширний

a) гротеск b) моноширний с) антиква d) антиква

a) моноширний b) гротеск с) антиква d) декоративний

UI Kit має бути в кожному проєкті для будь-якого сайту

Ваєрфрейм це низькодеталізований фрейм майбутнього продукту

Не завжди обов'язково робити дослідження перед створенням сайту

Файл для передачі макету розробникам обов'язково має бути з доступом редагування

150px-100px-50px-30px-20px-10px

160px-80px-40px-24px-16px-8px

100px-50px-25px-15px-10px-5px

130px-120px-110px-30px-20px-10px

Пункти у футері можуть бути як посиланнями на інші сторінки та сторонні сайти, так і навігацією по головній сторінці

Футер може існувати замість сторінки контактів

Футер обов'язково має містити пункти навігації, privacy policy, іконки соцмереж, контакти для зв'язку

У футері може бути форма зв'язку або підписки

Хедер може бути у вигляді бургеру у десктопній версії

На інших сторінках сайту хедер може бути різний

Лого у хедері може слугувати замість пункту "Головна сторінка"

У хедері можуть бути кнопки, що повторюються у футері і на сторінці

a)

b)

c)

d)

.png

.svg

.jpg

.pdf

Переважно задаємо від'ємний кернінг для прописних літер

Для основного тексту маленькими літерами переважно не задаємо кернінг

Кернінг 1-2% можна додавати у тексті на кнопках

Деякі широкі шрифти краще виглядають з від'ємним кернінгом

left

center

top

bottom

Це якісний показник простоти та зручності використання сайту

Сукупність способів, за допомогою яких користувач взаємодіє з сайтом

Відчуття, що виникає у людини при взаємодії з сайтом

Відсотковий показник, що демонструє скільки користувачів зробило цільову дію на сайті

Перемикач

Радіобатн

Чекбокс

Дропдаун

СТА елементів

Заголовку

Повідомлення

Відео