25
4-е занятие Синтаксис элементов интерфейса. Структура информации

Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

4-е занятие Синтаксис элементов интерфейса. Структура информации

Page 2: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Объявления

– Ваши запросы о проблемах и методах

– Следующее занятие, 16 декабря — доклад Натальи Исаковой, iJet

Page 3: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

↑ Доклад Натальи Исаковой 16 дек

– О компании i-Jet

– Проекты студии разработки Таран Студио, Челябинск

– Этапы работы команды при создании игрового проекта

– Методы и инструменты для работы дизайнера интерфейсов

– Разбор кейса «Режимность в игре: панель инструментов и всплывающее меню»

– Разбор кейса «Навигация в мобильной версии игры»

Page 4: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

ДомашкаИнтерфейс публикатора новостей, 40 мин

Page 5: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Требования

– не забывать публиковать

– публиковать быстро и легко

– учитывать:

– соединение 256 кбит;

– работу с несколькими файлами;

– работу с архивом: поиск, публикация, редактирование, удаление.

Page 6: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Jesse James Garrett’s Elements of User Experience http://www.jjg.net/elements/

«Раскраска»

Компоновка

Структура

Требования

Стратегия

Page 7: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Интерфейс рассказывает…

Page 8: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 9: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 10: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Синтаксис элементов интерфейсаРазработан в Дизайн-бюро Артёма Горбунова

Page 11: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Синтаксис элементов управления разработан в Дизайн-бюро Артёма Горбунова

Page 12: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 13: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 14: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 15: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 16: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Некоторые принципы

– Вещи своими именами

– Положительные формулировки

– Не срать! выжать всю «воду» из текста

– долой отглагольные существительные

– долой ни-о-чём-слова

Page 17: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Вещи своими именами

– Утюги, кофеварки, пылесосы, стиралки

– Чистка ковров, вывоз мебели, покраска, поклейка обоев

Page 18: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Ни-о-чём-слова

– основной, общий

– дополнительный, другой, прочий, системный

– список, каталог, архив

– полезный, справочный

– статьи, материалы

Page 19: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Не стоит нарушать полезные устои

Якори:

О компании

Адреса и телефоны

Page 20: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

– Размер может говорить о назначении поля

– Вертикальный ритм и его нарушение

Page 21: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 22: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова
Page 23: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Задание. Переверстать форму

Page 24: Мекра, 4-е занятие. Синтаксис элементов интерфейса, подход Дизайн-бюро Артёма Горбунова

Ретроспектива занятия