Лучшие утилиты для верстки. Программа вёрстка газеты или журнала Программа для создания макета журнала

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

Возможности программы

Программа позволяет проводить разметку документа, добавлять различные блоки, фигуры, линии, изображения, текстовые блоки, таблицы. Также есть элементы «Кривая Безье», «Линия от руки» для свободного рисования.

Все элементы можно настраивать — вращать, наклонять, изменять положение, размеры и так далее.

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

Для работы с текстом Scribus имеет множество настроек — изменение шрифта, стиля текста, различные отступы, поля и смещения.

Интерфейс

Интерфейс программы довольно удобен и в нем просто разобраться.

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

Свойства элементов изменяются через отдельное окошко.

Сохранение и экспорт документов

Scribus сохраняет документы в свой собственный формат *.sla.

Поддерживается экспорт в PDF и в графические форматы (svg, eps, png, jpg, bmp и другие).

Разработка

Scribus написана на языке программирования C++ с использованием библиотек Qt4. Программа полностью переведена на русский язык.

Программа Scribus кроссплатформенная и доступна для Linux, Windows, Mac OS X, Unix, OS2, *BSD.

Большинство коммерческих программ для издательских систем являются дорогостоящими. Но, не отчаивайтесь, существуют, как минимум, две отличные бесплатные программы, которые позволят вам справиться со специфической задачей составления макета печати. Одна из этих программ предназначена для малого бизнеса и является отличной альтернативой Microsoft Publisher. Другая же - серьезный конкурент высокого класса, не уступающая многофункциональным коммерческим программам.

Обзор бесплатных программ для издательства (создание макета печати)

Scribus мульти-платформенное полноценное решение для создания макетов

Первая, наиболее продвинутая программа - , с открытым исходным кодом. Изначально Scribus была рассчитана только на Linux системы, но со временем так же стала поддерживать Mac OS X, OS2 и Windows.

Scribus, по истине, является программой, способной создать профессиональные творения, которые можно сразу отправлять на печать, без какой-либо необходимости в предварительной обработке. Список функций впечатляет. Все что только может пригодиться, включая поддержку CMYK цветов, разделителей, управление ICC цветопрофилями, создание pdf и многое другое. Процедура верстки макета в чем-то напоминает Gimp (достаточно известная программа с открытым исходным кодом). Кроме того, Scribus может импортировать и экспортировать данные из пакета Open Office, мощного аналога Microsoft Office.

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

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

PagePlus Starter Edition отличный продукт для начинающих издательств и небольших организаций

Вторая программа - от Serif, создателей известного бесплатного редактора изображений PhotoPlus. PagePlusSE - это упрощенная версия PagePlus X8. Конечно, в бесплатной версии не хватает многих функций коммерческой версии, но имеющейся функциональности более чем достаточно, чтобы создавать относительно простые брошюры, листовки объявления и информационные бюллетени, часто используемые малым бизнесом и благотворительными организациями. На самом деле, отсутствие сложных функций делает PagePlusSE гораздо более понятной и удобной для начинающих пользователей с обычными потребностями публикаций.

Программа поставляется с хорошим набором готовым шаблонов (дополнительные шаблоны можно скачать из интернета), так что даже начинающий пользователь сможет в короткие сроки создать красивые и презентабельные материалы для печати. PagePlusSE имеет достаточно неплохие инструменты для обработки текста и изображений (вставка, изменение размера и т.д.). Существует так же базовый набор форм: складывающиеся листовки, визитки, формы писем и т.д. Инструменты для управления цветовой палитрой местами ограничены, но, правда, их вполне достаточно для большинства нужд. Ограничения так же коснулись и доступных форматов файлов, для сохранения ваших трудов (например, отсутствует PDF).

Примечание : Однако, вы можете использовать программы для создания pdf , чтобы обойти данное ограничение.

Если и существует такая вещь, которая действительно выделяет PagePlus SE среди аналогов, то это, бесспорно, простота в использовании. На самом деле, интерфейс программа так устроен, что если вы хоть немного знакомы с Microsoft Word и подобным офисным пакетам, то считайте, что вы уже знаете, как использовать PagePlus SE. В данном случае хорошо чувствуется, что этот продукт создан на основе коммерческого программного обеспечения.

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

Руководство по быстрому выбору (ссылки на скачивание бесплатных программ для издательств)

Scribus

