Рай для дизайнера UI/UX: Sketch 3

Не секрет что дизайнеры UI/UX используют в своей работе такие программы как: Adobe Photoshop или Sketch 3. Но почему же “скетч” более удобен и прост для дизайнера? В этой статье постараемся разобраться в этом. Представляем вашему вниманию ТОП 7 фишек и преимуществ Sketch’a над Photoshop.

1. Векторная графика

Все мы знаем, что дизайнеры предпочитают мониторы с высоким разрешением. Векторная графика — вот что нужно дизайнеру. Sketch позволяет изменять объекты до любого размера без потери качества, и никакого Вам “пиксель-арта” : ). Также, векторная графика заметно снижает вес исходного документа, в отличии от растрового редактора Photoshop. Что тут можно сказать: вектор > растр.

Векторная графика

 

2. Работа с объектами

Продуманная и легкая работа с настройками “шейпов” — еще одна причина отказаться от Photoshop. Возможность добавить на один объект хоть 10 цветов, теней, обводок; с любыми настройками, с любыми способами наложений — разве это не чудо? Сделать уникальное свечение, необычный цвет, не создавая множество слоев? Это все реально! Также хотелось бы отметить функцию “маска”, в Sketch она реализована на УРА!

Работа с объектами

 

3. Общие стили

Photoshop значительно экономит время, когда для нескольких слоев нужен единый стиль. Но что же делать, если нужно внести изменения в несколько слоев, не меняя единый стиль? Создали 100 слоев с одинаковой заливкой и тенью и трижды изменили настройки стиля? Вам просто придется применить этот стиль еще 300 раз. Не очень то и весело, скажу я Вам!

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

Общие стили

 

4. Символы

Еще одним преимуществом Sketch — являются “Символы”. Используя эту функцию, дизайнер значительно упрощает себе работу и сокращает время. Разберемся на примере: Вам необходимо создать кнопку и разместить ее на 20 экранах. Но вдруг, допустим, нужно изменить цвет кнопки? Да-да, вы скажите — “хэй парень, ведь можно использовать стили”. Но тут не все так просто. А если на кнопке есть иконка, и ее вам тоже нужно изменить, неужели вы будете делать это 20 раз? Вот тут и приходят на помощь “Символы”. Создавая кнопку отдельным символом (артбордом), Вы сможете редактировать ее только один раз, но изменения будут вноситься на всех экранах с этой кнопкой.

Символы

 

5. Артборды

Работа с “артбордами” — что может быть удобней. При разработке, например, мобильного приложения, требуется много экранов, чтобы отрисовать весь функционал. Именно тут приходят в действия “артборды”. Все экраны в одном документе, в котором можно переносить объекты без особых усилий — это не может не радовать! Конечно в последних версиях Adobe Photoshop CC так же присутствует функция “артборды”, но в Sketch это реализовано максимально удобно.

Артборды

 

6. Интерфейс, навигация

Именно тут кроется один из главных ответов, почему Sketch лучше и удобней для UI/UX дизайнера: ничего лишнего! В Adobe Photoshop можно делать все: обрабатывать, ретушировать фотографии; рисовать от руки портреты с помощью планшета; даже делать 3D модели. Но зачем весь этот функционал UI/UX дизайнеру? В этом плане Sketch более удобен и прост в использовании. Удобное расположение слоев, настроек стиля, выбора цвета и обводки, тень, положение и размеры объектов — все это “под рукой”. Вам не нужно совершать множество лишних манипуляций. Очень удобная навигация и перемещение по документу. Все это позволяет дизайнеру быстро и легко выполнять свою работу.

Интерфейс, навигация

 

7. Горячие клавиши

Дизайнеры знают: горячие клавиши делают нашу жизнь проще. В Sketch имеется очень обширное количество вариантов сочетания клавиш. Читал в одной из статей, что дизайнер работал в Sketch без мыши, используя лишь сочетание клавиш. Это впечатляет!

 

 

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

Данная статья написанная в свободной форме. Мнение автора — субъективное.

Дизайнер компании Macte! Labs, Михаил

Рай для дизайнера UI/UX: Sketch 3

Рай для дизайнера UI/UX: Sketch 3

Не секрет что дизайнеры UI/UX используют в своей работе такие программы как: Adobe Photoshop или Sketch 3. Но почему же…

19 лучших расширений для вашего браузера

19 лучших расширений для вашего браузера

Сегодня, мы бы хотели сделать небольшой обзор популярных браузерных расширений для Google Chrome или Firefox. Если вы никогда не сталкивались с такой…

Мобильные приложения для бизнеса

Мобильные приложения для бизнеса

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