Приложение Sketch: обзор и обзор

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

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

Обзор эскиза

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

Монтажная область в Sketch представляет собой экран или взаимодействие внутри экрана. При создании монтажной области вы можете выбрать из списка распространенных размеров экрана для Android, iOS, Интернета и печати или настроить свой собственный. Существует также плагин Artboard Manager для организации на уровне ОКР (* кашляй * меня) - вы можете привязать свои артборды к строкам и столбцам, чтобы аккуратно их упорядочить.

Страницы в Sketch представляют другое разрешение или другую платформу. Если вы создаете артборд для iOS, вы перетащите их все на страницу, а затем вы можете создать другую страницу для своего дизайна Android. Файл Sketch может содержать множество монтажных областей и страниц. Это позволяет организовать рабочий процесс таким образом, чтобы к нему было легко получить доступ.

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

Если вы новичок, начните с шаблона пользовательского интерфейса. Sketch предварительно загружен с iOS, Material Design и адаптивными веб-шаблонами (File> New From Template).

Преимущества Sketch

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

• Простой и легкий в освоении; интуитивно понятный интерфейс
• Создавайте дизайны для нескольких устройств
• Клиенты могут предварительно просмотреть, что произойдет, когда они будут взаимодействовать с настольным компьютером, ноутбуком, телефоном или планшетом.
• Полезные функции совместной работы, особенно с синхронизацией и совместным использованием Sketch Cloud.
• Панель инструментов похожа на Mac
• Существует множество плагинов, которые можно использовать со Sketch (Abstract, Craft, Flinto и т. Д.).
• Доступный

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

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

Недостатки и конкуренты

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

У Sketch есть два основных конкурента: Adobe XD и InVision Studio. Adobe XD - еще один векторный инструмент, используемый для создания каркасов и прототипов. InVision Studio имеет преимущество перед Adobe XD и Sketch: это модуль анимации.

Особенности эскиза

В Sketch есть многие из основных функций, которые вы ожидаете:

• Инструменты рисования, формы и текста
• Редактировать точки формы и кривые Безье
• Операции по размещению (выравнивание, вывод на передний план, распространение)
• Булевы инструменты (объединение, вычитание, пересечение, разность)

Однако Sketch не предназначен для рисования - он действительно предназначен для создания прототипов. Определите горячие точки; назначить области экрана как прокручиваемые / не прокручиваемые; а также экземпляры ссылок и перекрестных ссылок, меню, страницы, разделы и символы. Вы также можете импортировать изображения или текст, чтобы заполнить прототип более реалистичными данными, чем заполнители. Sketch особенно полезен, когда дело касается проектирования с высокой точностью:

• Инструменты для высокой точности (сетки и пиксели, линейки, умные направляющие и т. Д.)
• Быстрые направляющие появляются перед началом рисования для оптимальной точности
• Удерживание «Alt» показывает расстояние между выбранным вами слоем и другими, а также между слоем и монтажной областью.
• Выберите два слоя и совместите их друг с другом.
• Параметр «Распределить объекты» позволяет нормализовать расстояния между слоями.
• Установите собственную сетку макета

Больше отличных функций Sketch

• Инструмент масштабирования масштабирует каждое свойство - границу, радиус, тень / внутреннюю тень, размер.
• Подгонка пикселей позволяет сохранять четкие пиксели при выравнивании или изменении размеров фигур.
• Автоматическое определение цветов в вашем документе, и цвета упорядочиваются в зависимости от того, как часто они используются.
• Инструмент цвета сохранит вашу палитру для отдельного документа или глобально.
• Перейдите с RGB на HSB, чтобы лучше контролировать цвета
• Градиенты отлично подходят для фона, кнопок и значков
• Используйте радиальные градиенты для большого фона и угловые градиенты для круглого фона.
• Настраиваемое размытие фона; все слои ниже выбранного будут размыты автоматически
• Стили текста позволяют повторно использовать предпочитаемый стиль типографики на разных слоях (установить глобальный стиль)
• Создавайте повторно используемые элементы (символы) для совместного использования между монтажными областями; обновление одного синхронизирует все остальные (если другой член команды обновит символ, вы можете утвердить обновление или отсоединить его от своей библиотеки)
• Если у вас есть библиотека, заполненная значками и логотипами в Photoshop или Illustrator, вы можете перенести их в Sketch.
• Включение автосохранения сохранит ваши изменения, чтобы вы не потеряли тяжелую работу.
• Автосохранение также создает историю версий вашего дизайна.

Стоимость эскиза

Sketch стоит 99 долларов в первый год и 69 долларов за продление лицензии каждый год после этого. Если вам нужно использовать Sketch на нескольких устройствах, есть корпоративная лицензия, стоимость которой начинается с 89 долларов за устройство для двух устройств в течение первого года и от 64 долларов за устройство для продления. Самая крупная корпоративная лицензия, которую вы можете купить, - это 50+ устройств по цене 59 долларов США за устройство в течение первого года и 49 долларов США за устройство при продлении. Существует также 30-дневная бесплатная пробная версия, не требующая электронной почты или кредитной карты, которая начинается с первого запуска приложения.

Лицензия Sketch включает обновления на один год, но вы можете использовать программное обеспечение всю жизнь; или вы можете обновлять каждый год, чтобы всегда получать самые свежие выпуски. Вместе с программным обеспечением вы также получите приложение Mirror, которое позволяет просматривать ваши проекты в режиме реального времени на вашем iPad или iPhone, и год использования Sketch Cloud.

Заключение

Напомним, Sketch - это пользовательский интерфейс и инструмент для создания прототипов только для Mac для дизайнеров, но его настолько легко освоить, что вы можете использовать его как новичку, так и эксперту. Он функционирует аналогично Photoshop, интерфейс напоминает программы Mac, а Sketch предоставляет большую помощь с помощью своих руководств, сообществ и предварительно загруженных шаблонов и наборов. Он гибкий благодаря плагинам и возможности использовать его с библиотеками Photoshop и Illustrator. В качестве специального инструмента для проектирования экранов и создания прототипов он подчеркивает точность вашего дизайна и организацию ваших проектов. Adobe XD - достойный противник прототипирования, а InVision Studio - выбор для анимации, но знакомство со Sketch может вскоре стать отраслевым требованием.

Хотите стать экспертом по Sketch? Мы собрали 25 ресурсов Sketch для разработчиков тем и плагинов WordPress.