Advertisement
  1. Web Design
  2. Sketch

9 Fitur Sketch yang Harusnya Anda Gunakan

by
Read Time:5 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Thoriq Firdaus (you can also view the original English article)

Sketch adalah sebuah aplikasi grafik untuk para desainer, yang dengan sangat baik juga dapat digunakan ke dunia web desain. Jika anda baru saja mengenalnya, anda mungkin belum mengetahui beberapa trik tersembunyi yang Sketch miliki. Hari ini saya ingin memandu beberapa tips teratas untuk mempercepat alur kerja desain anda.

Tunggu dulu. Apa itu Sketch?

Tahun lalu Sketch mendapatkan penyegaran tampilan antar muka pada versi 2, dan semenjak saat itu, banyak desainer yang beralih untuk menggunakannya. Kesederhanaan membuatnya bisa dibilang lebih intuitif dari Photoshop (yang mana, jangan lupa, dulunya juga diciptakan untuk editing serta memproses gambar), sedangkan perangkat Vector-nya lebih dari mampu untuk mengambil alih Illustrator. Sketch bukanlah sebuah perangkat editing bitmap. Ia memiliki fitur untuk menampilkan pixel, namun hal itu hanya sebatas untuk membantu anda mendesain antar muka dan ikon.

1. Plug-In Symbols untuk Smart Objects

Baru-baru ini Tisho Georgiev merilis sebuah plugin yang hebat untuk Sketch. Bernama Symbols, plugin ini memberikan kita kemampuan untuk meniru Smart Objects; sebuah fitur yang secara baku belum diddukung oleh Sketch.

Smart object memungkinkan anda memiliki beberapa instansi dari satu obyek di dalam dokumen anda. Dengan mengedit satu dari smart object tersebut, kemudian menekan tombol CMD+E, anda akan melihat perubahannya terjadi pada seluruh instansi.


Lihat video ini untuk instruksi bagaimana menggunakannya.

2. Smart Guides

Sketch mendukung banyak pintasan keyboard. Salah satu contohnya adalah "Smart Guides".

2-smart-guides2-smart-guides2-smart-guides

Sembari menggengam sebuah obyek dan kemudian menekan ALT (atau OPTION), Smart Guide akan muncul, menyorot jarak antara obyek terseleksi dan batas-batas dokumen. Jika anda ingin memeriksa jarak antara obyek satu dengan yang lain, cukup arahkan cursor pada obyek yang dinginkan dan Smart Guide akan menyesuaikan.

3. Easy Grids

Membuat sebuah grid sangatlah sederhana, namun hal itu dapat menjadi lebih mudah dan jelas dengan menggunakan Sketch.

3-grids3-grids3-grids

Sketch memiliki fitur kebanggaan, bernama "Create grid". Klik empat kotak pada sub-toolbar (terlihat di kanan atas pada gambar di bawah ini), untuk menampilkan sebuah menu popup, di mana anda dapat menentukan berapa banyak baris (row) dan kolom (column) yang ingin anda atur untuk obyek yang terseleksi.

Jika anda ingin secara spesifik menentukan area sekitar obyek, beserta spasi di antaranya, anda dapat memilih opsi Boxed.

4. Artboard Preset

Jika anda menggunakan Artboards (Sketch secara baku memiliki sebuah kanvas tak terbatas) anda akan sangat terbantu dengan menggunakan Artboard preset. Ketika meklik tombol Artboard pada toolbar anda akan diberikan opsi untuk memilih preset dari sub-toolbar.

Presets like these are also available ready to go as TemplatesPresets like these are also available ready to go as TemplatesPresets like these are also available ready to go as Templates
Preset seperti di atas juga tersedia, siap untuk digunakan, sebagai Template

Preset memungkinkan anda untuk mengorganisir pekerjaan anda dengan menggunakan dimensi yang telah terdefinisikan. Sebagai contoh, anda dapat membuat sebuah dokumen dengan sederet artboard, sehingga anda tidak harus mengingat bermacam-macam ukuran favicon yang dibutuhkan saat ini.


5. Template

