Рецепт приготовления идеального интерфейса
TRANSCRIPT
РЕЦЕПТИДЕАЛЬНОГО ИНТЕРФЕЙСА
НАЗИРХАСАВОВОСНОВАТЕЛЬАРТ-ДИРЕКТОР
Это совокупность средств, при помощи которых пользователь взаимодействует с веб-сайтом или любым другим приложением через браузер.Википедия
ЧТОТАКОЕ
ВЕБИНТЕРФЕЙС
ИНГРЕДИЕНТЫ
ОСНОВАСОУССПЕЦИИ
Информация
Структура
Логотип и элементы фирменного стиля
ОСНОВА
Единство
Отказ от повторений
Интерактив
Адаптивность
СОУС
ЕДИНСТВОЕдинство в дизайне создает сильную взаимосвязь между элементами интерфейса, так что пользователь будет воспринимать их как одно целое.
ОТКАЗ ОТ ПОВТОРЕНИЙПОРТФОЛИО ПОРТФОЛИОМОЯ РАБОТА 1 МОЯ РАБОТА 1
МОЯ РАБОТА 1
МОЯ РАБОТА 2
МОЯ РАБОТА 2
МОЯ РАБОТА 2
ИНТЕРАКТИВНОСТЬИнтерактивность (от англ. interaction — «взаимодействие») — понятие, которое раскрывает характер и степень взаимодействия между пользователем и интерфейсом.
Это интерфейс обеспечивающий наилучшее отображение сайта на различных устройствах
АДАПТИВ-НОСТЬ
Цвета
Типографика
Пиктограммы
Эффекты
СПЕЦИИ
ЦВЕТАИспользуйте ограниченный набор цветов и оттенков, чтобы избежать визуальной перегруженности.
ТИПО-ГРАФИ-КАДизайнер обязан иметь хорошую подготовку в основной дисциплине — в формировании текстовой информации, другими словами — в типографике.
color-looks.ru
ПИКТОГРАММЫ
svyaznoybank.ru/trip
ЭФФЕК-ТЫАнимация или другие подобные эффекты — добавляют динамики интерфейсу, показывают преимущества в новом свете или помогают понять принцип работы какой-нибудь детали.
millicano.jacobstogether.ru
ПРИГОТОВЛЕНИЕ
ДИЗАЙН — ЭТО НЕ ТОЛЬКО ТО, КАК ВЫГЛЯДИТ, НО И ТО, КАК РАБОТАЕТ.
СТИВ ДЖОБС
СТРУКТУРА.ВИЗУАЛЬНЫЙ ИНТЕРЕС. ОТКАЗ ОТ ПОВТОРЕНИЙ.
ЭФФЕКТЫ.
АСИММЕТРИЧНЫЙИНТЕРФЕЙС
Z-ОБРАЗНЫЙИНТЕРФЕЙС
F-ОБРАЗНЫЙИНТЕРФЕЙС
СИММЕТРИЧНЫЙИНТЕРФЕЙС
СИММЕТРИЧНЫЙИНТЕРФЕЙС
Симметричный дизайн опирается на принципы равновесия, ритма, пропорции и единства.
Виды симметрии:— двусторонняя — радиальная— трансляционная
АСИММЕТРИЧНЫЙИНТЕРФЕЙС
Асимметричный интерфейс имеет высокую степень визуальной иерархии.
F-ОБРАЗНЫЙИНТЕРФЕЙС
F-интерфейс полагается на различные исследования движения глаз и поэтому считается наиболее естественным для пользователя.
Z-ОБРАЗНЫЙИНТЕРФЕЙС
Z-интерфейс базируется на 4-х больших принципах эффективного дизайна:— Брендинг— Иерархия— Структура— Призыв к действию
КРЕАТИВНЫЙ ПРОЦЕСС
Началоработ
Пофигу Паника
Ужерыдает
Дедлайн
ДОСТИЖЕНИЕ ПОНИМАНИЯ ТОГО, КАК РАЗЛИЧНЫЕ ВЕБ-ИНТЕРФЕЙСЫ МОГУТ ВЛИЯТЬ НА ПОВЕДЕНИЕ ПОЛЬЗОВАТЕЛЯ, ЯВЛЯЕТСЯ ОДНИМ ИЗ ОСНОВНЫХ ПРИНЦИПОВ СОЗДАНИЯ ЭФФЕКТИВНОГО ВЗАИМОДЕЙСТВИЯ С ПОЛЬЗОВАТЕЛЕМ.
В ЭТОЙ ПРЕЗЕНТАЦИИ НЕ ПОСТРАДАЛО, НИ ОДНО АВТОРСКОЕ ПРАВО
ВСЕ РАБОТЫ СДЕЛАНЫ МНОЙ В РАЗНЫЕ ПЕРИОДЫ.
W W W . N K H S T U D I O . R U
N A Z I R @ N K H S T U D I O . R U
N K HV 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
СПАСИБОЗА ВНИМАНИЕ