Ulasan sketsa & peringkat

Dengan cepat melahap kompetisinya, Sketch siap untuk menyalip Photoshop sebagai alat prototyping antarmuka, ke titik bahwa banyak pengembang sekarang lebih suka desainer untuk menyerahkan file Sketch daripada berlapis file Photoshop. Tidak seperti Photoshop, perangkat lunak grafis Sketch dibangun dari bawah ke atas untuk merancang antarmuka interaktif. Itu menciptakan live comps sehingga klien dapat melihat pratinjau apa yang terjadi ketika mereka mengklik, menggesek, atau mengetuk desain Anda di desktop, laptop, tablet, atau ponsel mereka. Karena semua ini, desainer yang menggunakan Photoshop untuk membuat antarmuka pengguna untuk desktop dan perangkat seluler mungkin ingin memberi Sketch tampilan yang lebih dekat.

Berasal dari Belanda, Sketch adalah program desain vektor khusus Mac dengan fokus pada pembuatan prototipe interaktif desain web dan aplikasi. Jenis desain kerja yang dihasilkan Sketch memungkinkan klien Anda merasakan lebih baik bagaimana segala sesuatu terlihat dan merespons. Yang pada gilirannya memberdayakan mereka untuk memberikan umpan balik yang lebih berguna pada fungsi (antarmuka pengguna, atau UI) dan pengalaman pengguna (UX), dan akibatnya memungkinkan persetujuan berdasarkan informasi sebelum tahap pengembangan - mengurangi frustrasi dan menghemat waktu dan uang.

Konsep Sketch yang relatif baru (2008) difokuskan pada desain kolaboratif untuk layar, sehingga memiliki keunggulan dibandingkan Photoshop, yang memulai debutnya 30 tahun sebelumnya, ketika kata layar harus dilakukan dengan mengukur kepadatan halftones. Desainer mulai bersandar pada Adobe Photoshop untuk mengatur dan menyerahkan file desain antarmuka karena itu adalah alat terbaik di dalam kotak untuk menyelesaikan pekerjaan - bukan karena itu adalah alat yang dibuat khusus untuk tujuan itu.

Namun, Sketch tidak sendirian di ruang desain UX. Adobe XD (XD adalah singkatan dari Experience Design), dirilis pada 2016 sebagai bagian dari Creative Cloud Adobe untuk Windows dan Mac, juga merupakan alat berbasis vektor untuk penyadapan dan memproduksi prototipe klik-tayang interaktif.

Pesaing berbasis vektor kedua, disebut-sebut sebagai "alat desain layar paling kuat di dunia, " adalah Studio dari platform manajemen sistem desain kelas berat, InVision (Gratis untuk satu prototipe, $ 25 per bulan untuk prototipe tidak terbatas). Tidak seperti Sketch dan XD, Studio memiliki modul animasi canggih bawaan. Pekerjaan yang dilakukan dalam Sketch dapat disinkronkan ke platform InVision menggunakan plugin Craft Manager mereka sendiri. Adobe menawarkan paket starter XD gratis yang memiliki penyimpanan terbatas (2GB) dan penggunaan sebagian dari koleksi Adobe Fonts. Versi lengkap XD tersedia sebagai bagian dari langganan Adobe Creative Cloud (CC), mulai dari $ 20, 99 per bulan untuk aplikasi tunggal, atau dari $ 54, 99 per tahun untuk semua aplikasi Creative Cloud, termasuk Illustrator, InDesign, dan Photoshop.

Sketch menggunakan varian pada model berlangganan, dengan biaya $ 99 per tahun per perangkat (baik komputer atau seluler), untuk individu. Ini termasuk pembaruan satu tahun, dan Sketch Cloud (untuk berbagi dan berkolaborasi online), setelah itu Anda dapat menyimpan dan menggunakan versi Anda saat ini selamanya atau memperbarui untuk $ 69 per tahun untuk mendapatkan kembali pembaruan rutin dan manfaat cloud. Lisensi volume berkisar dari $ 64 per tahun per perangkat untuk dua hingga sembilan perangkat hingga $ 49 masing-masing untuk 50 perangkat atau lebih.

