Mastering Sketch: A Beginner's Guide (Mastering Computer Science)

✍ Scribed by Sufyan Bin Uzayr (editor)

• Publisher: CRC Pr I Llc
• Year: 2022
• Tongue: English
• Leaves: 247
• Category: Library

✦ Synopsis

When it comes to designing and prototyping for the web, nothing beats Sketch. If you are passionate about designing UI/UX for mobile or web applications, Sketch is the way to go! And to learn Sketch, look no further than Mastering Sketch: A Beginner's Guide.

Sketch app lets you collaborate on the entire design process in real time and allows you to see everyone's best ideas in one place. It helps you make playable Prototypes, preview, and share designs. Launched in 2010, the app won the Apple Design Award and now has more than one million customers. Sketch is trusted by companies worldwide, including Facebook, Google, XBOX, and Stripe. It has an intuitive interface, thoughtful features, and all powers of the native macOS app. Designers across the world find this app powerful and enjoyable.

Moreover, with its powerful ecosystem of plugins, assistants, and extensions, Sketch can be extended and integrated with a wide variety of use cases.

Mastering Sketch teaches you everything you need to know about Sketch app in a simple and lucid manner.

Mastering Sketch is written for the absolute beginner who has no prior expertise with the Sketch app. This book teaches the concepts from scratch and takes you from zero to advanced level in no time. It builds upon the fundamentals and core expertise which will make your career as a UI/UX designer successful.

More importantly, Mastering Sketch starts from the absolute basics, talking about the installation process and system requirements, and then moves on to the interface. This ensures that even newbie designers can follow the process with ease and at their own pace. Subsequent chapters are dedicated to topics such as vector editing, image and prototype management, as well as UX design.

Mastering Sketch also talks about the concept of real-time collaborative editing in Sketch and offers detailed guides to inviting others to work with you on your workspace.

Lastly, this book also covers at length the diverse Sketch extensions' ecosystem, with special attention to both official and community plugins, assistants, and integrations. It offers a brief overview of every single plugin or integration to Sketch released to date!

We are confident Mastering Sketch is a worthy companion for any aspiring UI/UX designer looking to add Sketch to their arsenal.

Learn more about our other Mastering titles at:

https: //www.routledge.com/Mastering-Computer-Science/book-series/MCS

✦ Table of Contents

