ݺߣ

ݺߣShare a Scribd company logo
РЕЦЕПТ

ИДЕАЛЬНОГО
ИНТЕРФЕЙСА
НАЗИР

ХАСАВОВ
ОСНОВАТЕЛЬ
АРТ-ДИРЕКТОР
ЧТО
ТАКОЕ
ВЕБ
ИНТЕР
ФЕЙС

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

СОУС
СПЕЦИИ
ОСНОВА
Информация
Структура
Логотип и элементы
фирменного стиля
СОУС
Единство
Отказ от повторений
Интерактив
Адаптивность
ЕДИНСТВО
Единство в дизайне создает
сильную взаимосвязь между
элементами интерфейса, так
что пользователь будет
воспринимать их как одно
целое.
ОТКАЗ ОТ ПОВТОРЕНИЙ
ПОРТФОЛИО

ПОРТФОЛИО

МОЯ РАБОТА 1

МОЯ РАБОТА 1

МОЯ РАБОТА 2

МОЯ РАБОТА 2

МОЯ РАБОТА 2

МОЯ РАБОТА 1
ИНТЕРАКТИВНОСТЬ
Интерактивность (от англ.
interaction — «взаимодействие») —
понятие, которое раскрывает
характер и степень
взаимодействия между
пользователем и интерфейсом.
АДАПТИВНОСТЬ
Это интерфейс
обеспечивающий наилучшее
отображение сайта на
различных устройствах
СПЕЦИИ
Цвета
Типографика
Пиктограммы
Эффекты
ЦВЕТА
Используйте ограниченный
набор цветов и оттенков,
чтобы избежать визуальной
перегруженности.
ТИПОГРАФИКА
Дизайнер обязан иметь
хорошую подготовку в
основной дисциплине —
в формировании
текстовой информации,
другими словами —
в типографике.

color-looks.ru
ПИКТОГРАММЫ

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

millicano.jacobstogether.ru
Е
И
Н
Е
Л
В
О
Т
О
Г
И
Р
П
ДИЗАЙН — ЭТО НЕ
ТОЛЬКО ТО, КАК
ВЫГЛЯДИТ, НО И
ТО, КАК РАБОТАЕТ.
СТИВ ДЖОБС
СТРУКТУРА.
ВИЗУАЛЬНЫЙ ИНТЕРЕС.
ОТКАЗ ОТ ПОВТОРЕНИЙ.
ЭФФЕКТЫ.
СИММЕТРИЧНЫЙ
ИНТЕРФЕЙС

АСИММЕТРИЧНЫЙ
ИНТЕРФЕЙС

F-ОБРАЗНЫЙ
ИНТЕРФЕЙС

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

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

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

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

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

Начало
работ

Пофигу

Паника

Дедлайн

Уже
рыдает
ДОСТИЖЕНИЕ ПОНИМАНИЯ ТОГО, КАК
РАЗЛИЧНЫЕ ВЕБ-ИНТЕРФЕЙСЫ МОГУТ
ВЛИЯТЬ НА ПОВЕДЕНИЕ ПОЛЬЗОВАТЕЛЯ,
ЯВЛЯЕТСЯ ОДНИМ ИЗ ОСНОВНЫХ
ПРИНЦИПОВ СОЗДАНИЯ ЭФФЕКТИВНОГО
ВЗАИМОДЕЙСТВИЯ С ПОЛЬЗОВАТЕЛЕМ.
В ЭТОЙ ПРЕЗЕНТАЦИИ
НЕ ПОСТРАДАЛО, НИ
ОДНО АВТОРСКОЕ
ПРАВО
ВСЕ РАБОТЫ СДЕЛАНЫ
МНОЙ В РАЗНЫЕ
ПЕРИОДЫ.
СПАСИБО
ЗА ВНИМАНИЕ
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

More Related Content

Рецепт приготовления идеального интерфейса