Tujuan artikel ini adalah untuk memperkenalkan anda kepada alat reka bentuk grafik baharu yang baru-baru ini muncul: Sketch. Pertama sekali, saya ingin menjelaskan bahawa saya bukan pemegang saham dalam syarikat baharu di sebalik Sketch.
Pada tahun 2017, mengapa pereka UI (masih) menggunakan Awan Kreatif?
Saya telah menggunakan Creative Suite sejak versi 5.0 Photoshop. Saya telah dapat mengikuti evolusi perisian ini dan untuk beberapa waktu saya mempunyai perasaan aneh: Photoshop tidak lagi memenuhi sepenuhnya jangkaan saya sebagai pereka UX/UI. Saya pernah mendengar tentang Sketch tetapi fikir ia tidak akan "melaksanakan tugas" serta rakan setia saya Photoshop. Tetapi itu sebelum ini! Pertukaran berlaku dalam rangka misi di mana saya bekerja sebagai "pasukan" dengan pereka UX. Kami menghadapi masalah besar: kami terpaksa mengulang dengan cepat pada sejumlah besar skrin.
Penggunaan alat pereka UX/UI biasa
Pada mulanya, pereka UX menghasilkan rangka dawai menggunakan alat prototaip mereka, kemudian saya akan menambah elemen UI saya dalam Photoshop. Walau bagaimanapun, sebelum saya dapat memindahkan rangka dawai ke peringkat reka bentuk, saya menghabiskan (terlalu banyak) masa mencipta semula elemen dalam Photoshop. Kesimpulannya mudah dan tidak dapat dinafikan: menggunakan dua alat memperlahankan penyampaian kami. Penyelesaian asas: menggunakan satu alat, tetapi satu soalan masih ada: yang mana satu?
Kami mempunyai dua pilihan: menggunakan Photoshop atau Sketch. Secara semulajadinya, kami memilih yang kedua atas sebab yang mudah: satu bahagian pasukan (dalam kes ini, saya, pereka UI) akan mempelajari Sketch dengan lebih cepat (dan lebih semula jadi) berbanding pereka UX yang mempelajari Photoshop. Pilihan ini terbukti berjaya, kerana kelajuan penghantaran kami meningkat dengan ketara. Sejak itu, hubungan cinta telah berkembang antara Sketch dan saya…
10 sebab mengapa Sketch menjadi teman saya
1/ Lakaran memilih Kurang adalah lebih dari segi antara muka
Kesan pertama saya agak membingungkan. Setelah biasa dengan kekayaan antara muka Photoshop, saya mendapati Sketch agak " murah ". Jangan biarkan fungsi minimalisnya menghalang anda; anda akan cepat terbiasa dengannya. Sebagai pereka UI, kami sudah biasa dengan antara muka perisian dengan pelbagai set alat. Antara mukanya bersih dan tidak bersepah, dan itulah kekuatannya. Kami hanya mempunyai perkara asas untuk mereka bentuk antara muka kami.
Saya melihat dua kelebihan untuk ini:
- Yang pertamaA: lebih banyak ruang untuk pereka. Tiada lagi palet alat yang terdapat di atas meja anda.
- Yang kedua : yamenjadikannya lebih mudah untuk belajar: beberapa alat, jadi sangat cepat untuk bermula.
2/ Alat UX/UI biasa
Pada pendapat saya, kelebihan utama Sketch adalah keupayaannya untuk digunakan dalam aliran kerja UX/UI . Pereka UX dan pereka UI akhirnya mempunyai alat kongsi yang membolehkan setiap orang terus berusaha menangani cabaran masing-masing. Pereka UX memberi tumpuan kepada reka bentuk: contohnya, mereka menghasilkan versi 1 (V01). Pereka UI kemudian menggunakan versi ini sebagai titik permulaan untuk mencipta versi 2 (V02). Dan begitulah seterusnya, bergantung pada bilangan lelaran. Tetapi kerja kolaboratif juga memerlukan organisasi.
Bersama-sama, kami telah melaksanakan tatanama yang tepat untuk mengoptimumkan perkongsian fail. Petua perkataan: date_filename_versionXX. Setiap lelaran baharu sepadan dengan versi baharu. Kecekapan yang praktikal dan menggerunkan!
4/ Lakaran menggunakan bahasa mac secara asli
Orang asli, adakah anda berkata orang asli? Saya juga memberi anda pertimbangan teknikal: ingat bahawa Sketch berasal dari MacOS. Oleh itu, ia adalah kelajuan pelaksanaan yang mengagumkan.
Kelebihan lain ialah ia membenamkan fungsi iOS percuma seperti pemversian, penjimatan automatik dan pemaparan fon tepat (hiper). Semua operasi tidak merosakkan: gabungan dan transformasi bentuk vektor boleh diterbalikkan. Berlatih!
5/ Kekayaan pemalam dan komuniti yang aktif
Komuniti di belakang Sketch sangat besar dan sangat aktif. Sebagai contoh, penambahan simbol yang muncul dalam V03 terhasil berkat maklum balas pengguna.
Dan di UX Republic, kami menghargainya apabila vendor perisian mengutamakan pengguna, bukan mengutamakan produk. Sketch adalah MVP (Produk Berdaya maju Minimum). Pasukannya, mendengar penggunanya, membangunkan kemas kini masa hadapan. Pendekatan yang kami amalkan dalam UX dan yang mempunyai banyak kelebihan: perisian berkembang mengikut keperluan dan kegunaan pengguna.
https://www.sketchapp.com/extensions/plugins/
6/ Mengeksport aset
Penghasilan aset menjadi cepat dan mudah dengan plugin Zeplin. Alat ini dikongsi antara anda dan pembangun. Semua aset anda akan dijana dan boleh digunakan oleh pasukan pembangunan.
7/ Lakaran + Zeplin dan Slack
Zeplin boleh diintegrasikan dengan Slack . Ini membolehkan seluruh pasukan menjejaki eksport aset dalam masa nyata. Begini cara ia berfungsi: sebaik sahaja skrin dimuktamadkan, saya mengeksportnya ke Zeplin. Pemberitahuan akan muncul dalam saluran #reka bentuk pasukan pembangunan. Ini hampir menghapuskan risiko ralat kawalan versi. Manfaatnya: lebih banyak masa dijimatkan dan kurang kesilapan.
8/ Alat pada harga yang menarik
Lesen $99, ya anda membacanya dengan betul! Ia lebih menarik sebagai harga berbanding dengan lesen Adobe.
9/ Vektor penuh & css
Salah satu kekuatan Sketch juga ialah pendekatan vektor 100%: praktikal, mudah dan pantas. Begitu juga, lakaran direka untuk mencipta UI: semua yang anda reka boleh dilakukan dalam HTML/CSS. Fungsi penjana kod juga tersedia.
10/ Cermin lakaran
Seperti pesaingnya, Sketch telah membangunkan pemapar untuk iPhone: Sketch Mirror . Ia merupakan alat penting untuk reka bentuk mudah alih.
Satu hujah terakhir
Akhir sekali, saya amat menghargai simbol-simbol tersebut. Mungkin kerana ia mengingatkan saya pada klip filem dalam Flash atau objek pintar dalam Photoshop. Sekali lagi, ia lebih ringkas, lebih praktikal dan lebih ringan daripada produk daripada Adobe Suite.
Untuk selesai meyakinkan anda
Walaupun usianya masih muda, Sketch mempunyai segala-galanya yang hebat (atau hampir). Evolusi tetapnya mencadangkan mod kerjasama yang lebih maju di mana UI & UX boleh berfungsi pada masa yang sama pada fail yang sama. Jika anda menikmati artikel ini, saya menjemput anda untuk merujuk artikel ini yang merupakan pelengkap yang sangat baik untuk artikel ini. dan yang menyokong aliran ini yang kami perhatikan dalam pelbagai misi kami di UX Republic. Dan anda apa yang anda fikirkan? Mari kita bincangkan tentang@ux-republic
https://www.invisionapp.com/blog/sketch-vs-photoshop/
Jérôme Fiorese, UX-Aktivis @jerome
