🔍 Начните печатать, чтобы искать по книге или перейти к нужной странице по номеру
Удобно листать не только прокруткой, но и клавишами‑стрелками:
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Представляем книгу Издательства Дизайн‑бюро Артёма Горбунова — практическое руководство по пользовательскому интерфейсу. Учебник предназначен для дизайнеров, редакторов, руководителей, разработчиков и всех, кто причастен к созданию продуктов.
Принципы 4
Взаимодействие 86
Язык 213
Экраны 311
Бездумное подчинение сетке приводит к проблемам со смыслом. Когда соседние этажи выровнены по колонкам, читатель пытается их сопоставить.
Простое правило хорошей вёрстки — не повторять ритм на соседних этажах.
Артём Горбунов. Типографика и вёрстка. Глава «Страницы»
Бездумное подчинение сетке приводит к проблемам со смыслом. Когда соседние этажи выровнены по колонкам, читатель пытается их сопоставить.
Простое правило хорошей вёрстки — не повторять ритм на соседних этажах.
Артём Горбунов. Типографика и вёрстка. Глава «Страницы»
Близость — это не только расстояние и выравнивание.
В нашем восприятии «притягиваются» объекты с большой визуальной массой. На трассе
Партия «Справедливая Россия», кажется, выступает за обман.
Близость — это не только расстояние и выравнивание.
В нашем восприятии «притягиваются» объекты с большой визуальной массой. На трассе
Партия «Справедливая Россия», кажется, выступает за обман.
Из‑за похожих цвета и формы настройка уведомлений кажется связанной с кнопкой закрытия окна.
Числа ретвитов и лайков связались в одно —
Из‑за похожих цвета и формы настройка уведомлений кажется связанной с кнопкой закрытия окна.
Числа ретвитов и лайков связались в одно —
Фиттс провёл эксперимент. На доске размещены две чувствительные полоски — мишени. При касании специальным пером одной из этих полосок фиксируется «попадание в цель». Участник эксперимента быстро поочерёдно касается пером то одной, то второй полоски. Изменяя расстояние между полосками и ширину каждой из них и замеряя время, Фиттс вывел зависимость:
Это и есть закон Фиттса. Он связывает расстояние до объекта, размер объекта и время прицеливания в одномерном пространстве.
Нас интересует приложение закона к интерфейсам, где человек прицеливается к объектам на двухмерном экране. Форма объектов и тот факт, что человек движется к цели не по прямой, несколько усложняют закон, но для нас важно интуитивное определение: чем дальше объект, тем больше время прицеливания; чем больше объект, тем меньше время прицеливания.
Было установлено, что закон работает независимо от условий движения: выполняется ли оно непосредственно или с помощью манипулятора; рукой или ногой; ребёнком или стариком.
Фиттс провёл эксперимент. На доске размещены две чувствительные полоски — мишени. При касании специальным пером одной из этих полосок фиксируется «попадание в цель». Участник эксперимента быстро поочерёдно касается пером то одной, то второй полоски. Изменяя расстояние между полосками и ширину каждой из них и замеряя время, Фиттс вывел зависимость:
Это и есть закон Фиттса. Он связывает расстояние до объекта, размер объекта и время прицеливания в одномерном пространстве.
Нас интересует приложение закона к интерфейсам, где человек прицеливается к объектам на двухмерном экране. Форма объектов и тот факт, что человек движется к цели не по прямой, несколько усложняют закон, но для нас важно интуитивное определение: чем дальше объект, тем больше время прицеливания; чем больше объект, тем меньше время прицеливания.
Было установлено, что закон работает независимо от условий движения: выполняется ли оно непосредственно или с помощью манипулятора; рукой или ногой; ребёнком или стариком.
Разберём следствия закона Фиттса.
Мелко
Достаточно
Опасно
В большие кнопки легче попасть. Но слишком большие кнопки не очень полезны: зависимость логарифмическая, то есть чем больше увеличиваем, тем меньше эффект.
Тег <button> по умолчанию делает кнопки «обтягивающими». Больший размер нужно прописать вручную
Хорошо отделять дополнительным расстоянием опасные кнопки и ссылки, иначе будет слишком легко попасть не в ту.
Разберём следствия закона Фиттса.
Мелко
Достаточно
В большие кнопки легче попасть. Но слишком большие кнопки не очень полезны: зависимость логарифмическая, то есть чем больше увеличиваем, тем меньше эффект.
Тег <button> по умолчанию делает кнопки «обтягивающими». Больший размер нужно прописать вручную
Опасно
Хорошо отделять дополнительным расстоянием опасные кнопки и ссылки, иначе будет слишком легко попасть не в ту.
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015
Бирман Илья Борисович
Пользовательский интерфейс
Арт‑директор и издатель Артём Горбунов
Дизайнер обложки и фотограф
Владимир Колпаков
Иллюстратор Андрей Кокорин
Разработчики Рустам Кулматов
и Василий Половнёв
Метранпаж и тестировщик Сергей Фролов
Помощники Юрий Мазурский
и Александра Шабалдина
Книга набрана шрифтами
«Бюросериф» и «Бюросанс»
Дизайн‑бюро Артёма Горбунова
дом 36, строение 2
Москва, Россия, 127015