Perlu dicatat bahwa ketika Anda membeli lisensi, Anda hanya berhak atas satu kursi (hanya untuk satu komputer). Jika Anda menggunakan banyak Mac, seperti desktop dan laptop, Anda kurang beruntung, dan harus membeli dua kursi. Banyak aplikasi berbasis langganan memungkinkan dua kursi per lisensi sebagai giliran yang baik untuk mereka yang bekerja keras yang bekerja keras di desktop mereka di kantor dan di laptop mereka di rumah. Ketidaknyamanan terkait adalah bahwa jika ingin menggunakan Sketch pada Mac baru atau jika Anda harus memformat ulang drive Anda, Anda perlu membatalkan registrasi Sketch dari mesin / drive lama Anda dan kemudian mendaftar ulang.

Mulai

Sketch adalah snap untuk mengunduh dari situs perusahaan (sketchapp.com); ada uji coba gratis 30 hari, tanpa memerlukan kartu kredit. Sketsa membutuhkan MacOS 10.13.4 (High Sierra) atau lebih baru. Perusahaan memperingatkan bahwa jika Anda bekerja dengan dokumen yang kompleks dan berlipat ganda dengan ratusan artboards, salah satu Mac yang sarat RAM, lebih disarankan. Saya menguji Sketch 53.2 pada MacBook Pro 2018 dengan prosesor Intel Core i9 2.9GHz, RAM 32GB, dan kartu grafis Radeon Pro 560X.

Tepat di halaman unduhan, Sketch menawarkan Panduan Pemula, dokumentasi yang luas, tutorial dan tips, dan tautan ke media sosial dan komunitas pengembang, blog dan obrolan, dan Dribble. Sangat menyambut dan menginspirasi untuk melihat daftar pertemuan dan acara komunitas desain global. Selain itu, situs ini menawarkan banyak sumber daya Sketch App UX / UI gratis dan premium termasuk kit wireframe, kit UI seluler, template, maket, dasbor, konsep, dan ikon.

Antarmuka dan Kanvas

Membuat sketsa dengan contoh dan menyediakan UI kontekstual yang bersih dengan tiga bagian utama - dan (menurut desain) tanpa panel apung. Jika Anda sudah menjadi pengguna Mac, Anda akan mendapati Sketsa UI familier, karena dimodelkan pada antarmuka aplikasi Apple seperti Pages, Numbers, dan Keynote. Dengan versi terbaru ini, Mode Gelap Apple sekarang didukung.

Di sisi kiri layar, Anda akan menemukan Daftar Halaman dengan inventaris layer Anda, item konten individual pada layer dan artboards tersebut, dan konten yang dinamai di atasnya. Di sebelah kanan adalah Inspektur tempat Anda dapat mengutak-atik properti konten di lapisan mana pun yang telah Anda pilih. Di bagian atas Anda memiliki Bilah Alat yang menampung alat dan tindakan. Panggung tengah adalah kanvas Anda tempat Anda membuat keajaiban.

Daftar Halaman memudahkan untuk mengatur, menetapkan, atau mengubah lapisan, serta membiarkan Anda memberi nama, mengelompokkan, memilih, dan menggandakan item konten sehingga alur kerja Anda efisien. Anda akan berada dalam kondisi prima ketika tiba saatnya untuk menyerahkan file kepada pengembang.

Sketsa meminyaki alur kerja Anda dengan memfasilitasi atau mengotomatisasi tugas-tugas umum dengan pustaka yang mudah dibuat, teks dan gaya layer, instance simbol, dan preset. Selain itu, ada ratusan kit UI, templat, dan plug-in yang hemat waktu yang semakin memperluas fungsionalitas Sketch dalam berbagai cara.

Menggambar dan Mengeset dalam Sketsa

Sebagai Cheetah adalah untuk menjalankan, Sketch adalah untuk membuat prototipe. Cheetah tentu saja mampu berjalan, tetapi untuk apa ia berkembang adalah berlari. Demikian juga, Anda benar-benar dapat menggambar Sketch, dan tidak apa-apa untuk itu, tetapi apa yang luar biasa tentang Sketch adalah prototyping-nya. Namun, ada baiknya mendapatkan gambaran umum tentang apa yang bisa dilakukan dengan alat menggambar Sketch.

