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

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

Я использовал подобные GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, darktable, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive и другие. Эти программы охватывают различные категории программного обеспечения для творчества, и в каждой из них есть что-то, что мне нравится, и что-то, что мне не нравится — в разной степени.

Пользовательский интерфейс (который означает «интерфейс пользователя“) в каждой из этих программ может сильно различаться, поскольку этот список охватывает различные творческие категории и включает в себя как бесплатное, так и платное программное обеспечение.

Тем не менее, есть одна программа, которая недавно выделилась из упомянутого выше программного обеспечения — бесплатная и платная — благодаря недавней основной версии, в которой были представлены основные обновления ее пользовательского интерфейса. Это программа Inkscape.

Вот почему.

Недавно Inkscape выпустила бета-версию для своей будущей стабильной версии 1.2. Если вы не знакомы с Inkscape, это бесплатный редактор векторной графики с открытым исходным кодом. Это наиболее сопоставимо с Illustrator — хотя, вероятно, лучше думать об этом с точки зрения мультивселенной Доктора Стрэнджа, где Illustrator существует в одной вселенной, а Inkscape — в другой.

Inkscape 1.2: очень краткая история

У Inkscape, на мой взгляд, всегда был огромный потенциал, но он также был причудливым. Назвать его «причудливым» — это красиво — возможно, «багги» — лучший термин. Достаточно сказать, что он часто дает сбои и имеет множество ограничений.

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

Весной 2021 г. команда Inkscape выпустила Inkscape 1.1, и стало очевидно, что сообщество разработчиков Inkscape-добровольцев начало переключать внимание на улучшение взаимодействия с пользователем за счет улучшения пользовательского интерфейса.

В этом выпуске Inkscape представила «Экран приветствия», который является довольно стандартным для платного программного обеспечения, но редко встречается в бесплатном программном обеспечении с открытым исходным кодом. Другие заметные дополнения или изменения пользовательского интерфейса, представленные в Inkscape 1.1, включают «палитру команд», которая помогает пользователям легко находить и применять такие вещи, как фильтры или действия, закрепляемые диалоги (это означает, что диалоги можно перемещать в новые позиции на холсте) и улучшенные функции экспорта. и поддержка экспорта в новые форматы файлов.

Эти улучшения пользовательского интерфейса в Inkscape 1.0 и Inskcape 1.1 великолепны и помогли Inkscape добиться постепенного прогресса в улучшении программного обеспечения. Какими бы полезными и захватывающими ни были эти функции, они просто заложили основу для того, что должно было произойти.

В мае 2022 года была выпущена бета-версия Inkscape 1.2, которая, на мой взгляд, подняла планку дизайна пользовательского интерфейса.

Планка была поднята, потому что пользовательский интерфейс Inkscape 1.2 не только хорошо выглядит, но и позволяет настраивать его больше, чем любая другая программа (с которой я лично сталкивался). И то, как он выглядит и как его можно настроить, был результат отзывов пользователей, разработчики признают и обсуждают отзывы, разработчики реализуют наиболее оптимальные проявления этих отзывов, а пользователи тестируют реализации и запускают цикл обратной связи заново.

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

Чем выделяется пользовательский интерфейс Inkscape 1.2

Итак, что конкретно мне нравится в новом пользовательском интерфейсе Inkscape 1.2?

Обновления экрана приветствия

С самого начала экран приветствия (который, опять же, впервые представлен в Inkscape 1.1) позволяет пользователю настраивать пользовательский интерфейс с помощью вкладки «Быстрая настройка» (обведена зеленым на изображении выше). Здесь пользователь может:

  • выбрать конфигурацию холста,
  • установить сочетания клавиш,
  • установить стили и цвета значков (в раскрывающемся списке «Внешний вид») и
  • переключать цвета пользовательского интерфейса, чтобы выбрать светлый или темный режим

Экран приветствия является адаптивным, поэтому выбранные вами значки будут автоматически обновлять предварительный просмотр значков, расположенный в нижней части окна (желтая стрелка на изображении выше). Кроме того, цвет экрана приветствия будет меняться при переключении между светлым и темным режимами (красная стрелка).

Затем вы можете перейти на вкладку «Время рисовать» (обведена зеленым на изображении выше) и либо открыть последний документ, либо выбрать шаблон из любой из категорий шаблонов (обведены голубым), либо загрузить новый документ. с вашего компьютера (с помощью кнопки «Загрузить», которая будет отображаться на вкладке «Существующие файлы» — обведена красным на изображении выше). Последний вариант был представлен в Inkscape 1.2, что помогло дополнить набор функций для создания документов на экране приветствия.

Я открою страницу размером 1920×1080 пикселей, щелкнув соответствующий файл шаблона (красная стрелка) на вкладке «Экран».

Новый холст

При открытии нового документа в Inkscape пользователи предыдущих версий Inkscape заметят обновленную и более чистую область холста. Для Inkscape 1.2 разработчики обновили границу вокруг страницы, изменили цвет «стола» (или серой границы вокруг страницы — красная стрелка на изображении выше) и улучшили внешний вид тени под страницей ( зеленая Стрела). Эти тонкие, но важные изменения помогают Inkscape чувствовать себя более комфортно и знакомо (особенно при переходе с Illustrator).

