Как создавать символы в эскизе (с изображениями)

Оглавление:

Как создавать символы в эскизе (с изображениями)
Как создавать символы в эскизе (с изображениями)
Anonim

Из этой статьи вы узнаете, как превратить любой элемент в символ в Sketch для macOS. Создавая символ, вы можете повторно использовать тот же элемент в любом другом месте вашего проекта. Символы обычно используются для повторного использования таких элементов, как кнопки, списки / меню и вкладки.

Шаги

Часть 1 из 2: Создание символа

Создание символов в эскизе, шаг 1
Создание символов в эскизе, шаг 1

Шаг 1. Откройте свой проект в Sketch

Если у вас нет Sketch, вы можете использовать бесплатную пробную версию, доступную по адресу

Создание символов в эскизе, шаг 2
Создание символов в эскизе, шаг 2

Шаг 2. Выберите объект (ы), который хотите превратить в символ

Щелкните группу, объект (ы), слой (ы) или монтажную область, для которой хотите создать символ, чтобы выбрать его. Вы можете превратить практически любой элемент в символ, чтобы повторно использовать его на других экранах, страницах и монтажных областях.

Создание символов в эскизе, шаг 3
Создание символов в эскизе, шаг 3

Шаг 3. Щелкните значок «Создать»

Это ромб внутри квадрата над рабочим пространством. Откроется диалоговое окно «Создать новый символ».

Создание символов в эскизе, шаг 4
Создание символов в эскизе, шаг 4

Шаг 4. Введите имя символа

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

Если вы добавите косую черту после имени символа, Sketch создаст подгруппу меню, названную после части имени перед косой чертой. Например, если вы создадите символы с именами «Кнопка / Обычный» и «Кнопка / Нажата», вы сможете выбрать Кнопка в меню «Символ» и выберите Обычный или Прессованный из подгруппы меню.

Создание символов в эскизе, шаг 5
Создание символов в эскизе, шаг 5

Шаг 5. Выберите, следует ли отправлять источник на отдельную страницу символов

Если вы установите этот флажок, над списком слоев будет создана новая страница под названием «Символы». Если вы не выберете эту опцию, символ останется на текущей странице с собственной монтажной областью.

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

Создание символов в эскизе, шаг 6
Создание символов в эскизе, шаг 6

Шаг 6. Нажмите кнопку «Создать»

Это оранжевая кнопка в диалоговом окне. Теперь вы можете вставить символ в любом месте проекта.

Часть 2 из 2: Вставка символа

Создание символов в Sketch Step 7
Создание символов в Sketch Step 7

Шаг 1. Откройте свой проект в Sketch

Если вы еще не просматриваете холст, на который хотите вставить символ, перейдите туда сейчас.

Создание символов в эскизе, шаг 8
Создание символов в эскизе, шаг 8

Шаг 2. Нажмите C на клавиатуре

Откроется окно «Вставка».

Создание символов в эскизе, шаг 9
Создание символов в эскизе, шаг 9

Шаг 3. Найдите символ, который хотите вставить

Если у вас много символов, вы можете найти нужный по имени с помощью панели поиска в верхней части окна.

Создание символов в эскизе, шаг 10
Создание символов в эскизе, шаг 10

Шаг 4. Перетащите символ в желаемое место

Это помещает экземпляр символа на холст.

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

Рекомендуемые: