10 советов по работе в Sketch

https://medium.com/assentorp/10-sketch-tricks-you-need-to-know-as-a-designer-bfba9e7ec137
  • Перевод


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




1. Копия стилей между слоями


⌘ + OPTION + C
⌘ + OPTION + V




Копируйте стили между слоями вместо того, чтобы копировать и вставлять hex коды цветов.




2. Перемещение слоев вверх и вниз


⌘ + OPTION + ↑
⌘ + OPTION + ↓


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



С легкостью перемещайте слои вверх и вниз с помощью шортката ⌘+ALT+↑ или ↓.




3. Инструмент выбора цвета


CTRL + C


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






4. Назначение различных радиусов углов


0/10/10/0


Полезный трюк, чтобы закруглить только необходимые углы. Верхний левый/Верхний правый/Нижний правый/Нижний левый.






5. Символ (symbol). Меняете в одном месте — меняется везде.


Используйте символы, используйте символы, используйте символы. Символ — это группа слоев, изменяя один из которых, изменяются все остальные.



Розовые папки в списке слоев означают, что это символ

Ниже представлен пример символа. Он заметно облегчает процесс работы над дизайном, так как пропадает трата времени на выполнения одинаковых заданий.



Символ (symbol). Меняете в одном месте — меняется везде.



Создайте символ, нажав на соответствующую иконку в панели инструментов




6. Настройка панели инструментов


Кликните правой кнопкой мыши на панель инструментов, чтобы настроить ее.


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



Кликните правой кнопкой мыши на панель инструментов, чтобы настроить ее.



Как может выглядеть ваша панель инструментов.




7. Мгновенный просмотр работ на вашем iOS устройстве


Скачайте приложение Sketch Mirror, чтобы посмотреть как будет выглядеть ваша работа на iPad или iPhone. Она всего лишь стоит  279 руб. в App Store. Полезна в тех случаях, если вы сомневаетесь, что кнопка или текст будут выглядеть слишком крупно или мелко на самом устройстве. Убедитесь, что ваше iOS устройство и компьютер подключены к одной сети wifi.



Откройте приложение Sketch Mirror на вашем iPhone или iPad для мгновенного просмотра ваших работ




8. Плагины


Если вы хотите получить доступ к множеству полезных плагинов для Sketch, то скачайте sketch toolbox. Она позволяет вам просматривать самые популярные плагины для Sketch. http://sketchtoolbox.com/
Вот какой плагин я вам советую...

Плагин генератор контента


Он позволяет мгновенно создавать ненастоящий контент, например, аватары, имена и тому подобное. https://github.com/timuric/Content-generator-sketch-plugin






9. Время презентации!


⌘ + .


Если вы хотите показать ваш дизайн кому-нибудь, то делайте это красиво. Избавьте от всего лишнего нажав на “⌘ + .”.



Используйте “⌘ + .”, чтобы войти в полноэкранный режим




10. Запись с экрана iPhone и iPad


Это не прием для работы в Sketch, но все равно очень полезный…


Вы можете записать экран вашего iPhone или iPad с помощью QuickTime. Для этого нажмите Файл → Новая видеозапись. Затем нажмите на стрелку справа от кнопки запись и выберите iPhone или iPad. (Ваше устройство должно быть подключено по USB).



От переводчика. Для меня эти советы оказались действительно очень полезными. На то, чтобы перейти с Photoshop на Sketch, меня сподвигла эта статья. Привыкание к Sketch приходит буквально за один день работы по туториалам, которых в интернете предостаточно. Все проще, понятнее и быстрее. Удачной вам работы! Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!

Поделиться публикацией

Похожие публикации

Комментарии 19

  • НЛО прилетело и опубликовало эту надпись здесь
      0
      Я например 5 лет рисовал сайты в фотошопе, но перешел на скетч легко и с удовольствием. Конечно есть много багов до сих пор, но в целом по интерфейсу программа лучше приспособлена для создания интерфейсов в первую очередь тем что напоминает программу по прототипированию, но со всеми возможностями оформления.
      Фотошопом конечно пользоваться не перестал, так как с растром ничто лучше него не работает.
      +1
      Скетч в целом хорош, но вот работу с кривыми там делал фашист какой-то.
        0
        Как-то советовал богемским кодерам присмотреться к Xara и потырить их фичи. Судя по этому чеклисту, ребята прислушались к совету :) Думаю и безье подтянут в будущем. По крайней мере в Xara самая лучшая работа с безье, что я видел. Ещё бы подтянули произвольную трансформацию точек одного шейпа (как в инкскейпе) и было бы щястье.
        0
        За #4 спасибо. В UI такого не нашёл, думал не этой возможности и немало огорчился. Неочевидно, конечно.
          0
          Так же можно выделить объект, даблклик или edit в верхнем меню, и выделять нужные точки с шифтом, и задавать радиусы
            0
            За 3 спасибо, а есть возможность сразу копировать выбранный цвет в буфер? Может плагин какой?
            P.S. промахнулся с веткой
            0
            Уже существует достойная альтернатива Sketch которая называется Affinity Designer. У Sketch на данный момент больше профессиональное сообщество, за счет того что он дольше существует на рынке. Но у Affinity Designer цена в 2 раза ниже, а по функционалу он уже наступает на пятки Sketch, местами превосходя его, например в скорости рендеринга векторной графики.
              0
              Тут подсказывают, что еще iDraw есть.
                0
                Мне показалось что AD больше подходит иллюстраторам. Всё-таки у Sketcha специфичные фичи для UI более развиты. В любом случае, разнообразие и конкуренция радуют.

                Адобь глядя на молодых конкурентов тоже становится лучше.
                • НЛО прилетело и опубликовало эту надпись здесь
                  0
                  Могу еще порекомендовать статью в тему о 6 техниках экономии времени при работе в Скетче.
                    0
                    Есть ли какие-то достойные аналоги под Linux?
                      0
                      Надеюсь что ссылку не сочтут за рекламу, но посмотрите здесь — сам порекомендовать не смогу, но вдруг вам что-то понравится из представленных 11 альтернатив.
                      0
                      Под линукс есть достойный InkScape, но он скорей аналог виндового Xara Designer'а Pro, чем мачного Sketch'а.
                      0
                      (мимо)
                        +1
                          0
                          Я вот тоже свеженький InVision блог перевёл
                          Десять советов по прототипированию интерфейса в программе Sketch
                          pixelmixelgame.com/blog/?p=22

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

                          Самое читаемое