Совершенно новый инструмент страницы (многостраничные композиции)

Да, и говоря об области холста — Inkscape 1.2 теперь поддерживает многостраничные документы.

Для тех из вас, кто пришел из Illustrator, позвольте мне перевести: Inkscape теперь поддерживает несколько монтажных областей.

Эта функция управляется с помощью «Инструмента страницы» (красная стрелка на изображении выше), который по сути является тем же, что и «Инструмент монтажной области» в Illustrator. С помощью этого нового инструмента вы можете либо быстро рисовать новые страницы от руки, либо использовать панель управления (обведена зеленым) для более точного создания новых страниц на основе предустановок документа.

Вы также можете выбрать и изменить размер любой страницы, переместить страницу, щелкнув и перетащив ее, или подогнать размер страницы к любому выделению или изображению на странице. Наконец, вы можете экспортировать свои несколько страниц в многостраничный PDF-файл.

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

Безумные уровни настройки

Если вы недовольны тем, как выглядит общий пользовательский интерфейс на основе вариантов, сделанных на экране приветствия, вы можете изменить цвета и размеры всех экранных элементов, выбрав «Правка»> «Настройки»> «Интерфейс»> «Тематика». (красная стрелка на изображении выше).

Под заголовком «Тема» (обведена зеленым на изображении выше) вы можете прокручивать темы GTK в разделе «Изменить тему GTK» и просматривать предварительный просмотр различных стилей тем при нажатии на каждую опцию. Вы также можете использовать ползунки для настройки размера шрифта пользовательского интерфейса или степени контраста между цветом фона пользовательского интерфейса и текстом и значками (зеленая стрелка). Где еще вы видели ползунок контраста??

Под заголовком «Значки» (обведены желтым на изображении выше) вы можете выбрать любую из четырех тем значков, используя раскрывающийся список «Изменить тему значков». Если вы выберете вариант «многоцветный» или «высокий цвет», вы получите дополнительные параметры, такие как выбор «символической» версии значков (желтая стрелка) или выбор цветов, используемых для символических значков (светлая стрелка). синяя стрелка) — включая «основу цвета значка» и три «выделения цвета значка». Эти цвета могут быть любыми, которые вы хотите, и их можно выбрать из цветового круга, с помощью ползунков для выбранного вами цветового режима или с помощью шестнадцатеричного кода.

Если я перейду к «Интерфейс»> «Панели инструментов» (красная стрелка на изображении выше), все еще находясь в диалоговом окне «Настройки», вы увидите настройку панели инструментов и значков, используемых во всем пользовательском интерфейсе. Все инструменты, отображаемые здесь в разделе «Панели инструментов» (выделены желтым цветом), включены по умолчанию и поэтому отображаются на панели инструментов. Щелчок по любому из значков (голубая стрелка) отключит этот инструмент и скроет его с панели инструментов.

Под значками панели инструментов находится пара ползунков. Верхний ползунок (красная стрелка на фото выше) позволяет регулировать размер значков панели инструментов (обведены красным), а нижний ползунок (светлая стрелка размытия) позволяет регулировать размер значков панели управления (обведены светло-синий). Вы заметите, что оба начинаются со 100% и доходят до 300%. Это означает, что вы можете увеличить размеры значков в три раза по сравнению с исходным размером. Приращения между этими значениями также довольно малы (где-то около 5% приращений), что демонстрирует беспрецедентный уровень детализации при настройке значков пользовательского интерфейса.

Это лишь один из многих примеров высокого уровня контроля над внешним видом программы, которые вы увидите в этом новом выпуске. Давайте выйдем из диалогового окна настроек, чтобы продемонстрировать некоторые другие удивительные функции пользовательского интерфейса в Inkscape 1.2.

Обновленная цветовая палитра для большего контроля и настройки

Под областью холста находится цветовая палитра — область, в которой вы выбираете цвета для таких вещей, как объекты и текст (обведены зеленым на фотографии выше). В предыдущих версиях эта палитра использовала собственную полосу прокрутки, а цветные плитки имели фиксированный размер.

Полоса прокрутки цветовой палитры была проблематичной, потому что холст Также использует полосу прокрутки (красные стрелки на изображении выше) для горизонтальной навигации по странице. Другими словами, рядом находились две полосы прокрутки, из-за чего новым пользователям было сложно отличить одну полосу от другой. Еще более запутанным для новых пользователей было то, что полоса прокрутки для цветовой палитры появлялась только при наведении курсора, поэтому ее можно было легко пропустить, если вы не знали, что она там есть.

В Inkscape 1.2 полоса прокрутки была заменена стрелками вверх и вниз в правой части цветовой палитры (обозначены красной стрелкой и обведены красным на изображении выше), чтобы помочь пользователям искать или прокручивать различные доступные цвета.

