Дизайн решает!
DESCRIPTION
Презентация к вводной лекции по дизайну интерфейсов. Кратко рассматриваются основы интерактивного и графического дизайна.TRANSCRIPT
![Page 1: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/1.jpg)
Дизайн решает!
Константин Горскийдизайнер
![Page 2: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/2.jpg)
Вступительная часть1
![Page 3: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/3.jpg)
1.1 Вот с чем мы познакомимся:
Вступление
Что такое дизайн, и почему вам нужно об этом знать
Основы теории юзабилити
Проектирование интерфейса
Некоторые идеи интерактивного дизайна
Некоторые идеи графического дизайна
Основные контролы и правила их использования
Заключительная часть
![Page 4: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/4.jpg)
1.2 Организационные моменты
Пожалуйста, не стесняйтесь в любой момент спрашивать меня, если вам что-то непонятно.
Глупых вопросов не бывает!
![Page 6: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/6.jpg)
Что такое дизайн,и почему вам нужно об этом знать
2
![Page 7: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/7.jpg)
2.1
А как вы понимаете, что такое «дизайн»?
фот
о: A
dobe
![Page 8: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/8.jpg)
2.2 Определения из словарей и энциклопедий
художественное конструирование предметного мира; разработка образцов рационального построения предметной среды
творческая деятельность, целью которой является определение формальных качеств промышленных изделий
англ. design — проектировать, чертить, задумать, а также проект, план, рисунок
вид деятельности по проектированию предметного мира
творческий метод, процесс и результат художественно-технического проектирования промышленных изделий, их комплексов и систем, ориентированного на достижение наиболее полного соответствия создаваемых объектов и среды в целом возможностям и потребности человека, как утилитарным, так и эстетическим
специфический ряд проектной деятельности, объединивший художественно-предметное творчество и научно обоснованную инженерную практику в сфере индустриального производства
Дизайн — это ...
![Page 9: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/9.jpg)
2.3
Дизайн — это сознательные и интуитивные усилия по созданию значимого порядка.
![Page 10: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/10.jpg)
2.4 Что такое «хороший дизайн»?
фот
о: A
pple
![Page 11: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/11.jpg)
2.5
В речи большинства людей «дизайн» означает облицовку. Но это совершенно не так! Дизайн — это основа и душа любого человеческого творения.
Стив Джобс (глава Apple)ф
ото:
msn
bc.m
sn.c
om
—
![Page 12: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/12.jpg)
2.6 Том Питерс (бизнес-гуру)
Дизайн — это страсть, эмоция и приверженность, и все это должно быть в сердце любого бизнеса.
фот
о: w
ww
.tom
pete
rs.c
om
—
![Page 13: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/13.jpg)
2.7
Да при чем тут дизайн, они меня пытали! Они сожрали мои пончики!
Гомер Симпсон
—
![Page 14: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/14.jpg)
2.8 Как дизайнеры видят окружающий мир
Нормальные люди«Продукт» или «услуга»
Это хороший товар
Он работает
«Я рад, что купил его»
Удовлетворенный клиент
Постоянный клиент
Вы получаете то, за что платите
Товар вам по карману
Удовлетворяет вашу потребность
Дизайнеры«Переживания»
Это кайф, писк
Он оставляет воспоминания
«Я хочу еще!»
Член клуба
Маркетинг из уст в уста
Вы удивлены и в восторге от каждого поворота
Товар вам по душе
Помогает вам самоопределиться
прим
ер и
з кн
иги
Том
а П
итер
са «
Осн
овы
. Диз
айн»
![Page 15: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/15.jpg)
2.9 Дизайн конвертируется в деньгиф
ото
Smar
tMar
mot
с с
айта
flic
kr.c
om
![Page 16: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/16.jpg)
2.10 Дизайн конвертируется в деньги
5 руб.
фот
о Sm
artM
arm
ot с
сай
та fl
ickr
.com
![Page 17: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/17.jpg)
2.11 Дизайн конвертируется в деньги
180 руб.
фот
о JN
SL с
сай
та fl
ickr
.com
![Page 18: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/18.jpg)
2.12 Компании, пекущиеся о дизайне
![Page 19: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/19.jpg)
2.13 Компании, пекущиеся о дизайне
![Page 20: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/20.jpg)
2.14 Компании, пекущиеся о дизайне
![Page 21: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/21.jpg)
2.15 Компании, пекущиеся о дизайне
![Page 22: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/22.jpg)
2.16
На этом слайде когда-нибудь будет
ваша компания
Компании, пекущиеся о дизайне
![Page 23: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/23.jpg)
2.17 К чему же приводит такой подход?
Повышается лояльность постоянных клиентов, легче и быстрее происходят все согласования
Многократно увеличивается вероятность привлечения новых заказчиков
Сокращается число обращений в службу поддержки, претензий и замечаний, увеличивается число положительных и восторженных отзывов
1
2
3
Apple, Google, Nokia, Microsoft, ...
![Page 24: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/24.jpg)
2.18 Почему именно вам нужно об этом знать
Да задолбала эта документация!!!
![Page 25: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/25.jpg)
2.19 Почему именно вам нужно об этом знать
![Page 26: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/26.jpg)
2.20 Что видит пользователь?ф
ото
Ludo
vic
Hirl
iman
n с
сайт
а fli
ckr.c
om
![Page 27: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/27.jpg)
Основы теории юзабилити
3
![Page 28: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/28.jpg)
3.1
Дизайн должен быть простым.
![Page 29: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/29.jpg)
3.2
В основе юзабилити лежит здравый смысл.
![Page 30: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/30.jpg)
3.3 Согласно ISO 9241-11
Юзабилити — это степень эффективности, трудоемкости и удовлетворенности, с которыми продукт может быть использован определенными пользователями при определенном контексте использования для достижения определенных целей.
Usability — the extent to which a product can be used by specified users to achieve specified goals with efficiency, effectiveness and satisfaction in a specified context of use.
![Page 31: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/31.jpg)
3.4 Значимые факторы юзабилити
Фактическая скорость работы пользователя, субъективная скорость работы пользователя, скорость реакции системы, количество че-ловеческих ошибок, скорость обучения, успешность, мощность, стоимость разработ-ки, стандартность, совместимость, wow-фак-тор, настраиваемость, легкость исправления ошибок, воспринимаемая сложность, субъек-тивная удовлетворенность…
![Page 32: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/32.jpg)
3.5 Характеристики Шнейдермана
Бен Шнейдерман — американский ученый, профессор, изучающий фундаментальные основы взаимодействия человека с компьютером.
фот
о: c
s.um
d.ed
u/~b
en/
Здрасьте!
![Page 33: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/33.jpg)
3.6 Характеристики Шнейдермана
— Скорость работы— Количество человеческих ошибок— Скорость обучения— Удовлетворенность пользователей— Запоминаемость
![Page 34: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/34.jpg)
3.7 Юзабилити-тестирование
— Насколько плох или хорош интерфейс?— Лучше ли он старого? — Быстро ли удается выполнить действия?— Ошибаются ли пользователи?— Есть ли проблемы?— Довольны ли пользователи?
![Page 35: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/35.jpg)
3.8 Юзабилити-лабораторияф
ото:
ww
w.x
perie
ncec
onsu
lting
.com
![Page 36: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/36.jpg)
3.9 Юзабилити-лабораторияф
ото:
ww
w.x
perie
ncec
onsu
lting
.com
![Page 37: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/37.jpg)
3.10 Что нужно для тестирования
— Респонденты— Метод тестирования— Тестовые сценарии— Рабочее место для теста— Протестированный тест
![Page 38: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/38.jpg)
3.11 Респондентыф
ото:
took
ie (fl
ickr
)
УРААА!!! Нас снова пригласили на юзабилити-тестирование!
![Page 39: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/39.jpg)
3.12 Количество респондентов
70% проблем
85% проблем
![Page 40: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/40.jpg)
3.13 Опыт работы с системой
есть
отсутствует
![Page 41: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/41.jpg)
3.14 Уровень компьютерной грамотности
высокий
низкий
![Page 42: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/42.jpg)
3.15 Возраст
целевой
старше
![Page 43: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/43.jpg)
3.16 Пол
Пропорциональное количество женщин стоит чуть увеличить по сравнению с целевой аудиторией.
илл.
: Арт
емий
Леб
едев
![Page 44: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/44.jpg)
3.17 Пассивное наблюдение
![Page 45: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/45.jpg)
3.18 Поток сознания
Здесь, кажется, я должен поставить галочку...
![Page 46: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/46.jpg)
3.19 Активное вмешательство
Нууу...
А почему вы нажали сюда?
![Page 47: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/47.jpg)
3.20 Тестовые задания должны быть:
— однозначно понятными— сформулированными полностью— при этом достаточно краткими— не содержащими в себе подсказок— содержащими точку начала
выполнения задания— такими, чтобы респондент должен
был сначала решить, нужно ли в данное время выполнять действие
![Page 48: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/48.jpg)
3.21 Проведение тестирования
1 Ввести респондента в задачу
2 Выяснить его ожидания от системы
3 Протестировать интерфейс
4 Выяснить, насколько оправдались ожидания
5 Завершить тест
![Page 49: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/49.jpg)
3.22 Анкетирование
Пожалуйста, подчеркните любые слова, которые, на ваш взгляд, подходят для описания этого интерфейса:
Некрасивый Тусклый Устаревший
Тупой Полезный Удобный
Тормозящий Неэффективный Теплый
Дружественный Непредсказуемый Тоскливый
Наивный Управляемый Эффективный
Опасный Нечеткий Непоследовательный
Легкий Головоломный Ненадежный
Привлекательный Любительский Стандартный
Светлый Комфортабельный Запутанный
Приятный Плохой Загадочный
Профессиональный Безопасный Неприятный
Анк
ета:
Вла
дисл
ав Го
лова
ч
![Page 50: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/50.jpg)
Проектирование интерфейса
4
![Page 51: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/51.jpg)
4.1 Дизайн всегда делается для людей
фото: evie22 (flickr)
![Page 52: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/52.jpg)
4.2 Концептуальные подходы
Ориентация на пользователей
на задачи/цели пользователей
на деятельность пользователей
![Page 53: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/53.jpg)
4.3 User-centered design
фот
о: E
dge
of S
pace
(flic
kr)
На слэдущей виходишь, дарагой?
![Page 54: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/54.jpg)
4.4 Анализ целей пользователяф
ото:
ligh
tpla
ce (fl
ickr
)
![Page 55: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/55.jpg)
4.5 Когнитивная психология
Действие состоит из следующих этапов:
формирование цели
формирование намерения
определение конкретных действий
выполнение действий
восприятие нового состояния системы
интерпретация изменений
оценка результата
1234567
![Page 56: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/56.jpg)
4.6 Оптимизация действия
Хороший дизайн:
нагляден
имеет ясную концептуальную модель
указывает возможные действия
позволяет легко выполнить действия
говорит, находится ли система в необх. сост.
имеет хорошее соотв. между сост. и его отобр.
имеет внятную обратную связь
1234567
![Page 57: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/57.jpg)
4.7 Прототипирование интерфейсовф
ото:
ww
w.D
aveW
ard.
net (
flick
r)
![Page 58: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/58.jpg)
4.8
Прототип должен создаваться и редактироваться быстро.
![Page 59: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/59.jpg)
4.9
Прототип должен создаваться и редактироваться быстро
очень быстро.
![Page 60: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/60.jpg)
4.10 Бумажный прототипф
ото:
Sha
wn
Med
ero
(A L
ist A
part
)
![Page 61: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/61.jpg)
4.11 Бумажный прототипф
ото:
Sha
wn
Med
ero
(A L
ist A
part
)
![Page 62: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/62.jpg)
4.12 Бумажный прототип
фот
о: jc
river
a.ne
t
![Page 63: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/63.jpg)
4.13 Скетч, иллюстрирующий идею
илл.: Константин Горский, Артем Горбунов
![Page 64: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/64.jpg)
4.14 Структурный скетч
![Page 65: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/65.jpg)
4.15 Прототип с графическим дизайном
![Page 66: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/66.jpg)
4.16 Axure RP Pro
![Page 67: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/67.jpg)
4.17 Axure RP Pro
Ориентирована на создание веб-сайтов.
Генерирует кликабельный HTML и документацию в формате MS Word.
Windows, $589
![Page 68: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/68.jpg)
4.18 Caretta GUI Design Studio
![Page 69: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/69.jpg)
4.19 Caretta GUI Design Studio
Специализированное средство, позволяющее создавать интерфейсы в разных визуальных стилях, аннотации к ним, раскадровки и т. д.
Можно экспортировать прототип.
Windows, $499
![Page 70: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/70.jpg)
4.20 Balsamiq Mockups
![Page 71: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/71.jpg)
4.21
Подходит для быстрого создания макетов интерфейсов.
Прототипы выглядят «рисованными».
Web, $79
Balsamiq Mockups
![Page 72: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/72.jpg)
4.22 Adobe InDesign
![Page 73: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/73.jpg)
4.23
Изначально рассчитана для верстки полиграфических материалов, тем не менее подходит и для отрисовки прототипов.
На выходе: кликабельный PDF
Windows, Mac, $699
Adobe InDesign
![Page 74: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/74.jpg)
4.24 Adobe Fireworks
![Page 75: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/75.jpg)
4.25
Специально предназначена для прототипирования интерфейсов.
На выходе: кликабельный PDF или HTML
Windows, Mac, $299
Adobe Fireworks
![Page 76: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/76.jpg)
4.26 Adobe Dreamweaver
![Page 77: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/77.jpg)
4.27
Предназначена для HTML-верстки
На выходе: кликабельный HTML
Windows, Mac, $399
Adobe Dreamweaver
![Page 78: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/78.jpg)
4.28 Microsoft Expression Blend
![Page 79: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/79.jpg)
4.29
Интегрируется с Visual Studio. Прототип можно преобразовывать в конечный продукт. Использует технологии Silverlight или WPF.
Windows, $499
Microsoft Expression Blend
![Page 80: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/80.jpg)
4.30 Microsoft Visio
![Page 81: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/81.jpg)
4.31
Возможно, вы уже знакомы с Visio.Можно создавать кликабельные HTML-прототипы
Windows, $560
Microsoft Visio
![Page 82: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/82.jpg)
4.32 Microsoft Powerpoint
![Page 83: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/83.jpg)
4.33
Powerpoint поддерживает интерактивные горячие точки, кторые можно использовать для переходов между слайдами, создавая кликабельный прототип.
Windows, Mac, $229
Microsoft Powerpoint
![Page 84: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/84.jpg)
4.34
Для простых задач можно использовать любое средство, позволяющее рисовать.
Для сложных лучше выбрать специализированный инструмент.
Прототипирование: мораль
![Page 85: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/85.jpg)
Некоторые идеи интерактивного дизайна
5
![Page 86: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/86.jpg)
5.1 Машина — друг человека
Все, что система может сделать самостоятельно, она должна сделать самостоятельно.
![Page 87: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/87.jpg)
5.2 Логика!
В интерфейсах логика важнее эстетики.
![Page 88: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/88.jpg)
5.3ил
л.: М
акар
и С
туди
я А
ртем
ия Л
ебед
ева
Повелитель фотошопа
![Page 89: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/89.jpg)
5.4 Тут всё понятноф
ото:
Tre
ndir.
com
![Page 90: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/90.jpg)
5.5 А вот это уже не совсем ясно...ил
л.: С
туди
я А
ртем
ия Л
ебед
ева
![Page 91: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/91.jpg)
5.6 А вот это уже совсем не ясно!ил
л.: С
туди
я А
ртем
ия Л
ебед
ева
![Page 92: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/92.jpg)
5.7 Информативность и наглядность
Дизайн должен подсказывать, какие действия возможны в данный момент.
Дизайн должен быть наглядным.
![Page 93: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/93.jpg)
5.8 Как открыть дверь?
фото: Thomas Hawk (flickr.com)
![Page 94: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/94.jpg)
5.9 Аффорданс
Объект должен показывать способ своего использования своими неотъемлемыми свойствами.
![Page 95: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/95.jpg)
5.10
Вопрос:в каком разделе я нахожусь?
Вкладки
![Page 96: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/96.jpg)
5.11 Пример: заполнение формы
![Page 97: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/97.jpg)
5.12 Пример: заполнение формы
![Page 98: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/98.jpg)
5.13 Пример: заполнение формы
![Page 99: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/99.jpg)
5.14 Пример: заполнение формы
![Page 100: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/100.jpg)
5.15 Пример: четкое визуальное выделение
![Page 101: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/101.jpg)
5.16 Пример: четкое визуальное выделение
![Page 102: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/102.jpg)
5.17 Пример: четкое визуальное выделение
![Page 103: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/103.jpg)
5.18 Мэппингф
ото:
Inde
sit
![Page 104: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/104.jpg)
5.19 Мэппинг
![Page 105: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/105.jpg)
5.20 Мэппинг
![Page 106: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/106.jpg)
5.21 Теория близостиил
л.: А
ртем
ий Л
ебед
ев
![Page 107: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/107.jpg)
5.22 Теория близостиил
л.: А
ртем
ий Л
ебед
ев
![Page 108: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/108.jpg)
5.23 Теория близостиид
ея и
лл. А
ртем
ия Л
ебед
ева
![Page 109: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/109.jpg)
5.24 Теория близостиид
ея и
лл. А
ртем
ия Л
ебед
ева
![Page 110: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/110.jpg)
5.25 Закон Фиттса
Время прицеливания = k log2
2 × расстояние до объектаразмер
![Page 111: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/111.jpg)
5.26 Закон Фиттса
![Page 112: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/112.jpg)
5.27 Принцип обратной связи
— Мгновенная проверка ввода— Индикация ошибок— Отображение прогресса— Подтверждение действия
![Page 113: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/113.jpg)
5.28 Мгновенная проверка ввода
![Page 114: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/114.jpg)
5.29 Роботизация
![Page 115: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/115.jpg)
5.30 Обязательные для заполнения поля
![Page 116: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/116.jpg)
5.31 Простота
![Page 117: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/117.jpg)
Некоторые идеи графического дизайна
6
![Page 118: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/118.jpg)
6.1 Художественный вкус
Вкус эстетический — способность человека к различению, пониманию и оценке прекрасного и безобразного в явлениях действительности и произведениях искусства
![Page 119: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/119.jpg)
6.2 Мифы о дизайне
Есть правила (законы) хорошего дизайна.
![Page 120: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/120.jpg)
6.3 Мифы о дизайне
Дизайнер должен уметь рисовать.
![Page 121: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/121.jpg)
6.4 Незаметность дизайна
![Page 122: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/122.jpg)
6.5 Незаметность дизайна
![Page 123: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/123.jpg)
6.6 Пространственные отношения
![Page 124: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/124.jpg)
6.7 Пространственные отношения
![Page 125: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/125.jpg)
6.8пр
им.:
Mar
k Bo
ulto
n
![Page 126: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/126.jpg)
6.9 Гармоничные пропорции
2
3
![Page 127: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/127.jpg)
6.10 Сетка — друг и помощник дизайнера
![Page 128: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/128.jpg)
6.11 Сетка — друг и помощник дизайнерапр
им.:
Арт
ем Го
рбун
ов
![Page 129: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/129.jpg)
6.12
Пример какой-то статьи
Принцип модульной сетки очень прост. Полезная часть
страницы состоит из ячеек-модулей, образующих ряды и
колонки. На ячейки натягиваются объекты, содержащие
изображения, графики или текст, причем каждый объект
может занимать прямоугольник из целого числа ячеек.
Эта нехитрая идея позволяет создавать безупречно
аккуратные и красивые композиции.
Беспристрастный анализ любого творческого акта
показывает, что монтаж изящно образует культовый образ,
однако само по себе состояние игры всегда амбивалентно.
Иными словами, холерик дает импрессионизм, таким
образом, сходные законы контрастирующего развития
Solitude vs loneliness by Matilde B. @ Flickr
Сетка — друг и помощник дизайнера
![Page 130: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/130.jpg)
6.13
Пример какой-то статьи
Принцип модульной сетки очень прост. Полезная часть
страницы состоит из ячеек-модулей, образующих ряды и
колонки. На ячейки натягиваются объекты, содержащие
изображения, графики или текст, причем каждый объект
может занимать прямоугольник из целого числа ячеек.
Эта нехитрая идея позволяет создавать безупречно
аккуратные и красивые композиции.
Беспристрастный анализ любого творческого акта
показывает, что монтаж изящно образует культовый образ,
однако само по себе состояние игры всегда амбивалентно.
Иными словами, холерик дает импрессионизм, таким
образом, сходные законы контрастирующего развития
Solitude vs loneliness by Matilde B. @ Flickr
Сетка — друг и помощник дизайнера
![Page 131: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/131.jpg)
6.14
Еще пример компоновки
Принцип модульной сетки очень
прост. Полезная часть страницы
состоит из ячеек-модулей, образующих
ряды и колонки.
Сетка — друг и помощник дизайнера
Фото слева:
OneEighteen @ Flickr
Фото справа:
TerData @ Flickr
Эта нехитрая идея позволяет создавать
безупречно аккуратные и красивые
композиции.
![Page 132: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/132.jpg)
6.15
Еще пример компоновки
Принцип модульной сетки очень
прост. Полезная часть страницы
состоит из ячеек-модулей, образующих
ряды и колонки.
Сетка — друг и помощник дизайнера
Фото слева:
OneEighteen @ Flickr
Фото справа:
TerData @ Flickr
Эта нехитрая идея позволяет создавать
безупречно аккуратные и красивые
композиции.
![Page 133: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/133.jpg)
6.16 Пустое пространство
![Page 134: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/134.jpg)
6.17 Пустое пространство
![Page 135: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/135.jpg)
6.18 Пустое пространство
![Page 136: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/136.jpg)
6.19 Цвет
![Page 137: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/137.jpg)
6.20 Тон
0
30
60
90
120
150
180
210
240
270
300
![Page 138: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/138.jpg)
6.21 Тон и яркость
0
30
60
90
120
150
180
210
240
270
300
100 90 80 70 60 50 40 30 20 10 0
![Page 139: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/139.jpg)
6.22 Яркость100 90 80 70 60 50 40 30 20 10 0
![Page 140: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/140.jpg)
6.23 Яркость и насыщенность
100
90
80
70
60
50
40
30
20
10
0
100 90 80 70 60 50 40 30 20 10 0
![Page 141: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/141.jpg)
6.24 kuler.adobe.com
![Page 142: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/142.jpg)
6.25 Есть некоторые стереотипы
«Красный олицетворяет опасность».
![Page 143: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/143.jpg)
6.26
«Серый — скучный».
Есть некоторые стереотипы
![Page 144: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/144.jpg)
6.27 Есть некоторые стереотипы
![Page 145: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/145.jpg)
6.28 Есть некоторые стереотипы
Да Нет
![Page 146: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/146.jpg)
6.29 Универсальное решение
Онтогенез
Его экзистенциальная тоска выступает как побудительный мотив творчества, однако энтелехия заканчивает суггестивный классицизм, таким образом, все перечисленные признаки архетипа и мифа подтверждают, что действие механизмов мифотворчества сродни механизмам художественно-продуктивного мышления.
Гипотеза и теории
Фантазия трансформирует неизменный декаданс, таким образом, сходные законы контрастирующего развития характерны и для процессов в психике. Либидо монотонно начинает комплекс априорной бисексуальности, таким образом, сходные законы контрастирующего развития характерны и для процессов в психике. Развивая эту тему, цвет трансформирует персональный инвариант, так Г.Корф формулирует собственную антитезу.
![Page 147: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/147.jpg)
6.30 Универсальное решение с красным
![Page 148: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/148.jpg)
6.31 Универсальное решение с розовым
![Page 149: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/149.jpg)
6.32 Универсальное решение с оранжевым
![Page 150: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/150.jpg)
6.33 Универсальное решение с зеленым
![Page 151: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/151.jpg)
6.34 Цвет можно взять из изображенияИ
зобр
ажен
ия и
з пр
езен
таци
и Ja
son
Sant
a M
aria
![Page 152: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/152.jpg)
6.35
Чем плохо такое сочетание цветов?
Цветовой контраст
![Page 153: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/153.jpg)
6.36
Чем плохо такое сочетание цветов?
Цветовой контраст
![Page 154: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/154.jpg)
6.37
Чем плохо такое сочетание цветов?
Цветовой контраст
![Page 155: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/155.jpg)
6.38 Про шрифты и типографикуф
ото:
soo
zika
(flic
kr)
![Page 156: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/156.jpg)
6.39 Виды начертаний
abcdef abcdefabcdef abcdefabcdef abcdef
![Page 157: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/157.jpg)
6.40 Вариации насыщенности
abcdefghijklmnopabcdefghijklmnopabcdefghijklmnopabcdefghijklmnopabcdefghijklmnop
![Page 158: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/158.jpg)
6.41 Полужирное и курсивное начертания
Как полужирное начертание, так и курсив предназначены для выделения отдельных слов, фраз или блоков текста в наборе.
![Page 159: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/159.jpg)
6.42 Полужирное и курсивное начертания
Как полужирное начертание, так и курсив предназначены для выделения отдельных слов, фраз или блоков текста в наборе.
![Page 160: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/160.jpg)
6.43 Полужирное и курсивное начертания
Как полужирное начертание, так и курсив предназначены для выделения отдельных слов, фраз или блоков текста в наборе.
![Page 161: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/161.jpg)
6.44 Классическая антиква
![Page 162: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/162.jpg)
6.45 Переходная антиква
Brick quiz whangs jumpy veldt fox! Brick quiz whangs jumpy veldt fox!
![Page 163: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/163.jpg)
6.46 Новая антиква
![Page 164: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/164.jpg)
6.47 Кларендон
![Page 165: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/165.jpg)
6.48 Футура
![Page 166: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/166.jpg)
6.49 Гельветика
The quick brown fox jumps over the lazy dog.
![Page 167: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/167.jpg)
6.50 Мета
![Page 168: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/168.jpg)
6.51
ДефисМинус Тире
Дефис, минус и тиреил
л.: А
ртем
ий Л
ебед
ев
![Page 169: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/169.jpg)
6.52
Дефис употребляется, во-первых, для присоединения каких-либо частиц или префиксов, во-вторых, в словосочетаниях. А тире — для обозначения пауз в тексте или для выделения прямой речи.
Дефис
![Page 170: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/170.jpg)
6.53
В русском языке традиционно применяются «ёлочки», а для «кавычек „внутри“ кавычек» — „лапки“.
Кавычки
![Page 171: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/171.jpg)
6.54 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, что несомненно приведет нас к истине. Рациональное число последовательно транслирует нормальный предел функции, что неудивительно. Целое число категорически стабилизирует эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью доказано. Подынтегральное выражение необходимо и достаточно.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный метод последовательных приближений, таким образом сбылась мечта идиота — утверждение полностью доказано. Собственное подмножество транслирует тригонометрический интеграл от функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую другую константу. Минимум, следовательно, соответствует интеграл по ориентированной области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно проецирует косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что известно даже школьникам. Первообразная функция притягивает критерий интегрируемости, что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.
Скалярное произведение транслирует интеграл по бесконечной области, откуда следует доказываемое равенство. Представляется логичным, что прямоугольная матрица очевидна не для всех.
![Page 172: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/172.jpg)
6.55 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, что несомненно приведет нас к истине. Рациональное число последовательно транслирует нормальный предел функции, что неудивительно. Целое число категорически стабилизирует эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью доказано. Подынтегральное выражение необходимо и достаточно.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный метод последовательных приближений, таким образом сбылась мечта идиота — утверждение полностью доказано. Собственное подмножество транслирует тригонометрический интеграл от функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую другую константу. Минимум, следовательно, соответствует интеграл по ориентированной области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно проецирует косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что известно даже школьникам. Первообразная функция притягивает критерий интегрируемости, что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.
Скалярное произведение транслирует интеграл по бесконечной области, откуда следует доказываемое равенство. Представляется логичным, что прямоугольная матрица очевидна не для всех.
![Page 173: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/173.jpg)
6.56 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, что несомненно приведет нас к истине. Рациональное число последовательно транслирует нормальный предел функции, что неудивительно. Целое число категорически стабилизирует эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью доказано. Подынтегральное выражение необходимо и достаточно.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный метод последовательных приближений, таким образом сбылась мечта идиота — утверждение полностью доказано. Собственное подмножество транслирует тригонометрический интеграл от функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую другую константу. Минимум, следовательно, соответствует интеграл по ориентированной области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно проецирует косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что известно даже школьникам. Первообразная функция притягивает критерий интегрируемости, что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.
Скалярное произведение транслирует интеграл по бесконечной области, откуда следует доказываемое равенство. Представляется логичным, что прямоугольная матрица очевидна не для всех.
прим
.: M
ark
Boul
ton
![Page 174: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/174.jpg)
6.57 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, что несомненно приведет нас к истине. Рациональное число последовательно транслирует нормальный предел функции, что неудивительно. Целое число категорически стабилизирует эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью доказано. Подынтегральное выражение необходимо и достаточно.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный метод последовательных приближений, таким образом сбылась мечта идиота — утверждение полностью доказано. Собственное подмножество транслирует тригонометрический интеграл от функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую другую константу. Минимум, следовательно, соответствует интеграл по ориентированной области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно проецирует косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что известно даже школьникам. Первообразная функция притягивает критерий интегрируемости, что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.
Скалярное произведение транслирует интеграл по бесконечной области, откуда следует доказываемое равенство. Представляется логичным, что прямоугольная матрица очевидна не для всех.
![Page 175: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/175.jpg)
6.58 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает
скачок функции, что несомненно приведет нас к истине. Рациональное
число последовательно транслирует нормальный предел функции, что
неудивительно. Целое число категорически стабилизирует эмпирический
многочлен, таким образом сбылась мечта идиота — утверждение
полностью доказано. Подынтегральное выражение необходимо и
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
Скалярное произведение
транслирует интеграл по
бесконечной области, откуда
следует доказываемое
равенство. Представляется
логичным, что прямоугольная
матрица очевидна не для всех.
![Page 176: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/176.jpg)
6.59 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает
скачок функции, что несомненно приведет нас к истине. Рациональное
число последовательно транслирует нормальный предел функции, что
неудивительно. Целое число категорически стабилизирует эмпирический
многочлен, таким образом сбылась мечта идиота — утверждение
полностью доказано. Подынтегральное выражение необходимо и
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
Скалярное произведение
транслирует интеграл по
бесконечной области, откуда
следует доказываемое
равенство. Представляется
логичным, что прямоугольная
матрица очевидна не для всех.
![Page 177: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/177.jpg)
6.60 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает
скачок функции, что несомненно приведет нас к истине. Рациональное
число последовательно транслирует нормальный предел функции, что
неудивительно. Целое число категорически стабилизирует эмпирический
многочлен, таким образом сбылась мечта идиота — утверждение
полностью доказано. Подынтегральное выражение необходимо и
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
Скалярное произведение
транслирует интеграл по
бесконечной области, откуда
следует доказываемое
равенство. Представляется
логичным, что прямоугольная
матрица очевидна не для всех.
![Page 178: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/178.jpg)
6.61 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает
скачок функции, что несомненно приведет нас к истине. Рациональное
число последовательно транслирует нормальный предел функции, что
неудивительно. Целое число категорически стабилизирует эмпирический
многочлен, таким образом сбылась мечта идиота — утверждение
полностью доказано. Подынтегральное выражение необходимо и
достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
Скалярное произведение
транслирует интеграл по
бесконечной области, откуда
следует доказываемое
равенство. Представляется
логичным, что прямоугольная
матрица очевидна не для всех.
![Page 179: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/179.jpg)
6.62 Как сверстать текст красиво
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает
скачок функции, что несомненно приведет нас к истине. Рациональное
число последовательно транслирует нормальный предел функции, что
неудивительно. Целое число категорически стабилизирует эмпирический
многочлен, таким образом сбылась мечта идиота — утверждение
полностью доказано. Подынтегральное выражение необходимо
и достаточно.
Правда, некоторые специалисты отмечают, что матожидание
масштабирует абстрактный метод последовательных приближений,
таким образом сбылась мечта идиота — утверждение полностью доказано.
Собственное подмножество транслирует тригонометрический интеграл
от функции, обращающейся в бесконечность вдоль линии, при этом,
вместо 13 можно взять любую другую константу. Минимум, следовательно,
соответствует интеграл по ориентированной области, таким образом,
утверждение полностью доказано. Тройной интеграл расточительно
проецирует косвенный математический анализ, что известно даже
школьникам.
Нормальное распределение непосредственно переворачивает интеграл
Гамильтона, что известно даже школьникам. Первообразная функция
притягивает критерий интегрируемости, что несомненно приведет нас
к истине.
Скалярное произведение
транслирует интеграл по
бесконечной области, откуда
следует доказываемое
равенство. Представляется
логичным, что прямоугольная
матрица очевидна не для всех.
Функция, выпуклая кверху
Отсюда естественно следует, что длина вектора изящно упорядочивает скачок функции, что несомненно приведет нас к истине. Рациональное число последовательно транслирует нормальный предел функции, что неудивительно. Целое число категорически стабилизирует эмпирический многочлен, таким образом сбылась мечта идиота — утверждение полностью доказано. Подынтегральное выражение необходимо и достаточно.
Правда, некоторые специалисты отмечают, что матожидание масштабирует абстрактный метод последовательных приближений, таким образом сбылась мечта идиота — утверждение полностью доказано. Собственное подмножество транслирует тригонометрический интеграл от функции, обращающейся в бесконечность вдоль линии, при этом, вместо 13 можно взять любую другую константу. Минимум, следовательно, соответствует интеграл по ориентированной области, таким образом, утверждение полностью доказано. Тройной интеграл расточительно проецирует косвенный математический анализ, что известно даже школьникам.
Нормальное распределение непосредственно переворачивает интеграл Гамильтона, что известно даже школьникам. Первообразная функция притягивает критерий интегрируемости, что несомненно приведет нас к истине.
Двойной интеграл, как следует из вышесказанного, стремительно синхронизирует стремящийся определитель системы линейных уравхорошонений, что несомненно приведет нас к истине.
Скалярное произведение транслирует интеграл по бесконечной области, откуда следует доказываемое равенство. Представляется логичным, что прямоугольная матрица очевидна не для всех.
Было: Стало:
![Page 180: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/180.jpg)
6.63 Оформляем таблицу
ФИО Баланс ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 руб. 153111 Степанова, 17, корп. 2
Игре на форте-пиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,7 руб. 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450 руб. 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
![Page 181: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/181.jpg)
6.64 Оформляем таблицу
ФИО Баланс ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 руб.
153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,7 руб. 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450 руб. 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка 611,89 руб.
123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 182: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/182.jpg)
6.65 Оформляем таблицу
ФИО Баланс, руб.
ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,7 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка 611,89 123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 183: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/183.jpg)
6.66 Оформляем таблицу
ФИО Баланс, руб.
ИНН Адрес Примечание
Николай Римский-Корсаков
252,15153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,70240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450,00687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка 611,89123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 184: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/184.jpg)
6.67 Оформляем таблицу
ФИО Баланс, руб.
ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,70 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450,00 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка
611,89 123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 185: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/185.jpg)
6.68 Оформляем таблицу
ФИО Баланс, руб.
ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,70 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450,00 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка
611,89 123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 186: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/186.jpg)
6.69 Оформляем таблицу
ФИО Баланс, руб.
ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,70 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450,00 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка
611,89 123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 187: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/187.jpg)
6.70
Было: Стало:
Оформляем таблицу
ФИО Баланс, руб.
ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 153111 Степанова, 17, корп. 2
Игре на фортепиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,70 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450,00 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка
611,89 123010 Дубосеков-ская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
ФИО Баланс ИНН Адрес Примечание
Николай Римский-Корсаков
252,15 руб. 153111 Степанова, 17, корп. 2
Игре на форте-пиано композитор обучался дома, а потом в пансионе, где уроки музыки были в числе прочих образовательных дисциплин.
Модест Мусоргский
312,7 руб. 240345 Академика Сахарова, 8
Автор знаменитых опер на темы русской истории, славянской мифологии а также и на другие национальные темы
Игорь Стравинский
450 руб. 687565 Фрунзенская набережная, 11
Русский композитор, дирижёр и пианист, один из крупнейших представителей мировой музыкальной культуры XX века
Михаил Глинка 611,89 руб. 123010 Дубосековская, 4
Патриотическая песня Михаила Глинки в период с 1991 по 2000 год являлась официальным гимном Российской Федерации.
![Page 188: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/188.jpg)
Основные контролы и правила их использования
7
![Page 189: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/189.jpg)
7.1 Кнопка
Кнопка — это любой элемент, взаимодействие с которым ограничивается нажатием.
![Page 190: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/190.jpg)
7.2 Кнопки
Текст в неопределенной форме глагола
Есть достаточное пустое пространство
между кнопками
Недоступные действия заблокированы
![Page 191: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/191.jpg)
7.3 Чекбоксы и радиокнопки
Радиокнопок не меньше двух;
одна обязательно установлена
Кликабельные подписи к чекбоксам и радиокнопкам
Действие запускается отдельно от выбора
![Page 192: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/192.jpg)
7.4 Раскрывающийся список
В списке не слишком мало и не слишком много
значений
Список имеет достаточную ширину
По умолчанию стоит наиболее вероятное значение
Элементы в списке отсортированы
![Page 193: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/193.jpg)
Заключение8
![Page 194: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/194.jpg)
Дизайн — это впечатления
![Page 195: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/195.jpg)
Тестирование юзабилити очень важно!
![Page 196: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/196.jpg)
Дизайн всегда делается для людей
![Page 197: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/197.jpg)
Дизайн должен быть простым
![Page 198: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/198.jpg)
Дизайн спасёт мир
![Page 199: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/199.jpg)
Здорово использовать инструменты по назначению
![Page 200: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/200.jpg)
Давайте вместе делать окружающий мир прекраснее!
![Page 201: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/201.jpg)
8.1
Apple Human Interface Guidelineshttp://developer.apple.com/ue/
Windows User Experience Interaction Guidelineshttp://msdn.microsoft.com/ en-us/library/aa511258.aspx
По проектированию интерфейсов
Alan Cooper About Face: The essentials of Interaction Design
Wiley, 2007
Jef Raskin The Humane Inter-face: New Direc-tions for Designing Interactive Systems.
Addison-Wesley Professional, 2000
Bruce Tognazzini Tog on Interface
Addison-Wesley Professional, 1992
![Page 202: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/202.jpg)
8.2 По юзабилити
Jacob Nielsen Designing Web Usability: the Practice of Simplicity
New Riders, 1999
Steve Krug Don’t Make Me Think! A Common Sense Approach to Web Usability
New Riders, 2005
Влад Головач Цикл статей на http://www.usethics.ru/lib/
![Page 203: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/203.jpg)
8.3 По графическому дизайну и типографике
Дмитрий Кирсанов Веб-дизайн
Санкт-Петербург, 2001
Josef Muller-Brockmann Grid Systems in Graphic Design
Arthur Niggli, 1996
Robert Bringhurst
The Elements of Typographic Style
Hartley and Marks Publishers, 2004
![Page 204: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/204.jpg)
8.4 По представлению информации
Edward Tufte The Visual Display of Quantitative Information
Edward Tufte Envisioning Information
Edward Tufte
Visual Explanations: Images and Quanti-ties, Evidence and Narrative
Edward Tufte Beautiful Evidence
![Page 205: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/205.jpg)
8.5 По образу мышления
Donald A. Norman The Design of Everyday Things
Basic Books, 2002
Alan Cooper
The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How To Restore The Sanity
Sams, 1999
Артемий Лебедев
Ководство
http://www.artlebedev.ru/ kovodstvo/
Издательство студии Артемия Лебедева, 2007
![Page 207: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/207.jpg)
8.7
Простота — необходимое условие прекрасного.
Л. Н. Толстой.
![Page 208: Дизайн решает!](https://reader033.vdocuments.site/reader033/viewer/2022051208/5461ff49af7959d61d8b6641/html5/thumbnails/208.jpg)
Спасибо за внимание!