Гостевая лекция вице-президента по стратегии и развитию ОАО «Комстар - ОТС» Александра Горбунова
Мекра, 4-е занятие. Синтаксис элементов интерфейса,...
-
Upload
andrew-shapiro -
Category
Design
-
view
1.067 -
download
0
description
Transcript of Мекра, 4-е занятие. Синтаксис элементов интерфейса,...
![Page 1: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/1.jpg)
4-е занятие Синтаксис элементов интерфейса. Структура информации
![Page 2: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/2.jpg)
Объявления
– Ваши запросы о проблемах и методах
– Следующее занятие, 16 декабря — доклад Натальи Исаковой, iJet
![Page 3: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/3.jpg)
↑ Доклад Натальи Исаковой 16 дек
– О компании i-Jet
– Проекты студии разработки Таран Студио, Челябинск
– Этапы работы команды при создании игрового проекта
– Методы и инструменты для работы дизайнера интерфейсов
– Разбор кейса «Режимность в игре: панель инструментов и всплывающее меню»
– Разбор кейса «Навигация в мобильной версии игры»
![Page 4: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/4.jpg)
ДомашкаИнтерфейс публикатора новостей, 40 мин
![Page 5: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/5.jpg)
Требования
– не забывать публиковать
– публиковать быстро и легко
– учитывать:
– соединение 256 кбит;
– работу с несколькими файлами;
– работу с архивом: поиск, публикация, редактирование, удаление.
![Page 6: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/6.jpg)
Jesse James Garrett’s Elements of User Experience http://www.jjg.net/elements/
«Раскраска»
Компоновка
Структура
Требования
Стратегия
![Page 7: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/7.jpg)
Интерфейс рассказывает…
![Page 8: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/8.jpg)
![Page 9: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/9.jpg)
![Page 10: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/10.jpg)
Синтаксис элементов интерфейсаРазработан в Дизайн-бюро Артёма Горбунова
![Page 11: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/11.jpg)
Синтаксис элементов управления разработан в Дизайн-бюро Артёма Горбунова
![Page 12: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/12.jpg)
![Page 13: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/13.jpg)
![Page 14: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/14.jpg)
![Page 15: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/15.jpg)
![Page 16: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/16.jpg)
Некоторые принципы
– Вещи своими именами
– Положительные формулировки
– Не срать! выжать всю «воду» из текста
– долой отглагольные существительные
– долой ни-о-чём-слова
![Page 17: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/17.jpg)
Вещи своими именами
– Утюги, кофеварки, пылесосы, стиралки
– Чистка ковров, вывоз мебели, покраска, поклейка обоев
![Page 18: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/18.jpg)
Ни-о-чём-слова
– основной, общий
– дополнительный, другой, прочий, системный
– список, каталог, архив
– полезный, справочный
– статьи, материалы
![Page 19: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/19.jpg)
Не стоит нарушать полезные устои
Якори:
О компании
Адреса и телефоны
![Page 20: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/20.jpg)
– Размер может говорить о назначении поля
– Вертикальный ритм и его нарушение
![Page 21: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/21.jpg)
![Page 22: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/22.jpg)
![Page 23: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/23.jpg)
Задание. Переверстать форму
![Page 24: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/24.jpg)
Ретроспектива занятия
![Page 25: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова](https://reader033.fdocuments.net/reader033/viewer/2022061223/54c3eb494a7959201a8b45fb/html5/thumbnails/25.jpg)
На связи
Группа — groups.google.com/group/mekra
Файлы — dropbox/mekrapublic
Андрей Шапиро, [email protected]