Sketch dapat membuat sebuah file baru langsung dari sebuah template, melalui menu File > New from template, namun anda juga dapat menyimpan file anda sebagai sebuah template guna memulai setiap proyek dari tahap anda saat ini. Masuk ke menu File > Save as template untuk melakukannya.

5-templates5-templates5-templates

Hal ini mungkin sangat membantu, contohnya, ketika mendesain untuk iOS. Anda dapat membuat sebuah file dengan papan status dan papan navigasi, kemudian menyimpannya sebagai sebuah template, sehingga anda dapat menggunakannya kemudian pada proyek iOS selanjutnya.

6. Pintasan (Shortcut)

Seperti yang telah disebutkan, Sketch menawarkan banyak pintasan. Lihat di Sketch Shortcuts yang dibuat oleh Robert van Klinken dan Jeffrey de Groot. Situs tersebut menyajikan (hampir) setiap pintasan yang ada pada Sketch.

Anda juga dapat membuat pintasan anda sendiri melalui OS X System Preferences - beberapa contohnnya dapat dilihat pada bagian paling bawah dari laman Sketch Shortcuts.

sketch-settingssketch-settingssketch-settings

7. Color Picker

Agar dapat memilih warna dengan mudah dari mana saja pada layar anda, cukup tekan CTRL+C. Sebuah loupe (kaca pembesar) akan terbuka, untuk membantu anda memilih warna yang anda inginkan dengan tepat. Sangat sederhana. Sangat efektif.

8-color-picker8-color-picker8-color-picker

8. Penyempurnaan Pixel

Mari saya tunjukkan secara cepat fitur terbaik yang dihadirkan Sketch. Ini membantu anda memperoleh pixel secara sempurna yang terposisikan di dalam desain anda.

Jika, contohnya, anda memiliki layer yang mengandung beberapa bagian-bagian kecil pixel pada lebar maupun tinggi, atau tidak terposisikan secara baik, anda mungkin biasanya (pada paket grafik lainnya) pusing memperbaiki pixel-pixel untuk mencapai ketajaman yang sempurna. Di Sketch, klik Edit > Round to nearest pixels edge (atau membuat sebauh pintasan custom untuk hal tersebut) dan seluruh layer akan dibereskan.

7-round-to-nearest-pixels7-round-to-nearest-pixels7-round-to-nearest-pixels
Dua kata untuk anda: Pintasan Custom!

Anda mungkin perlu menggunakan fitur ini setelah mengimpor ikon-ikon ke sebuah file Sketch, pastikan untuk Membulatkan (Round) mereka pada batas garis pixel terdekat untuk memastikan bahwa mereka sempurna.

Catatan: Jika anda ingin mendesain di @2x (untuk layar resolusi tinggi) dan mengekspor ke @1x ketahui bawah setiap posisi pixel harus dapat dibagi menjadi dua, jika tidak anda akan memecah pixel-pixel tersebut lagi dan layer akan terlihat kabur pada hasil @1x anda.

Catatan lagi: Anda dapat melihat artikel-artikel Meng To untuk mempelajari lanjut tentang kesempurnaan pixel.

9. Mengekspor

Ekspor adalah satu fitur hebat yang diharikan Sketch. Cukup masuk ke File > Export dan gambarlah potongan-potongan sebanyak yang anda butuhkan. Anda juga dapat mengekspor ke @2x, jika anda telah mendasain dalam @1x, dan begitu pula sebaliknya.

sketch-exportsketch-exportsketch-export

Sketch bahkan menawakan kontrol lebih untuk slicing. Dengan menu File > Add Slice from Selection anda dapat memilih sebuah layer yang telah anda buat baru saja, kemudian klik item ini untuk mendapatkan sebuah potongan yang secara tepat adalah ukuran dari seleksi tersebut.

Kesimpulan

Ada banyak fitur-fitur yang berguna, ekstensi, dan alur kerja yang tersedia untuk Sktech. Gunakan tip-tip yang disebutkan di atas untuk mengembangkan alur kerja anda dan beri tahu kami saran-saran anda di komentar!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.