Не Photoshop-ом єдиним. Знайомство зі Sketch 3 (Частина 2)

Продовжуємо вступне ознайомлення зі Sketch 3. Першу частину туторіалу можна почитати тут.

Автосейв

Автосейв регулярно зберігає багато версій ваших файлів і не треба думати, про втрату роботи, наприклад, якщо ненароком вимкнути комп’ютер. Можна відмінити зміни до попередніх версій.

Але тут є і мінус, якщо ви працюєте із великими файлами – автосейв може дуже сильно зжерти пам’ять Мака, зазвичай нові особливо макбуки із ssd цей ресурс мають у дефіциті, і треба мати на увазі, що потенційно можлива ситуація, коли пам’ять закічиться повністю. Щоб перевірити скільки її використано введіть у Термінал:

sudo du -sh /.DocumentRevisions-V100

В цій папці збергіються всі автосейви документів OS X. Для того, щоб її почитити треба ввести наступну команду:

sudo rm -rf .DocumentRevisions-V100

і перезавантажити Мак. Але це радикальний підхід, і треба зважати, на те, що всі автосейви будь-яких програм, якими ви користувалися будуть знищені.

Прев’ю дизайну на Iphone

Гарний дизайн потрібно весь час тестувати, те що гарно виглядає на моніторі на завжди таким є на телефоні. Завдяки Sketch Mirror можна зробити прев’ю чере Wi-Fi або IP адресу.

Learn-SketchMirror

Міграція з Photoshop та Illustrator

Як дизайнер юзер інтерфейсу, найбльше вам буде не вистачати створених вами бібліотек іконок і логотипів. Та є рішення для цього. Достатньо знати, як експортувати їх у SVG, і процес переходу на Sketch відбудеться взагалі безболісно.

Конвертуємо PSD у Sketch

Якщо у вас є набір іконок створених у Photoshop, вам всього-лиш треба знати, як “витягнути” з них SVG. Для цього знадобиться Photoshop та Illustrator.

Що ж робити з моїми старими PSD?

Зважте на дві речі: 1) краще працювати з векторами, 2) завжди працюйте з чистого листа, за винятком бібліотек. Переробка старої роботи – це погана звичка для дизайнера. Якщо ж ви працюєте з командою, то перед переходом на Sketch бажано поексперементувати: провести хакатон, потренуватися на маленькому проектику.

Що вас може стримувати від переходу на Sketch?

Клієнти, які звикли працювати з Photoshop-ом. Більшість дизайнерів продовжують лишатися вірними Adobe лише, тому, що їм важко переконати співробітників перейти на новий незвичний формат. Вагомим аргументом для роботодавця, майже у жодному офісі не дозволяють працювати з хакнутими Photoshop-ами – ціна буде вагомим аргументом на користь Sketch. Ще більш вагомим, має стати значно більша швидкість вашої роботи. І загалом, тренуйтеся переконувати людей!

Шорткати

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

Keyboard-Shortcuts

Це список найважливіших шорткатів. Оскільки доводиться ними користуватися сотні раз на день, простіше їх одразу вивчити на пам’ять. Звісно ж загальновідомі я не включив у перелік: Copy (Command C), Paste (Command V),  Zoom (Command +/-) та Save (Command S).

Enter Edit Text or Vector
R Rectangle
O Oval
T Text
Alt Show Distance
⌘ G Group Layers
⌘ Shift G Ungroup
Ctrl P Show/Hide Pixels
Ctrl C Color Picker
⌘ D Duplicate
⌘ Shift L Lock/Unlock Layer
⌘ Shift H Hide/Show Layer
Switch Windows
⌘ 2 Focus on Layer
⌘ Shift V Paste in Place
Найважливіші плагіни

Майже кожного тижня на світ з’являється новий плагін створений спільнотою, який вирішує велику проблему при створенні UI. Для дизайнерів є чималий список проблем, з якими ми стикаємося, тому дуже класно бачити нові рішення так часто. Ось повний список плагінів.

Sketch Constraints

Fluid допоможе вам підлаштовувати дизайне на основі розміру артборда. Це дуже звужує проміжок між дизайном і розробкою. Якщо ви працюєте з багатьма вирішеннями і девайсами – це вам допоможе зберегти купу часу, аналогічно до Auto Layout у Xcode (які використовують програмісти для розробки IOS чи Mac OS).

Завантажте Sketch файл, щоб подивитися.

Sketch Palettes

Цей плагін полегшить роботу з палітрами. Ви зможете легко імпортувати і зберігати палітри, як глобально, так і для окремого документа. Ось початкова палітра з iOS, Material Design та Flat UI кольорами.

Screenshot 2015-10-05 23.06.01-1

Magic Mirror

Презентація роботи надзвичайно важлива. Як чудова іконка вона показує скільки було вкладено в дизайн додатку. Скажімо, Apple відома своїми 3D презентаціями фоток і мокапів. Раніше я використовував Photoshop, але з Magic Mirror, ви можете робити те ж саме у Sketch.

Sketch Content Generator

Робота з великими об’ємами контенту завжди означає багато часових затрат. Традиційно ми колекціонуємо аватарки або шпалери, щоб їх потім можна було розмножити за допомогою Pattern Fill або Mask. Але це нереальний напряг, коли працюєш із сотнями таких об’єктів. Але завдяки Content Generator, години роботи зменшуються до кількох хвилин. Вам всього лши треба apply content.

Корисні ресурси

Найкращий спосіб вивчати Sketch – завантажувати роботи інших людей і аналізувати їх. Спільнота росте шаленим темпом і нові ресурси з’являються щодня. Одні з найкращих: SketchAppSources і Sketch Repo. Разом на них більше 2 тисяч готових дизайнів.

Learn-SketchAppSources

App Store Template

Швидка генерація прев’ю для App Store під iPhone 5, 6 and 6 Plus – template. Для презентації також дуже зручно використовувати шпалери (wallpapers) Polygon, які можна знайти шляхом гугління.

Sketch-AppStoreTemplate

 

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

Залишити відповідь