1. Tentukan Jenis Device yang Akan Di-Design
Pilih jenis device yang menjadi target
Kalian harus menentukan jenis device yang akan di-design terlebih dahulu. Apakah akan di-design untuk smartphone, tablet, atau desktop? Setiap jenis device memiliki ukuran layar yang berbeda-beda, sehingga pemilihan ukuran artboard yang sesuai dengan jenis device akan sangat mempengaruhi hasil akhir desain nantinya.
Ketahui ukuran layar tiap device
Setelah menentukan jenis device yang akan di-design, tahap selanjutnya adalah mengetahui ukuran layar untuk setiap jenis device tersebut. Misalnya, smartphone memiliki ukuran layar lebih kecil dibandingkan dengan tablet atau desktop. Hal ini akan mempengaruhi pemilihan ukuran artboard yang tepat agar desain nantinya tetap terlihat ideal dan enak dilihat pada setiap jenis device.
2. Pertimbangkan Popularitas Ukuran Artboard
Research ukuran artboard populer
Kalian juga perlu melakukan research terkait ukuran artboard yang populer digunakan oleh web designer. Dengan mengetahui ukuran-ukuran yang sering digunakan, kalian dapat memaksimalkan masukan minat audien.
Gunakan ukuran artboard populer
Jika masih bingung memilih ukuran artboard yang tepat, menggunakan ukuran yang populer adalah salah satu pilihan terbaik. Hal ini biasanya sering digunakan oleh web designer untuk menciptakan website yang dapat diakses oleh pengguna mobile.
3. Pertimbangkan Layout yang Di-Design
Tentukan jenis layout
Selain jenis device yang akan di-design, layout juga menjadi salah satu faktor yang tak kalah penting. Setiap jenis layout biasanya memiliki karakteristik yang berbeda-beda. Sebagai contoh, jenis layout landing page berbeda dengan jenis layout artikel.
Pilih ukuran artboard yang sesuai dengan jenis layout
Ketika menentukan jenis layout, kalian juga perlu mempertimbangkan ukuran artboard yang sesuai dengan jenis layout tersebut. Sebagai contoh, landing page cenderung memiliki lebar artboard yang lebih besar dibandingkan dengan artikel. Hal ini berkaitan dengan kebutuhan tata letak elemen pada tiap jenis layout.
4. Gunakan Grid System
Pahami konsep grid system
Grid system adalah konsep desain yang digunakan untuk membantu penempatan elemen pada suatu desain. Penggunaan grid system sangat membantu dalam memastikan elemen yang terdapat pada desain kalian selalu sejajar dan tidak saling tumpang tindih.
Pilih ukuran artboard yang sesuai dengan grid system
Setelah memahami konsep grid system, kalian dapat memilih ukuran artboard yang sesuai dengan grid system yang kalian gunakan. Hal ini dapat membantu kalian dalam menempatkan elemen dan memastikan seluruh elemen pada desain tetap sejajar dan terlihat rapi.
5. Pilih Ukuran Artboard yang Terkait dengan Konten
Pahami tata letak konten
Salah satu faktor penting dalam desain web mobile adalah tata letak konten. Setiap jenis konten biasanya memiliki karakteristik dan tata letak yang berbeda-beda. Sebagai contoh, tata letak konten gambar berbeda dengan tata letak konten teks.
Pilih ukuran artboard yang sesuai dengan tata letak konten
Dalam memilih ukuran artboard, kalian juga perlu mempertimbangkan tata letak konten yang akan di-design. Setiap jenis konten memiliki kebutuhan masing-masing, sehingga pemilihan ukuran artboard yang tepat dapat membantu kalian dalam mengelola tata letak konten yang ideal dan enak dilihat.
6. Perhatikan Responsiveness
Gunakan ukuran artboard yang responsif
Responsiveness adalah salah satu hal yang paling penting dalam desain web mobile. Pastikan kalian telah memilih ukuran artboard yang responsif untuk menjaga agar desain yang kalian ciptakan tetap terlihat ideal di setiap jenis device.
Uji responsivitas desainmu
Selain memilih ukuran artboard yang responsif, kalian perlu menguji responsivitas desainmu, apakah terlihat enak dipandang di setiap jenis device atau tidak. Hal ini dapat membantu kalian dalam mengambil keputusan terkait ukuran artboard yang kalian gunakan.
7. Pilih Artboardy untuk Mempercepat Proses Desainmu
Gunakan Template Artboardy
Dalam memilih ukuran artboard, kalian bisa menggunakan Artboardy untuk mempercepat proses desainmu. Artboardy menyediakan berbagai macam template artboard siap pakai dalam 4 format berbeda, AI, EPS, SVG, dan PSD.
Artboardy Mengelola Semua Ukuran Artboard pada Setiap Project
Dengan menggunakan Artboardy, kalian tidak perlu memikirkan lagi ukuran artboard pada setiap project yang akan kalian kerjakan. Artboardy akan membantu kalian dalam mengelola ukuran artboard dan mengakses template yang kalian butuhkan dengan mudah.
Tips bonus:
- Jika bingung dalam memilih ukuran artboard yang tepat, pertimbangkan jenis project dan konten yang di-design
- Gunakan grid system pada desainmu untuk memastikan elemen pada desain selalu sejajar dan tidak tumpang tindih
- Menggunakan Artboardy akan menghemat waktu dan usaha dalam mengelola ukuran artboard pada setiap project yang kalian kerjakan
