дима кучев: заметки с тегом indesign

Что нравится и бесит в интерфейсах

дима Кучев — Thu, 13 Apr 2017 20:07:13 +0500

Собираю примеры интерфейсов, которые нравятся, и которые бесят. Начал с очевидных вещей в Фотошопе, Индизайне, Почте и Файндере. Этими инструментами пользуюсь чаще всего.

Интерфейс без интерфейса

Нравятся минималистичные интерфейсы. В Почте и Файндере скрыл все лишние элементы. На виду только самое важное — данные. Все действия с объектами — файлами и письмами — на горячих клавишах.

Интерфейс без интерфейса — кайф!

В текстовом редакторе Оптима интерфейса нет вообще. Отсутствие интерфейса фокусирует на содержании.

Скачать Оптиму

Закон Фиттса

Бесит, что в Адоби до сих пор не научились делать бесконечные стороны окна. В прижатых к краю панелях кнопки должны работать, когда курсор уперся в край. Даже в Виндоусе научились так делать. КАМОН! Фиттс негодует.

КАМОН!

Глобальные горячие клавиши

Нравится, когда одни горячие клавиши одинаково работают во всех приложениях. ⌘K добавляет ссылки к выделенному тексту в Ворде, Оптиме и даже редакторе Вордпресса. ⌘T создает новую вкладку во всех браузерах и маковском Файндере.

Глобальное использование одинаковых хоткеев в разных приложениях устраняет модальность. Об этом пишет Раскин:

Если сделать команды независимыми от приложений, то тем самым мы сможем устранить модальность, которая изначально им присуща. При такой унификации общее количество команд, которое пользователю придется запоминать, существенно сократится, — главным образом потому, что унификация позволит избавиться от огромного числа повторений команд.

Важность глобального использования хоткеев легко понять. Представьте, что ⌘C, ⌘V, ⌘X, ⌘Z, ⌘O, ⌘N во всех приложениях работали бы по-разному.

Бесит, что у Адоби даже внутри собственных продуктов хоткеи зачастую разные. В Индизайне M — прямоугольник, в Фотошопе М — выделение. В Индизайне L — эллипс, в Фотошопе L — лассо. В Индизайне линия — \, в Фотошопе линия — U. Таких примеров уйма. Когда переключаешься из приложения в приложение, мозг тупит по 3—4 секунды.

При этом у Индизайна с Иллюстратором более-менее все совпадает.

Бесит, что в Фотошопе на одну горячую клавишу повесили много инструментов. Хорошо, что между ними можно переключаться через Shift. Плохо, что приходится помнить, какой инструмент выбран раньше.

Было бы лучше, если бы на U всегда был прямоугольник, на ⇧U — закругленный прямоугольник, на ⇧UU — эллипс и т. д. Я бы запомнил сколько раз нужно нажать ⇧U, чтоб попасть в Линию. Сейчас же приходится нажимать и смотреть, что выбралось.

К Адоби вообще много претензий.

Бесит, но я привык. У Адоби окна выглядят как вкладки, но ведут себя как окна. В браузерах и Файндере привыкаешь переключаться между вкладками так — ⇧⌘[ + ⇧⌘]. В Макоси на глобальном уровне привыкаешь переключаться между окнами одного приложения так — ⌘`.

В Адобовских продуктах между окнами тоже переключаешься по ⌘`. Но выглядят они как вкладки. Мозг все равно хочет переключаться между ними как между вкладками.

Я привык, но бесит.

Нравятся незаметные плюшки, как в Эверноте.

Запомнить

Интерфейс без интерфейса — кайф. Отсутствие интерфейса фокусирует на содержании.
У прижатых к краям экрана элементов один размер должен быть бесконечным.
Чем больше глобальных горячих клавиш, тем лучше.

Для каких задач использовать слои в Индизайне

дима Кучев — Sun, 22 Jan 2017 02:52:53 +0500