Semua pembuatan, impor, dan perakitan konten dimulai dengan klik pada tarik turun Sisipkan. Di sana Anda akan menemukan alat bentuk, gambar dan teks yang diharapkan. Mudah di sebelah kanan adalah operasi pengaturan seperti membawa ke depan, penyelarasan, dan distribusi; dan alat Boolean dasar yang tidak merusak seperti Union, Subtract, Intersect, dan Difference. Alat vektor yang intuitif dan efisien memungkinkan pembuatan dan pengeditan bentuk, titik, dan kurva Bezier. Sementara Sketch dapat menangani tugas menggambar yang penting, itu bukan Illustrator - juga tidak seharusnya demikian.

Tipografi dasar di Sketch mudah, dengan fitur-fitur seperti Microsoft Word yang akrab bersama dengan opsi dekoratif untuk bayangan, isi, dan garis tepi. Memformat blok jenis mungkin memerlukan beberapa upaya manual di Sketch yang, misalnya, tidak mendukung tab-Anda harus menggunakan tombol spasi untuk mensimulasikan efek yang Anda inginkan. Tidak apa-apa, karena pengaturan huruf yang rumit tidak ada gunanya ketika mendesain tata letak responsif: Semua tipografi (ukuran, garis putus, tanda hubung, dan sebagainya) berubah ketika dilihat pada berbagai perangkat dengan ukuran berbeda.

Desain Prototyping dan Responsif

Tidak seperti program menggambar lainnya (tetapi sangat mirip dengan Adobe XD), Sketch memfasilitasi pembuatan prototipe interaktif. Untuk mensimulasikan jalur situs atau aplikasi Anda (UI), dan seperti apa pengalamannya (UX) nantinya, Anda dapat menetapkan area tertentu sebagai menggulir atau tidak menggulir, menautkan dan menaut-silang menu, simbol, bagian, halaman, dan contoh, dan tentukan hotspot (area yang dapat diklik). Anda tidak hanya dapat melihat pratinjau upaya Anda dari dalam aplikasi, tetapi Anda juga dapat menggunakan Sketch Mirror (lebih lanjut tentang fitur di bawah).

Kelebihan baru dalam Sketch adalah Anda dapat mengisi teks prototipe dan bidang bentuk dengan data realistis dinamis daripada diikat ke kebosanan Lorum Ipsum biasa. Ke dalam teks atau lapisan bentuk yang dipilih, Anda dapat menetapkan file sumber dari mana mengimpor teks atau gambar.

Sketsa bermain sangat baik dengan orang lain - dan tidak hanya di dalam aplikasi. Sungguh menyenangkan mengetahui bahwa saya dapat menyalin dan menempel ikon yang dibuat di Illustrator. Setelah impor, Sketch membuat layer yang dikelompokkan untuk karya seni saya, dan dari sana saya bisa menggunakan ikon apa adanya, menambahkannya ke perpustakaan, atau membuat simbol - sama seperti Anda dengan karya seni apa pun yang dibuat dalam aplikasi.

Di pasar saat ini, desain apa pun yang dirancang dengan baik dan ditakdirkan di layar harus responsif. Ini berarti bahwa konten di dalam layar aplikasi atau halaman web secara otomatis mengubah ukuran dan bergeser, tergantung pada perangkat tampilan (desktop, laptop, ponsel, tablet). Jadi, ukuran teks, perubahan jeda baris berubah, dan gambar menyusut, memperluas, atau menyembunyikan, tergantung pada apa yang akan terlihat terbaik di setiap perangkat.

