کتاب الکترونیکی JUMPSTART SKETCH

کتابی که مشاهده می کنید از انتشارات SitePoint است که به زبان انگلیسی منتشر شده است.

کتاب الکترونیکی JUMPSTART Sketch شامل 158 صفحه است که پس از ثبت نام رایگان، می توانید آن را با فرمت PDF دانلود نمایید.

سرفصل های کتاب

Preface ……………………………………………………………………. xi
What Sketch Is…………………………………………………………………………………xii
Why Sketch Gets Compared with Photoshop………………………………….xii
What Sketch Isn’t……………………………………………………………………………xiii
Comparing Sketch, Photoshop, and Illustrator……………………………….xiv
Trialing and Buying Sketch …………………………………………………………….. xv
Who Should Read This Book …………………………………………………………… xv
Conventions Used …………………………………………………………………………..xvi
Tips, Notes, and Warnings……………………………………………………xvii
Supplementary Materials………………………………………………………………xviii
Chapter 1 Sketch’s Interface ……………………………..1
At a Glance: Comparing Sketch to Adobe’s Apps ……………………………..2
Canvases ……………………………………………………………………………………………2
Multiple Canvases……………………………………………………………………3
Canvas Zooming………………………………………………………………………3
Layer List……………………………………………………………………………………………4
Shape Layers……………………………………………………………………………4
Table of Contents iiiText Layers……………………………………………………………………………….5
Selecting and Hiding Layers…………………………………………………….6
Reordering Layers ……………………………………………………………………6
Duplicating and Renaming Layers…………………………………………..7
Groups……………………………………………………………………………………………….7
Accessing Nested (Or “Child”) Layers……………………………………….8
Pages …………………………………………………………………………………………………9
Renaming Pages…………………………………………………………………….10
The Inspector …………………………………………………………………………………..10
The Toolbar………………………………………………………………………………………11
Hiding the UI …………………………………………………………………………………..12
Context Menu………………………………………………………………………………….12
Summary………………………………………………………………………………………….14
Chapter 2 Artboards, Layers, and Styling…..15
Artboards…………………………………………………………………………………………15
Creating Artboards………………………………………………………………..17
Moving and Resizing Artboards…………………………………………….17
Layers……………………………………………………………………………………………….18
Maintaining Layer Aspect Ratio…………………………………………….20
Aligning and Snapping Layers……………………………………………….20
iv Jump Start SketchStyling Shape Layers ……………………………………………………………..22
Styling Text Layers…………………………………………………………………23
Adding and Removing Styles from Layers……………………………..25
Incrementing Numerical Values with Shift-hold …………………..25
Mathematical Operations………………………………………………………26
Color Management………………………………………………………………………….26
Extracting Color Values with the Eyedropper Tool ………………..27
Frequent, Global and Document Colors…………………………………28
Linear Gradients…………………………………………………………………….30
Context Menu………………………………………………………………………………….12
Sketch to CSS ………………………………………………………………………..32
Copying and Pasting Layers…………………………………………………..33
Versioning………………………………………………………………………………………..35
Summary………………………………………………………………………………………….36
Chapter 3 Shared Styles and Symbols………….37
Why Shared Styles and Group Symbols Exist…………………………………..38
How Shared Styles and Symbols Relate to CSS……………………………….39
Setting Up a New Document and Artboard…………………………………….39
Creating Reusable Elements…………………………………………………………….40
Creating Symbols…………………………………………………………………..40
Table of Contents vMaking Document-wide Changes …………………………………………42
Symbol Overrides…………………………………………………………………..44
Detaching from a Symbol ……………………………………………………..45
Inserting a New Instance Into the Canvas…………………………….46
Shared Styles and Text Styles………………………………………………..47
Knowing When to Create Symbols………………………………………..48
Forward-thinking Style Guides with Sketch………………………….49
Removing Redundant Shared/Text Styles………………………………52
How to Override Styles in Shared/Text Styles………………………..53
Summary………………………………………………………………………………………….54
Chapter 4 Smart Guides and Snapping ……….56
What Do Smart Guides Look Like?…………………………………………………..57
When Smart Guides Are Activated ………………………………………………….58
When Dragging ……………………………………………………………………..59
When Holding “Option”…………………………………………………………60
When Moving or Nudging …………………………………………………….62
Summary………………………………………………………………………………………….66
Chapter 5 Vector and Bitmap Editing Tools .68
Resizing, Rotating and Scaling Layers……………………………………………..69
vi Jump Start SketchResizing………………………………………………………………………………….70
Rotating…………………………………………………………………………………71
Scaling …………………………………………………………………………………..71
Transforming……………………………………………………………………………………72
Skewing …………………………………………………………………………………73
Distorting ………………………………………………………………………………73
Editing……………………………………………………………………………………………..74
Adding and Deleting Points…………………………………………………..75
Bézier Curves…………………………………………………………………………77
Point Modes…………………………………………………………………………..77
Edit for Bitmaps…………………………………………………………………….78
Inserting and Replacing Bitmaps …………………………………………………….79
Replacing Bitmaps…………………………………………………………………79
Masking……………………………………………………………………………………………81
Boolean Operations …………………………………………………………………………83
How Boolean Operations Work ……………………………………………..84
Using Boolean Operations to Create an Icon Design …………….87
Vector Tool ………………………………………………………………………………………88
Pencil Tool ……………………………………………………………………………………….88
Summary………………………………………………………………………………………….89
Table of Contents viiChapter 6 Rulers and Grids……………………………..90
What Are Regular Grids For? …………………………………………………91
What Are Layout Grids For?…………………………………………………..91
Rulers……………………………………………………………………………………………….92
Setting Manual Guides………………………………………………………….94
How to Specify Regular Grid Settings……………………………………………..94
How to Specify Layout Settings………………………………………………………96
Recreating the Bootstrap Grid with Layout Grids …………………98
Summary………………………………………………………………………………………….99
Chapter 7 Previewing Artboards and
Exporting Assets…………………………………………………101
Previewing Artboards…………………………………………………………………… 101
Sketch Mirror……………………………………………………………………… 102
Local Sharing……………………………………………………………………… 106
Exporting Layers and Artboards…………………………………………………… 108
Inspector…………………………………………………………………………….. 108
Option 1: Size…………………………………………………………………….. 109
Option 2: Suffix……………………………………………………………………110
Option 3: Format …………………………………………………………………110
viii Jump Start SketchExporting Multiple Versions………………………………………………… 111
Actually Exporting Layers…………………………………………………….112
Exporting Artboards ………………………………………………………………………114
Exporting Slices……………………………………………………………………………..116
Trim Transparent Pixels………………………………………………………..118
Export Group Contents Only………………………………………………..118
Summary………………………………………………………………………………………..118
Chapter 8 Plugins………………………………………………120
How to Install Plugins………………………………………………………………….. 121
1. Manual Installation………………………………………………………… 121
2. Sketch Plugin Files …………………………………………………………. 121
3. Sketch Toolbox………………………………………………………………..122
Useful Sketch Plugins……………………………………………………………………123
Clipboard Fill……………………………………………………………………….123
Replace Color………………………………………………………………………125
Share Artboards with Easy Share………………………………………..125
Send Artboards to Slack ……………………………………………………..127
Style Layers with CSS………………………………………………………….128
Automatically Source Placeholder Data……………………………..128
Collaborative Plugins …………………………………………………………. 131
Table of Contents ixHonorable Mentions……………………………………………………………132
Building Your Own Plugins……………………………………………………………132
Summary……………………………………………………………………………………….133
Afterword ……………………………………………………………………………………..133
Appendix A Keyboard Shortcuts and Useful
Resources ……………………………………………………………..135
Insert …………………………………………………………………………………………….135
Type ………………………………………………………………………………………………135
Canvas…………………………………………………………………………………………..136
Window…………………………………………………………………………………………136
Editing Shapes………………………………………………………………………………137
Editing Layers………………………………………………………………………………..137
Arranging Artboards, Groups and Layers………………………………………137
Sketch Resources…………………………………………………………………………..138
Marketplaces That Sell Sketch Files………………………………………………138
Collaboration Tools That Support Sketch ……………………………………..139