Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Web Design
  2. Sketch
Webdesign

Cara Menggunakan Sketch Libraries: Kerjasama Jadi Mudah

by
Difficulty:BeginnerLength:ShortLanguages:

Malay (Melayu) translation by Zidan Al-Farizi (you can also view the original English article)

Dalam tutorial ini Anda akan mempelajari semua tentang fitur Sketch yang baru yang disebut "libraries". Libraries baru-baru ini diperkenalkan, di versi 47, dan benar-benar meningkatkan cara kita bekerja dengan asset dan anggota tim lainnya.

Tonton Screencast

Memperkenalkan Sketch Libraries

Sketch library sangat penting untuk file Sketch dengan banyak simbol. Bila libraries berbeda, apakah simbol di dalamnya tersedia dari dalam aplikasi Sketch tanpa Anda perlu membuka dokumen tempat penyimpanannya. Anda dapat mengimpor library asset Anda ke dalam dokumen Sketch yang Anda sukai.

Bukalah Sketch 47 untuk pertama kalinya dan Anda akan langsung melihat ada library yang tersedia untuk Anda gunakan, di bawah menu Insert atau Symbol. "iOS UI Design library" memiliki beragam assets yang dapat Anda letakkan langsung ke artboard Anda.

Cara Membuat Sketch Library Sendiri

Untuk menunjukkan ini saya akan membuat library untuk color swatches (contoh warna). Pertama, kita membuat sebuah page, lalu pada page itu kita menempatkan beberapa color swatches (empat persegi panjang warna apa pun yang kita inginkan). Dengan menggunakan opsi Create Symbols, kami memberi nama masing-masing, dimulai dengan color/ untuk mengelompokkannya dalam menu symbols.

Dokumen ini disimpan secara permanen di lokasi yang sesuai, dan sudah efektif bertindak sebagai library. Tapi sekarang kita perlu menambahkannya ke Sketch itu sendiri.

Buka Sketch > Preferences > Libraries dan klik Add Library. Kemudian arahkan ke file yang kita butuhkan (file warna kita dalam kasus ini) dan lihatlah itu tersedia di daftar libraries.

Whoomp There It Is
Whoomp! (Itu ada)

Sekarang, kita bisa mengakses simbol warna kita dari menu Symbols dimana kita melihat list libraries yang lain juga di sana.

Updating Symbols dan Libraries

Yang penting, pada tahap ini dalam prosesnya, sekarang muncul peringatan di bagian bawah file warna original kita:

Setiap perubahan yang kita buat pada simbol-simbol tersebut dalam file ini akan bercermin langsung terhadap library-nya dan juga akan berefek pada file-file lain yang memanfaatkan library tersebut. Jika kita memilih untuk melakukan update, kita akan diperingatkan di file-file lain yang memanfaatkan library terebu (lihat kanan atas jendela):

Mengklik Library Update Available akan membuka dialog yang menunjukkan dengan tepat perubahan apa yang telah dilakukan sebelum Anda berkomitmen untuk menggunakannya.

Kesimpulan

Bayangkan power dari libraries bisa memberi manfaat bagi Anda dan tim desain Anda. Pertimbangkan situasi di atas dan warna desain Anda sendiri, mengubah satu color swatch (warna contoh) di library branding utama Anda dan lihatlah perubahan berlaku di semua komponen Anda. Dan ini berlaku untuk semua jenis simbol juga; simbol typography, icons, styles.. brilian!

Lihatlah screencast di atas untuk lebih jelasnya, dan teruskan untuk mendapatkan update dan trik Sketch lebih lanjut.

Advertisement
Advertisement
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.