Di Sketsa, Anda harus membuat tata letak varian dan penyederhanaan rasio aspek yang berbeda secara manual, dengan menyalin dan menempel setiap elemen atau grup. Namun saya berharap ada opsi penyesuaian-pintar untuk modifikasi tata letak responsif yang mirip dengan Responsif Ukuran di XD atau bahkan fitur Pengaturan Tata Letak InDesign. Meskipun Menyesuaikan Tata Letak hampir tidak pernah menghasilkan solusi yang sempurna, ini tentu saja menghemat waktu dan menyediakan tempat yang lebih baik untuk memulai daripada halaman kosong.

Untuk mempratinjau desain Sketsa Anda secara real-time di perangkat Anda, ada Sketch Mirror gratis untuk iOS, serta beberapa aplikasi untuk melakukannya di perangkat Android. Dalam semua kasus, perangkat akan membutuhkan Wi-Fi atau koneksi USB. Membuat keputusan desain yang terinformasi bermanfaat bagi alur kerja siapa pun, dan untuk itu, bisa melihat penyesuaian, krop, dan ukuran teks Anda secara langsung dengan Sketch Mirror pada perangkat yang sebenarnya adalah aset tugas berat.

Output dan Kolaborasi

Saat pekerjaan Anda siap untuk umpan balik klien atau kolaborasi tim, ada beberapa cara untuk berbagi. Metode utama adalah mengunggah dokumen Anda ke Sketch Cloud. Setelah mengunggah, Anda mendapatkan URL dan dapat memilih siapa yang diundang untuk melihat dokumen, dan menetapkan satu dari tiga tingkat akses: Komentar, Unduh, atau Gunakan sebagai Perpustakaan. Siapa pun yang memiliki tautan dapat menggunakan alat komentar bawaan, dan jika mereka membuka halaman di tablet atau telepon, mereka akan dapat melihat pratinjau artboard dalam resolusi penuh selama ada tata letak untuk perangkat mereka.

Perpustakaan menghubungkan Anda dan tim Anda ke aset dan preset proyek Anda. Membuat ini di Sketch sangat mudah dan ini adalah salah satu metode cerdas untuk menyimpan aset merek yang fleksibel di satu tempat yang dapat diakses secara global - baik lokal di hard drive Anda, di server Anda, atau bahkan di gudang penyimpanan pihak ketiga berbasis cloud seperti Dropbox. Perpustakaan hanyalah halaman Sketsa lain dalam dokumen Anda yang Anda tunjuk sebagai Perpustakaan, yang membuatnya tersedia dan berguna untuk menambah atau merevisi aset.

Jika Anda mengedit simbol yang Anda buat, ketika Anda (atau siapa pun yang berkolaborasi pada dokumen) kembali ke dokumen desain Anda, Anda menemukan pesan di kanan atas layar yang memberi tahu Anda tentang pembaruan. Anda kemudian memiliki pilihan untuk mengklik untuk memperbarui, atau Anda dapat memutuskan untuk melepaskan karya seni dari Perpustakaan. Sketsa besar dalam urutan dan organisasi, jadi ketika Anda mengklik lansiran itu, muncul jendela dialog yang mencantumkan komponen pustaka Anda, menampilkan simbol usang dan simbol diperbarui berdampingan. Sangat menyenangkan memiliki informasi lengkap di ujung jari Anda.

Atau, Anda dapat mengekspor artboards sebagai halaman PDF yang dapat ditandai dengan komentar di Apple Preview, Adobe Acrobat, atau perangkat lunak lain yang melihat PDF. Sketsa juga mengekspor gambar, irisan, dan halaman sebagai file JPG, PNG, dan SVG. Terlebih lagi, dapat mengekspor kode untuk atribut SVG dan CSS.

Tidak Ada Sketsa Tentang Aplikasi Ini

Sketch adalah alat lengkap yang lahir untuk para desainer yang menciptakan pengalaman desain berbasis layar, dan alat ini mahir melakukannya. Dengan familiernya (untuk pengguna Mac), antarmuka intuitif dan kolaborasi silang yang mudah antara desainer dan klien mereka, Sketch telah mendapatkan reputasi yang baik sebagai alat prototyping, karena memfasilitasi dan mempercepat validasi desain dan proses persetujuan. Untuk kemampuan ilustrasi vektor terbaik, lihat Pilihan Editor kami, Adobe Illustrator.