“… Apakah ini
situasi yang familiar? Saya sangat yakin, terutama saat Anda bekerja dalam satu tim dengan desainer lain. Biasanya, Anda harus membuat beberapa versi file yang berbeda, yang jumlahnya bergantung pada proyek, pengeditan, dan faktor lainnya, dan yang memusingkan adalah memahami semua versi ini.
Dalam artikel ini saya akan berbicara tentang opsi kontrol versi yang paling relevan dan digunakan, yaitu: Zeplin (+ Sketsa), Figma, Abstrak (+ Sketsa), yaitu, saya akan menjelaskan fungsi dan fitur alat-alat ini yang terkait secara khusus dengan pembuatan versi.
Mengapa kontrol versi penting dan perlu dalam desain
- , , . : , ;
- , ( ) , «project1», «project1.1», «project_1», «project1_lastVersion» . ( ), ;
- ;
- Dari paragraf sebelumnya dapat disimpulkan bahwa ketika bekerja sama, penting untuk memahami siapa sebenarnya dan kapan melakukan perubahan, dan apa itu.
Ini hanyalah beberapa situasi di mana menggunakan sistem kontrol versi dapat mempercepat proses pengembangan dan menghindari jantung berdebar-debar ketika sepertinya semuanya hilang. Selanjutnya, saya akan berbicara tentang pro dan kontra alat kontrol versi yang harus saya tangani dalam pekerjaan saya.
Zeplin + Sketsa
Yang paling mudah digunakan adalah Zeplin. Untuk mengerjakannya, desainer hanya perlu menyimpan perubahan dalam file Sketch yang berfungsi dan mengekspor artboards dari Sketch ke Zeplin. Artboards akan ditampilkan di Zeplin, bisa dikelompokkan menjadi beberapa bagian, view element style, download icon, gambar, dll, serta membentuk styleguide, yang terdiri dari palet warna, gaya teks, jarak antar elemen, komponen / simbol.
Keuntungan menggunakan Zeplin adalah sebagai berikut:
- Seperti yang dinyatakan sebelumnya, kemudahan penggunaan - Anda hanya perlu mengekspor artboard yang dipilih;
- Kemampuan untuk mengomentari artboards;
- Pemberitahuan komentar yang datang melalui pos dan ditampilkan
di Zeplin itu sendiri; - Kemampuan untuk membuat 1 proyek secara gratis dan menambahkan peserta sebanyak yang Anda butuhkan.
Seperti alat apa pun, Zeplin memiliki kekurangannya:
- Saat mengedit artboard di Sketch yang sebelumnya diekspor ke Zeplin, Anda perlu memperhatikan namanya. Artboards dengan nama yang sama secara otomatis mengganti satu sama lain saat mengekspor, namun, jika nama artboard yang diekspor berbeda dari yang sebelumnya dimuat ke Zeplin, artboard ini diekspor ke aplikasi sebagai yang baru, dan tidak akan menggantikan versi yang tidak relevan. Kurang perhatian saat mengekspor artboards bisa membutuhkan waktu untuk memverifikasi bahwa nama artboard cocok;
- Sketch Zeplin , . (), , ( ), , Sketch-, ;
- ,
Zeplin; - , , ;
- Zeplin , , Zeplin ;
- Sketch Zeplin owner.
Figma
Figma secara aktif diperkenalkan ke dalam karya desainer karena fungsinya yang menarik. Alat ini bersifat universal - di sini Anda dapat menemukan desain, pembuatan prototipe, dan kontrol versi.
Apa yang dapat dilakukannya dalam hal pembuatan versi?
- Figma mendukung pekerjaan simultan dari beberapa desainer pada proyek yang sama. Setelah membuka proyek yang diinginkan, pengguna dapat melihat nama kolega yang pada saat yang sama mengedit dan melihat proyek di samping artboard / elemen individu;
- Riwayat versi (atau Versi Riwayat), sehingga Anda dapat melihat siapa yang membuat perubahan dan kapan, kembali ke versi sebelumnya, dan mengedit informasi tentang versi yang dipilih;
- Komentar, deskripsi komponen;
- Figma dapat digunakan sebagai aplikasi di PC dan browser.
Figma memiliki terlalu sedikit kelemahan, tetapi yang utama adalah:
- Riwayat versi (informasi yang sama tentang pembuatan versi) di akun gratis disediakan hanya selama 30 hari;
- Tidak ada mode perbandingan, seperti misalnya pada Abstrak.
Abstrak + Sketsa
Abstrak, seperti Zeplin, bekerja sama dengan Sketch, dan dirancang khusus untuk
pembuatan versi, tidak seperti, misalnya, Figma.
Abstrak memiliki keunggulan yang cukup:
- Kolaborasi beberapa desainer dalam satu file pada waktu yang sama;
- Penyimpanan cloud dari file;
- Gunakan keduanya sebagai program yang diinstal di MacOS dan di browser
di PC mana pun; - Pekerjaan yang disinkronkan dengan anggota tim, yang memungkinkan Anda mengirim
perubahan yang dibuat ke tinjauan. Perubahan dapat diterima atau ditolak; - Kemampuan untuk meninggalkan komentar dan anotasi, menerima pemberitahuan tentang mereka;
- Kemampuan untuk membandingkan file satu sama lain - Abstrak menyediakan 2 mode perbandingan;
- Arus aktivitas, yang memungkinkan Anda untuk melihat siapa yang mengubah apa dan kapan.
Di antara kerugiannya, saya akan memilih yang berikut:
- Penggunaan berbayar. Abstrak menyediakan uji coba gratis (hanya 30 hari untuk digunakan dengan Sketch) dan demo 14 hari untuk Adobe XD. Tapi kali ini cukup untuk berkenalan dengan alatnya, bekerja sama dengan tim dan memahami apakah Abstrak nyaman atau tidak;
- Saat ini, versi lengkap untuk pekerjaan hanya disediakan untuk Sketch + Abstrak, yaitu cocok untuk MacOS. Seperti yang disebutkan sebelumnya, Abstrak berkembang
ke Adobe XD, tetapi sejauh ini hanya versi beta yang tersedia.
Apa yang harus dipilih untuk kontrol versi
Itu tergantung pada alat yang digunakan desainer untuk mengerjakan proyek. Saya menggunakan Sketch dan Figma dalam pekerjaan saya. Namun, setelah mempertimbangkan 3 opsi kontrol versi yang berbeda, yaitu Sketsa + Zeplin, Figma, Sketsa + Abstrak, saya menemukan Abstrak yang paling fungsional, jadi saya akan mempertimbangkan pembuatan versi secara lebih rinci.
Adalah Abstrak Ajaib Tablet
Abstrak adalah sejenis GitHub untuk desainer. Prinsip operasi adalah bahwa perancang memuat file Sketsa yang dibuat sebelumnya ke dalam Abstrak (file ini adalah file master, yang berisi artboards / elemen yang paling relevan dan informasi tentang proyek). Beberapa desainer dapat mengerjakan satu file master pada saat yang bersamaan. Untuk lebih tepatnya, setiap desainer mengerjakan salinan (cabang) file masternya sendiri. Setelah selesai, cabang harus berkomitmen pada Abstrak. Mengkomit sebuah cabang adalah suatu keharusan, karena ini adalah satu-satunya cara untuk menyimpan perubahan yang dibuat pada cabang dan menambahkannya ke Abstrak. Komit tidak akan memengaruhi konten file master dengan cara apa pun hingga penggabungan terjadi (dengan kata lain, menggabungkan). Anda tidak hanya dapat menggabungkan satu cabang dengan file master, tetapi juga satu cabang dengan satu cabang.
Dalam Abstrak, seperti di Zeplin dan Figma, Anda dapat melihat gaya elemen, serta kemampuan untuk mengunduh ikon dan gambar yang digunakan.
Selain itu, bagian Properti menunjukkan gaya mana dari item yang dipilih saat ini dalam file master, dan gaya mana yang sama tetapi item yang diubah dalam komit yang saat ini dilihat.
File master dapat berisi banyak artboards. Saat mengedit, semua perubahan disimpan di latar belakang. Anda hanya perlu mengkomit cabang tempat desainer bekerja, dan semua perubahan akan tercermin dalam Abstrak. Artboards yang dimodifikasi atau elemen yang dimodifikasi individu ditandai dengan ikon Diedit. Berkat ini, perancang tidak perlu membuat banyak file dengan versi proyek yang berbeda, karena semuanya disimpan dan ditampilkan dengan jelas di satu tempat.
Seperti disebutkan sebelumnya, Abstrak menyediakan mode perbandingan.
Mode perbandingan pertama adalah berdampingan - ketika artboard dari file master dan artboard yang dimodifikasi dari cabang terletak bersebelahan.
Mode perbandingan berikutnya adalah overlay - ketika artboard dari file master dan artboard yang dimodifikasi dari cabang saling bertumpuk, dan semua perubahan ditampilkan pada latar belakang putih.
Selain di atas, Abstrak memiliki fungsi berguna lainnya, misalnya, Anda dapat menyinkronkan pustaka Sketch, membuat koleksi - kumpulan artboards yang perlu Anda presentasikan kepada rekan kerja.
Aliran aktivitas berisi perubahan yang dibuat, komentar, pembuatan cabang, komit, penggabungan, dan pembaruan lainnya. Ini menunjukkan siapa, kapan dan apa sebenarnya yang diubah, ditambahkan, dikomentari, disetujui atau tidak disetujui, digabungkan, dll.
Zeplin, Figma, dan Abstract membuatnya lebih cepat dan lebih mudah untuk mengerjakan proyek tidak hanya untuk desainer, tetapi untuk semua anggota tim. Tetapi yang paling sukses, menurut saya, adalah Figma dan Abstrak (Abstrak lebih banyak karena fungsionalitas dan konten informasi dalam hal kontrol versi). Menggunakannya, anggota tim tidak perlu menghabiskan banyak waktu untuk rapat, mengobrol diskusi untuk mengetahui perubahan apa yang telah dilakukan pada tata letak dan di mana mereka perlu melihatnya. Menggunakan kontrol versi dalam bentuk apa pun meningkatkan kolaborasi antara anggota tim, pemahaman proyek dan, paling banter, mempercepat pengembangan.
Pada artikel ini, saya telah mempertimbangkan jauh dari semua opsi kontrol versi yang ada dalam desain, tetapi yang paling terkenal dan paling umum digunakan. Jika tim yang terdiri dari beberapa desainer sedang mengerjakan sebuah proyek, ada baiknya mempertimbangkan pembuatan versi dalam Abstrak atau Figma, dan Zeplin lebih cocok untuk pekerjaan tunggal ketika Anda tidak perlu berkolaborasi dan secara bersamaan bekerja dengan rekan kerja lain pada file yang sama. Either way, tidak ada salahnya mencoba masing-masing alat ini.