Очень мощная, может делать все, что вы только можете себе представить.
Возможно, слишком сложная и мощная для обычных пользователей.
http://www.scribus.net/canvas/Scribus
-------------
70 MB x86; 82 MB x64 1.4.4 Unrestricted freeware Windows 2000 - 8 x86, Vista - 8 x64, Mac OS X, Различные дистрибутивы Linux, OS2 eComStation.
Поддержка 64-разрядной ОС
Перед установкой Scribus (для Windows), установите Ghostscript . Он необходим для импорта EPS и печати превью.

PagePlus Starter Edition

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

На сегодняшний день существует три достойных графических редактора для веб-дизайнера. Я не буду не в коем случае их сравнивать. Лишь сделаю краткий обзор и поделюсь своим мнением касательно этих приложений.

Adobe Photoshop

Первая версия вышла в 1990 году

Самый популярный графический редактор. Появился очень давно и был №1. Его используют: фотографы, дизайнеры полиграфии, веб-дизайнеры, интерактивные дизайнеры, разработчики видео. Очень мощное приложение в котором есть все. Программа используется и поддерживается везде. В любой студии, компании, полиграфии.

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

Мои личное мнение:

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

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

Минусы: C развитием фотошопа, который с каждым разом пытается впихнуть в себя все, что только возможно стал очень тяжелым и неповоротливым. Программа грузиться очень долго, некоторые функции выполняет тоже довольно долго. Приложение работает только через подписку. На слабых компьютерах открыть фотошоп может оказаться очень проблематичным. Есть очень много неудобных вещей. Приходится имитировать одними стилями другие. Окно с эффектами надо каждый раз открывать и закрывать. Замороченное управление стилями и размерами текста. И все же не стоит забывать, что приложение изначально было создано для работы с растровой графикой, а не векторной.

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

Sketch

Первая версия вышла в 2012 году

Векторный графический редактор для Mac

После Фотошопа, появилась программа Sketch. Разработчики Sketch словно взяли мощный векторный графический редактор и выбросили из него все лишнее. Интерфейс приложения похож на классические программы от Apple.

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

Одна из главных «фишек» Sketch - связанные стили для фигур и текста. Это позволяет объединить разные элементы, придав им одинаковый внешний вид и в несколько кликов менять внешний вид всех ваших объектов. То же самое касается текста. Так же можно создавать символы, превращая выбранный слой в удобный для повторного использования элемент.

Sketch, как по мне, идеальный инструмент для разработки дизайна приложений и сайтов. На сегодняшний день самый передовой инструмент для UI/UX.

Affinity Designer

Affinity Designer - это новый графический редактор для Mac и Win. В сравнении с Photoshop он выходит победителем по нескольким параметрам: скорость работы, плавность и лёгкий интерфейс.

Купить: http://affinity.serif.com (в отличии от Adobe, вы покупаете один раз программу и пользуетесь ей всегда)

Affinity Designer - по истине для меня был настоящим открытием. Его разработали с нуля специально для дизайнеров учитывая все современные новые технологии и тенденции. Affinity невероятно быстрый, удобный, практичный и продуманный.

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

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

Заменить видео

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

Если сегодня о нем мало кто знает, то в недалеком будущем все дизайнеры будут его использовать. Если вы новичок, то начните с Affinity Designer. Если вы бывалый дизайнер, то присмотритесь к этой программе. Уверен, она сильно облегчит вам жизнь.

Благодаря Affinity моя скорость работы после фотошопа увеличилась на процентов 50-60%, в этом приложении все легче делать в 10 раз, чем в фотошопе. Работая в ней, получаешь огромное удовольствие. Эту программу я изучил просто досконально. Реальная каждая кнопочка, каждая функция нужна, важна и хороша.

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

Минусы: Честно, я не нашел для себя. Единственное, что его отличает от Photoshopа, что для тонкой работы с фотографиями разработчики сделали второе приложение Affinity Photo, практически все тоже самое, только заточенное исключительно для фотографов. То есть для фотографий там намного больше возможностей. Ну и это не большая проблема. Когда мне надо отретушировать фотографию, сделать тонкую цветокоррекцию или еще какие другие манипуляции, то я открываю Affinity Photo и делаю. Программы между собой связанны и переносить файлы можно просто через копирования ctrl+c/ctrl+v или же через сохранение проекта. Форматы приложений друг друга поддерживаются и читаются.

Affinity Photo