Люблю находить инструменты, которые оптимизируют работу. Начал использовать слои в Индизайне. Как я был слеп и глуп, что не сделал этого раньше.

Рассказываю для каких задач я их использую.

Текст на разных языках

Регулярно делаю макеты на 3—4 языках. Раньше для каждого языка создавал отдельный файл. Теперь храню «языки» в отдельных слоях.

Длина слов в русском и английском языках разные. Поэтому текстовые блоки на русском языке всегда больше. При плотной верстке это влияет на расположение других элементов: фотографий и графики. В подобном случае по-прежнему создаю отдельные файлы.

Контактная информация разных компаний

Часто дистрибьюторы просят макеты брошюр с их логотипами и контактной информацией. При этом никакая другая информация в брошюре не меняется.

Раньше на каждого дистрибьютора создавал отдельный файл. Теперь блоки с контактами и логотипами в отдельных слоях.

Однотипные фотографии

При разработке интегрированных систем была задача показать производителям анализаторов, что наша система совместима с их анализаторами. Для этого для переговоров с каждой компанией готовил отдельные брошюры. Единственная разница в них — разные фотографии анализаторов, каждой компании свой. Я создавал отдельные файлы, а мог бы просто разместить фотографии на разные слои.

Какое еще есть применение у слоев в ИД? Какие еще есть инструменты для оптимизации работы в ИД?

Ускорил верстку

дима Кучев — Fri, 09 Dec 2016 00:17:12 +0500

Я пишу книгу по материалам журнала Everybodystreet — практическое руководство для начинающих стрит-фотографов. По принципу Ильяхова-Сарычевой пишу сразу в Индизайне. Написал черновик и сразу заливаю в макет. В Индизайне окончательно редактирую.

Когда заливаешь текст из обычного редактора в Индизайн, нужно подтягивать висячие предлоги, ставить неразрывный пробел перед тире и в цифрах и т. д.

Неправильно	Правильно

Я мог бы расставить неразрывные пробелы вручную. Но что, если текст большой и их там сотни? Мог бы воспользоваться автозаменой в поиске. И что, каждый раз запускать поиск после добавления нового куска текста?

По принципу «Пусть потеет машина» я автоматизировал верстку. Использую GREP — глобальные регулярные выражения. GREP — это, когда Индизайн сам, по заранее заданному правилу, ищет и исправляет косяки верстки. Как это работает?

1. Добавим стиль NoBrake в Character Style

Обязательно отметить чекбокс No Brake

2. Добавим стили GREP к Basic Paragraph в Paragraph Style

В Apply Style добавить стиль NoBrake

3. Добавим нужные регулярные выражения

Неразрывный пробел после предлогов
(?<= )((в|во|без|до|из|к|ко|на|по|о|от|перед|при|через|с|у|не|за|над|для|об|под|про|и|а|но|да|или|ли|бы|то|что|как|я|он|мы|они|ни)( |\. |, ))+

Неразрывный пробел после предлогов в начале предложения
((?<= )|(?<=^))((В|Во|Без|До|Из|К|Ко|На|По|О|От|Перед|При|Через|С|У|Нет|За|Над|Для|Об|Под|Про|И|А|Но|Да|Или|Ли|Бы|То|Что|Как|Я|Он|Мы|Они|Ни) )+

Неразрывный пробел перед тире
(?<=) (~=)

Неразрывный пробел в цифрах
(?<=\d)(.)

4. Создадим все остальные стили параграфов на основе Basic Paragraph

Теперь, когда назначаете тексту стиль, неразрывные пробелы автоматически расставляются в нужных местах.

С помощью GREP можно добавлять стили ко всем e-mail, телефонам, датам или другим повторяющимся единицам в документе. Советую изучить GREPоводство

Прежде, чем сделать что-то в ручном режиме, подумайте: а нельзя ли это автоматизировать? И если можно, то

АВТОМАТИЗИРУЙ