Справа от стрелок вверх и вниз находится меню для просмотра и выбора других доступных цветовых палитр (красная стрелка на изображении). Эта функция была обновлена ​​и теперь включает небольшие цветовые превью различных образцов, доступных в каждой цветовой палитре (область, выделенная зеленым цветом — вы можете увидеть маленькие превью образцов под названием каждой цветовой палитры).

Кроме того, в самом низу этого меню есть ссылка «Настроить» (голубая стрелка).

Теперь пользователь может настроить внешний вид цветовой палитры. Можно настроить размер цветных плиток с помощью ползунка «Размер плитки» (красная стрелка), соотношение сторон (зеленая стрелка — отношение ширины к высоте, где 0 на ползунке означает квадрат) цвета плитки, размер границы вокруг каждой плитки (голубая стрелка) и количество рядов образцов, отображаемых на цветовой шкале (желтая стрелка). Вы можете видеть на фотографии, что я внес несколько корректировок, в том числе увеличил размеры плиток, сплющил плитки за счет увеличения соотношения сторон, добавил более толстую рамку вокруг каждой плитки и увеличил количество отображаемых рядов плиток до 3.

Опять же, эти детализированные настройки дают пользователям полный контроль над внешним видом цветовой палитры и пользовательского интерфейса Inkscape 1.2. Это особенно верно, учитывая, что размеры и стиль элементов контролируются удобными ползунками, а не более громоздкими альтернативами, а ползунки имеют широкий диапазон значений.

Давайте продемонстрируем, насколько это невероятно, посредством сравнения.

Ползунок «Размер плитки», показанный в этом диалоговом окне «Настройка» для цветовой палитры (красная стрелка на изображении выше), содержит значения от 4 до 32 с шагом 1 (это означает, что всего 19 значений, включая 4 и 32). В качестве альтернативы, панель «Образцы» Adobe Illustrator предоставляет только 3 значения размеров плитки — «маленький», «средний» и «большой». В Illustrator, платном программном обеспечении, гораздо меньше контроля и возможностей настройки, чем в новом Inkscape 1.2, который является абсолютно бесплатным.

Упрощенная привязка и интеллектуальные направляющие

Последний пример, который я приведу в этой статье, демонстрирующий удивительный новый пользовательский интерфейс Inkscape, — это новая переработанная «Панель управления привязкой». В предыдущих версиях Inkscape эта панель располагалась вдоль всей правой стороны холста и одновременно отображала все значки элементов управления привязкой. Это по понятным причинам завалило новых пользователей выбором и сделало использование этих элементов управления запутанным и сложным.

В Inkscape 1.2 панель управления привязкой была сокращена до одного значка и вращающегося меню или «всплывающего меню», как его любит называть Inkscape (обведено красным и обозначено стрелкой на изображении). Щелчок по значку включает элементы управления привязкой, а повторный щелчок отключает привязку. Если пользователю нужно больше контроля, он может щелкнуть всплывающее меню (значок с треугольником), где он увидит флажок, который просто информирует вас о том, включена ли в данный момент привязка, и три новых значка.

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

Когда эта функция включена (обычно она отключена по умолчанию, поэтому щелкните значок, чтобы включить ее), пользователи теперь видят направляющие непосредственно на своем холсте при перемещении объектов (красная стрелка на изображении). Как и в другом программном обеспечении, включая Adobe Illustrator или Affinity Designer, эти руководства помогают пользователям выравнивать объекты по центру своих страниц, выравнивать по центру других объектов, равномерно разносить объекты или даже быстро создавать сетки из равномерно расположенных объектов.

Наконец, возвращаясь к «всплывающему меню», в нижней части окна есть ссылка «Расширенный режим».

Эта ссылка приведет вас к дополнительным элементам управления привязкой, которые позволяют включать или отключать отдельные функции привязки. Это все элементы управления привязкой, которые отображались вдоль всей правой стороны окна холста Inkscape в предыдущих версиях. Теперь они аккуратно спрятаны в этом меню. Чтобы вернуться к более простой настройке, нажмите «Восстановить режим простой привязки» (красная стрелка на изображении).

Inkscape, бесплатный редактор векторной графики, серьезно улучшил свой пользовательский интерфейс с этим впечатляющим выпуском Inkscape 1.2. Он не только обеспечивает детальный (слово дня) контроль над настройками пользовательского интерфейса на нескольких уровнях, но также упрощает многие элементы управления для улучшения взаимодействия с пользователем, сохраняя при этом доступность этих элементов управления в легкодоступных меню для более опытных пользователей.

Для получения дополнительной информации о том, что нового в Inkscape 1.2, ознакомьтесь с моим видеоруководством, охватывающим ВСЕ последние функции этой мегарелизной версии (скоро!). И, как всегда, вы можете БЕСПЛАТНО загрузить последнюю версию Inkscape с Inkscape.org.

Подпишитесь на информационный бюллетень DMD

Подпишитесь на информационный бюллетень DMD

Зарегистрируйтесь, чтобы получать новые учебные материалы, обновления курсов и последние новости о вашем любимом программном обеспечении с открытым исходным кодом!

Вы успешно подписались!

Pin It на Pinterest

Поделиться