Affinity Photo - это программа такого же типа как и Affinity Designer, их смело можно назвать братьями, но специализируется исключительно на работе с фотографиями. Так, что это скорее приложение для фотографов, но и она хорошо дополняет Affinity Designer и подходит для определенных задачи и веб-дизайнеру, обработать например фотографию иногда тоже бывает необходимость.

В ней есть полнофункциональный RAW-конвертер. Работа с различными цветовыми пространствами: RGB, CMYK, LAB, Grayscale, плотность 16 бит. Совместимость файлов с Adobe Photoshop PSD, поддержка TIFF, JPEG, PNG, EPS, PDF, SVG и других форматов.

Она действительно сделана на одном движке с Affinity Designer, но в корне отличается. Макеты сайтов в ней рисовать не стоит. Нету например поддержки Artboards, и многих других функций. Тут работа исключительно с фотографиями. В программе есть например возможность склеивать автоматически панорамы, делать 3d панорамы, использовать Liquify инструменты и многое другое. Если вы разрабатываете интерфейс приложения, то вам это все совершенно не нужно.

Поэтому разработчики, чтобы не мешать все процессы в одну кучу сделали два приложения. Хотите работать с проектами в основе которых лежит векторная графика (дизайн сайтов, приложений, баннера, иконки и так далее) - используйте Affinity Designer. Нужна тонкая работа с фотографиями или с растровыми изображениями - используйте Affinity Photo.

Работая с дизайном, я честно скажу, я редко открываю Affinity Photo, так как Affinity Designer справляется со всеми основными задачами. Для того, чтобы вырезать фотографию например и настроить цвет и яркость, не обязательно открывать Affinity Photo, все базовые функции работы с растровыми изображениями есть в Affinity Designer (вырезать фон, настроить цвета, яркость и прочее.) , но если надо нечто большее (изменить перспективу, использовать Liquify инструмент, нужны тонкие настройки цвета, ретуширование лица и др.) то да, без Affinity Photo не обойтись. Тут все есть для работы с фотографиями.

Figma

Относительно новый продукт на рынке. Figma очень похожа по смыслу на Sketch, она заточена на UI/UX для создания приложений и сайтов, но ориентирована больше на облачную и совместную работу с командой.

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

Минус в программе в том, что у нее очень специфический "движок". Мне не очень нравится грубая работа интерфейса в приложении. Но с этим можно вполне жить.

Что выбрать?

Я настоятельно рекомендую сразу приобрести Affinity Designer и Affinity Photo для работы с дизайном: иконки, иллюстрация, графика. Начать обучение с Affinity Designer, так как нас все же интересует в первую очередь веб-дизайн и все, что с ним связанно.

Чтобы проверить удобность программы, в плане работы с иллюстрациями, я даже не поленился и нарисовал кассету VHS в векторе и справился с этим за пару часов. Работать было очень удобно и просто.

Affinity Designer/Photo - идеально подходит для разработки иконок, иллюстраций, баннеров, бронирования SMM, различных макетов полиграфии и всего остального. Рекомендую!

Что касается создания дизайна приложения, то я рекомендую изучать Sketch или Figma.

Программы для верстки

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

Разработано немало программ, предназначенных для создания многостраничных макетов. Среди них - продукты корпорации Adobe (PageMaker, Frame Maker, InDesign), а также QuarkXPress, Corel Ventura Publisher, TeX. Все они имеют свои особенности и могут оказаться оптимальными в разных случаях.

Если у исходного текста неоднородная структура, в нем часто встречаются формулы, таблицы и другие усложняющие элементы, то его лучше верстать с помощью Ventura Publisher, TeX или FrameMaker. Они помогают автоматизировать оформление текста.

Если текст более однороден, но приходится вставлять рисунки, то для его верстки подойдут программы XPress, PageMaker, InDesign. Они успешно используются в книжной, газетной, журнальной и рекламной верстке.

В какой программе лучше всего делать верстку книг чтобы издать книгу? Мнения могут быть разными, но в первую очередь следует обратить внимание на программы InDesign и Xpress. У каждой из них есть свои преимущества, но зачастую опытные верстальщики предпочитают для верстки книг InDesign.

Верстка журналов делового, технического и научного жанра выполняется в FrameMaker. Для верстки иллюстрированных журналов и каталогов целесообразно использовать InDesign.

