Sketch App tutorial: How the Interface Works


The interface of Sketch app is designed meticulously in a crystal clear manner. It is streamlined in a unique manner which makes it easy to comprehend even for those who are inexperienced with software tools. Users can open a new document in a new window and find the necessary tools in the panel. Let us take a look at the software as shown in Figure 1

Figure 1:  Overview of Sketch Interface



There are four sections in the interface which include a layer panel, a toolbar, the canvas and the option panel. Users can utilize the canvas to insert as many worksheets as required. 

The interface allows the user to customize the toolbar which is present at the top. You can expand the options present in the toolbar by selecting the toolbar option. You can then customize the toolbar according to your preference. At the bottom of the interface, you will find a band which replicates the bar that you use to customize the tools. You can easily customize the tools by moving, adding and removing instruments. This can be achieved by dragging the tools to the lower band. This is shown in Figure 2. 

Figure 2: Customization of the Toolbar



As shown in the figure, the layer panel is located at the left of the screen. It can be used for various purposes such as identification of objects on the sheet, classifying it and organizing the work neatly. 

You can find the search tool below the layer panel. It is used to search for objects in our sheet. There are two other icons along with the search tool that can be used to enable or disable functions with the layers. We will elaborate on these options in the next section. Figure 3 shows you an overview of the panel. 

Figure 3: Layer Panel


The Inspector panel which is located at the right has many features. It can be used to change the objects and characteristics of the worksheet. The Inspector panel is designed to show the properties of objects that are selected on the worksheet or the layer panel. 

Refer to Figure 4 and find an overview of different properties such as shadow, fill and trace, size and so forth. 

Figure 4 Overview of Inspector Panel


In Figure 5, we observe a change in the options when a specific text object is chosen. The options change according to the type of shapes. Text selection initiates the activation of different font selections. You can choose from different colors, weight and sizes in this interface. 

Figure 5. Click here for an overview of Inspector Panel (textual objects)


Below the inspector panel, we are provided with numerous export options which can be used to work with the spreadsheets. Sketch app is designed with the amazing feature to gather every sheet in a single file with this option. It is possible to export a single object or a single sheet with this feature. You can also select any number of objects or sheets with this feature. It supports different formats such as PNG and PDF as revealed in the figure 6. 

Figure 6. Export the Document


In this figure, you can find an icon at the right hand side. This icon allows you to share documents through social networks or emails. You can also forward documents and mails to another computer with the help of this icon. There are various other options in this tool which has been displayed in the figure 7. 


pierluigi giglio