Презентация Назира Хасавова о главны составляющих идеального веб-интерфейса

1. РЕЦЕПТ
ИДЕАЛЬНОГО
ИНТЕРФЕЙСА
НАЗИР
ХАСАВОВ
ОСНОВАТЕЛЬ
АРТ-ДИРЕКТОР

2. ЧТО
ТАКОЕ
ВЕБ
ИНТЕР
ФЕЙС
Это совокупность средств,
при помощи которых
пользователь
взаимодействует с
веб-сайтом или любым
другим приложением
через браузер.
Википедия

3. ИНГРЕДИЕНТЫ

4. ОСНОВА
СОУС
СПЕЦИИ

5. ОСНОВА
Информация
Структура
Логотип и элементы
фирменного стиля

6. СОУС
Единство
Отказ от повторений
Интерактив
Адаптивность

7. ЕДИНСТВО
Единство в дизайне создает
сильную взаимосвязь между
элементами интерфейса, так
что пользователь будет
воспринимать их как одно
целое.

8. ОТКАЗ ОТ ПОВТОРЕНИЙ
ПОРТФОЛИО
ПОРТФОЛИО
МОЯ РАБОТА 1
МОЯ РАБОТА 1
МОЯ РАБОТА 2
МОЯ РАБОТА 2
МОЯ РАБОТА 2
МОЯ РАБОТА 1

9. ИНТЕРАКТИВНОСТЬ
Интерактивность (от англ.
interaction — «взаимодействие») —
понятие, которое раскрывает
характер и степень
взаимодействия между
пользователем и интерфейсом.

10. АДАПТИВНОСТЬ
Это интерфейс
обеспечивающий наилучшее
отображение сайта на
различных устройствах

11. СПЕЦИИ
Цвета
Типографика
Пиктограммы
Эффекты

12. ЦВЕТА
Используйте ограниченный
набор цветов и оттенков,
чтобы избежать визуальной
перегруженности.

13. ТИПОГРАФИКА
Дизайнер обязан иметь
хорошую подготовку в
основной дисциплине —
в формировании
текстовой информации,
другими словами —
в типографике.
color-looks.ru

14. ПИКТОГРАММЫ
svyaznoybank.ru/trip

15. ЭФФЕКТЫ
Анимация или другие подобные
эффекты — добавляют динамики
интерфейсу, показывают
преимущества в новом свете или
помогают понять принцип работы
какой-нибудь детали.
millicano.jacobstogether.ru

16. Е
И
Н
Е
Л
В
О
Т
О
Г
И
Р
П

17. ДИЗАЙН — ЭТО НЕ
ТОЛЬКО ТО, КАК
ВЫГЛЯДИТ, НО И
ТО, КАК РАБОТАЕТ.
СТИВ ДЖОБС

18. СТРУКТУРА.
ВИЗУАЛЬНЫЙ ИНТЕРЕС.
ОТКАЗ ОТ ПОВТОРЕНИЙ.
ЭФФЕКТЫ.

19. СИММЕТРИЧНЫЙ
ИНТЕРФЕЙС
АСИММЕТРИЧНЫЙ
ИНТЕРФЕЙС
F-ОБРАЗНЫЙ
ИНТЕРФЕЙС
Z-ОБРАЗНЫЙ
ИНТЕРФЕЙС

20. СИММЕТРИЧНЫЙ
ИНТЕРФЕЙС
Симметричный
дизайн опирается
на принципы
равновесия, ритма,
пропорции и
единства.
Виды симметрии:
— двусторонняя
— радиальная
— трансляционная

21. АСИММЕТРИЧНЫЙ
ИНТЕРФЕЙС
Асимметричный
интерфейс имеет
высокую степень
визуальной
иерархии.

22. F-ОБРАЗНЫЙ
ИНТЕРФЕЙС
F-интерфейс
полагается на
различные
исследования
движения глаз и
поэтому считается
наиболее
естественным для
пользователя.

23. Z-ОБРАЗНЫЙ
ИНТЕРФЕЙС
Z-интерфейс
базируется на 4-х
больших принципах
эффективного
дизайна:
— Брендинг
— Иерархия
— Структура
— Призыв
к действию

24. КРЕАТИВНЫЙ ПРОЦЕСС
Начало
работ
Пофигу
Паника
Дедлайн
Уже
рыдает

25. ДОСТИЖЕНИЕ ПОНИМАНИЯ ТОГО, КАК
РАЗЛИЧНЫЕ ВЕБ-ИНТЕРФЕЙСЫ МОГУТ
ВЛИЯТЬ НА ПОВЕДЕНИЕ ПОЛЬЗОВАТЕЛЯ,
ЯВЛЯЕТСЯ ОДНИМ ИЗ ОСНОВНЫХ
ПРИНЦИПОВ СОЗДАНИЯ ЭФФЕКТИВНОГО
ВЗАИМОДЕЙСТВИЯ С ПОЛЬЗОВАТЕЛЕМ.

26. В ЭТОЙ ПРЕЗЕНТАЦИИ
НЕ ПОСТРАДАЛО, НИ
ОДНО АВТОРСКОЕ
ПРАВО
ВСЕ РАБОТЫ СДЕЛАНЫ
МНОЙ В РАЗНЫЕ
ПЕРИОДЫ.

27. СПАСИБО
ЗА ВНИМАНИЕ
WWW.NKHSTUDIO.RU
NAZIR@NKHSTUDIO.RU
N
K
H
V I S U A L
C O M M U N I C A T I O N S
S T U D I O