В принципе и текстовая программа Microsoft Word может быть использована для верстки. Стоит установить нужные надстройки, и в Word станут доступны многие функции специальных программных продуктов - PageMaker, XPress или InDesign. Некоторые издания систематически верстаются таким образом, но все же это не лучший путь и не самое профессиональное решение. Программа, изначально предназначенная для верстки, всегда будет удобнее. А в конечном итоге главное - то, как читатель воспринимает книгу, и надо ориентироваться прежде всего на удобочитаемость, какая бы программа ни использовалась.

Adobe InDesign

Adobe InDesign - один из крупнейших программных продуктов Adobe Systems. Его прямое назначение - издательское дело, включающее в себя дизайн и вёрстку документов самого разного назначения. Производители назвали InDesign преемником и прямым продолжателем функций программы Adobe PageMaker. В первую очередь программа предназначена для дизайнеров и верстальщиков - как работающих в профессиональных студиях, так и одиночных творческих натур. С помощью Adobe InDesign можно сверстать любое периодическое или книжное издание.

Помимо печати, он позволяет экспортировать готовые документы в актуальный на сегодня формат PDF и в другие форматы, сохраняя всё многообразие оформления и уникальные дизайнерские решения. Программа InDesign стала первой в своём роде, объединившей столько издательских функций воедино. Помимо интеграции с другими продуктами компании Adobe: Photoshop, Illustrator и Acrobat, - она позволяет использовать для оформления шрифты Unicode, то есть тысячи вариантов символов.

Также в арсенале "Индизайна" - самые современные функции прозрачности и визуальные спецэффекты, вёрстка стилей и использование шрифтов OpenType, а ещё - оптическое выравнивание макета и кросс-платформенные скрипты для электронных документов.

В последнюю версию Adobe InDesign вошли такие функции, как доступ к серверам Adobe для публикации предназначенных для планшетов материалов; палитра статей для управления документом без изменения макета; возможность добавлять в электронные документы звуковые и видеозаписи, и многое другое.

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

Создавайте в Adobe InDesign макеты, которые автоматически адаптируются для экранов и страниц разных размеров, используя функцию "Жидкий макет" для файлов.folio. Используйте функцию "Альтернативный макет" для более эффективного контроля над рабочим процессом. Повышайте продуктивность работы, используя следующие возможности: связанное содержимое, инструменты сбора содержимого, список недавно использованных шрифтов, просмотр в оттенках серого и многое другое.

"Жидкий" макет

Легко проектируйте и создавайте несколько версий макета для различных устройств и печатных материалов в одном файле InDesign.

Связанное содержимое

Связывайте контент, содержащийся в одном или нескольких документах InDesign; это позволит применить изменения родительского текста или объектов (в том числе интерактивных элементов) ко всем связанным дочерним объектам.

Инструменты сбора содержимого

Извлекайте текст и объекты из существующего макета при помощи инструментов сбора содержимого. В новом макете используйте функцию Content Placer для добавления и упорядочивания элементов.

Интерактивные документы HTML

Добавляйте интерактивный контент HTML -- например, Google Maps и анимацию, разработанную в программе Adobe Edge™ -- в макеты InDesign. Интерактивные элементы сохраняются при экспорте в форматы HTML, EPUB3 или.folio в Adobe Digital Publishing Suite.

Улучшенная поддержка компоновки

Компонуйте проекты InDesign для отправки в Adobe Digital Publishing Suite с сохранением таких функций, как наложения. В пакет можно также вложить файл IDML.

Интеграция с другими решениями Adobe

С легкостью реализуйте творческие замыслы при разработке самых разных проектов благодаря тесной интеграции ведущих отраслевых решений Adobe, в том числе Adobe Photoshop, Illustrator, Acrobat и Flash Professional.

Улучшенные функции экспорта документов PDF

Экспортируйте документы PDF, соответствующие стандартам PDF/X-4:2010, PDF/X-5:2010 и PDF/VT-1, для обеспечения тесной интеграции с Adobe Acrobat X и Adobe PDF Print Engine 2.5.

От книг и брошюр до цифровых журналов и приложений для устройств iPad-- InDesign CC позволяет создавать макеты страниц и типографические материалы с точностью на уровне пикселов. С легкостью адаптируйте оформление под любой размер и ориентацию страницы или экрана. Приложение входит в состав пакета Creative Cloud, благодаря чему вы можете синхронизировать такие настройки, как сочетания клавиш, стили и рабочие пространства, на всех своих устройствах.

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

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

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

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

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