Cover
Half Title
Series Page
Title Page
Copyright Page
Contents
About the Editor
CHAPTER 1: Introduction to Sketch App
WHAT IS SKETCH?
A BRIEF HISTORY OF SKETCH
DOWNLOAD AND INSTALLATION
MAJOR FEATURES OF SKETCH
WHAT’S NEW?
BENEFITS OF SKETCH
DOCUMENTS AND WORKSPACES
Workspace
How to Open the Workspace?
How to Create a New Document?
How to Save the Documents?
Deleting Updates
Switching between Workspaces
View Workspace Document in Web App
Exploring Web App Version
Local Copy of the Document
Moving Document from My Draft to Shared Place
Preview Thumbnail to Document
How to Download Documents from a Web App?
How to Rename the Documents?
How to Delete the Document?
How to Restore the Documents?
CONCLUSION
CHAPTER 2: The Sketch Interface
THE CANVAS
Navigation in the Canvas and Zoom Feature
Show Pixels on Canvas
Pixels Grid
Rulers
Guides Creation
How Can Grids Be Created?
How to Measure the Distance between Different Layers?
THE TOOLBAR
THE LAYER LIST
Hide and Lock Layers
Using Pages
Using Artboards
How to Move Artboard?
Resize Artboards
Delete the Artboard
Searching in the Layer List
THE COMPONENTS VIEW
How to Access It?
How to Work in Component View?
Create a New Component using Component View
Create Text Styles
Apply a Text Style
Edit a Text Style
Layer Style
Create Color Variable
Organize Color Variables
Edit Color Variable
Rename a Color Variable
Delete a Color Variable
Detach Color Variable
Find or Replace Color Variable
How to Organize Components?
Expand and Collapse Group
THE INSPECTOR
THE INSERT WINDOW
Inserting Components from Insert Window
EDITING SHAPES
Flip Shapes
Editing Shapes in Vector Editing Mode
Transform Tool
Scissor Tool
CONCLUSION
CHAPTER 3: Layers Basics and How to Work with Them
LAYERS BASICS AND HOW TO WORK WITH THEM
Adding Layers
HOW TO SELECT AND GROUP LAYERS?
How to Select Multiple Layers?
How to Select Overlapping Layers?
How to Create a Group of Layers?
Create Group of Layers
Ungroup Layers
How to Select a Layer in a Group?
MAKING GRID
ALIGNING AND RESIZING LAYERS
How to Align Multiple Layers?
Smart Distribution
Resizing Layers
How to Resize Layers in the Inspector?
Moving Layers
Rotating Layers
Duplicate the Layer
How to Scale a Layer?
Resize Constraints
Pin to Edge
STYLING
PRESETS
GRADIENT
TINTS
BORDERS
SHADOWS
BLURS
TEXT STYLES
LAYER STYLE
Organizing Style
CONCLUSION
CHAPTER 4: Vector Editing in Sketch
DRAWING AND EDITING SHAPES
WORKING WITH POINTS
Selecting Points
How to Move Points?
Change Points Types
How to Insert Points
Bending a Segment
OPENING AND CLOSING PATHS
How to Join a Path?
How to Point Snap a Pixel?
Turn a Border into Outline
How to Offset Path?
How to Reverse the Order of a Path?
SHAPES
Add Premade Shapes
Add Shapes with Pencil Tools
Edit Shapes in the Inspector
Editing Shapes in Vector Editing Mode
Editing Shapes using the Transform Tool
Rotate Copies Tool
BOOLEAN OPERATION
MASKING SHAPES
Alpha Mask
LIBRARY
How to Create a Library
How to Share a Library?
How to Rename a Library
Library Symbols
Edit Library Symbols
Library Styles
Edit Library Styles
Creating Library Presets
How to Update Library Components?
CONCLUSION
CHAPTER 5: Understanding the Sketch App
IMAGES AND DATA
How to Insert Images?
How to Replace Images?
How to Reduce Image Size?
How to Edit Bitmap Images?
Image Fills
The Color Popover
Data Tool
Working with Data
How to Work on Linked Data?
TEXT
SYMBOLS IN SKETCH
Insert a Symbol through Insert Window
How to Edit a Symbol?
CONCLUSION
CHAPTER 6: Prototyping
ADDING LINKS
ADDING HOTSPOT
HOW TO CREATE FIXED ELEMENTS?
HOW TO MAINTAIN SCROLL POSITION AFTER THE CLICK?
PREVIEWING AND SHARING PROTOTYPES
Preview a Prototype in Mirror
IMPORTING AND EXPORTING
Creating and Using Export Presets
Using Slices
SHORTCUTS
General Shortcuts
Insert Layers
COLOR PROFILES
Unmanaged Color Profile
sRGB Color Profile
Display P3 Profile
DEVELOPER HANDOFF
COMMENT AND NOTIFICATION
Commenting on Documents
Comments Thread
Manage Comments Notification
View Comment Notifications
CONCLUSION
CHAPTER 7: Real-Time Collaboration
REQUIREMENTS FOR REAL-TIME COLLABORATION
SAVING THE DOCUMENTS
INVITING PEOPLE TO COLLABORATE
WORKING AND EDITING IN REAL TIME
Follow Mode
MANAGING DOCUMENTS
Create a New Document
How to Use Updates
How to Switch between Workspaces?
How to Move Documents from My Draft to Shared Workspace
CONCLUSION
CHAPTER 8: Sketch Extensions
PLUGINS
How to Manage and Uninstall Plugins?
Featured Plugins
Official Plugins
All Plugins
Automate Sketch
AEIconizer
Move to Library Sketch Plugin
Crowdin Plugin for the Sketch
Sketch MeaXsure
Mesh Gradient
Imgcook
Sketch Flat Export
Slint
Labelizer
Check Contrast
Cloudinary Plugin
Symbol Insert
Flow Arrows
Live Planet Sketch Data Supplier
Persian Supplier
Chemfill
ASSISTANTS
Working with the Assistant
Featured Assistants
All Assistants
INTEGRATIONS
Featured Integrations
All Integrations
CONCLUSION
APPRAISAL
INDEX