Важно понимать, что в какой-то момент вам, возможно, придется переключиться на другой инструмент. Большинство из нас годами использовали Photoshop, потому что на рынке не было альтернатив. За последние пару лет ситуация в корне изменилась.

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

Популярные программы для дизайна

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

1. Sketch – $99/год (Только под Mac)


Рис 7.1: Sketch

Для большинства своих текущих проектов я использую Sketch. Инструмент очень быстрый, интуитивный и достаточно простой в использовании (я без проблем перешел на него с Photoshop). Sketch - одно из самым популярных приложений для дизайна, так что большинство разработчиков и дизайнеров с ним знакомы.

В Sketch есть все, что нужно для дизайна: направляющие, сетки, символы, трансформация изображений в перспективе (для предпросмотра дизайна на iOS), векторное редактирование, прототипирование, библиотеки, экспорт активов, клауд (чтобы делиться дизайнами и библиотеками) и даже экспорт кода. А еще к нему есть масса плагинов и ресурсов.

Самый большой недостаток Sketch - он работает только на Mac. Однако, можно экспортировать проекты под такие приложения как InVision и Zeplin , чтобы создавать спецификации и руководства для разработчиков.

2. Figma – Бесплатно or $12/мес (веб-приложение)


Рис 7.2: Figma

Figma - это относительно новая программа для дизайна. Пожалуй, это самый главный конкурент Sketch - и он растет очень быстро. В Фигме есть все те же функции, что и в Sketch - плюс несколько дизайнеров могу работать над одним проектом одновременно.

Самое крутое, что Фигма абсолютно бесплатна, если у вас до трех проектов, а всего за 12 долларов в месяц вы откроете все функции и сможете создать бесконечное количество проектов. Приложение работает прямо в браузере - следовательно, практически на любой операционной системе. Пользовательский интерфейс напоминает интерфейс Sketch и Adobe XD: если эти инструменты вам знакомы, то даже ничего осваивать не придется.

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

3. Adobe XD – Бесплатно (Mac и Windows)


Рис 7.3: Adobe XD

Adobe XD - это еще один сильный игрок в мире профессиональных приложений для дизайна. Мне кажется, он отлично подходит для UI дизайна, создания вайрфреймов и прототипирования - правда, в сравнении с Sketch или Figma ему не хватает нескольких продвинутых функций.

Плюс в том, что инструмент бесплатный как под Mac, так и под Windows (хотя, возможно будет платным, когда его доведут до ума). Кроме того, это линейка продуктов Adobe - так что вы сможете обмениваться активами с другими инструментами, например Photoshop или Illustrator.

Интерфейс очень похож на Sketch и Figma, так что можно одновременно использовать сразу три инструмента - и без проблем переключаться между ними (разве что некоторые горячие клавиши отличаются!).

4. InVision Studio – Бесплатно (бета версия, с возможностью раннего доступа)


Рис 7.4: InVision Studio

InVision Studio - это новый фул-стек инструмент, который все еще на стадии беты, но выглядит многообещающе. Интерфейс - копия Sketch и Figma, которые уже стали современным стандартом инструментов для дизайна.

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

5. Webflow – Бесплатно или $16/мес (веб-приложение)


Рис 7.5: Webflow

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

Я не фанат инструментов в стиле “дизайн в код”, потому что обычно сгенерированный код не очень хорошо показывает себя в деле, плюс с ним сложно работать. Однако, Webflow очень даже неплох. Вы полностью контролируете CSS код, плюс инструмент показывает, как работает HTML и CSS, потому что все элементы дизайна в браузере ведут себя так, как нужно.

Я думаю, что Webflow отлично подойдет для создания быстрых прототипов, простых сайтов, одностраничников и т.п. Многие мои знакомые профессиональные дизайнеры используют Webflow - так что стоит к нему присмотреться!

6. Adobe Photoshop – $20.99/мес или в составе Creative Cloud ($52.99/мес)


Рис 7.6: Adobe Photoshop

Я не случайно поставил Photoshop в самый конец списка. Фотошоп - очень популярная программа для дизайна сайтов, но он проигрывает битву со Sketch, Figma и другими инструментами. Если вы до сих пор пользуетесь Фотошопом - это нормально, но будьте готовы переехать в другой инструмент в ближайшем будущем.

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

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


Рис 7.7: Быстрое сравнение интерфейсов Sketch, Figma и Adobe XD interfaces. Посмотрите, как они похожи!

Другие инструменты, которые я использую в работе:

Вот полный список инструментов, которые я использую в процессе работы.