Cara Mendesain Aplikasi Salon di Adobe Illustrator

Halo, semuanya hari ini kami akan menunjukkan kepada Anda “Bagaimana Mendesain Aplikasi Salon di Adobe Illustrator”. Dalam tutorial ini, Anda akan mempelajari cara menggunakan aplikasi seluler. Jangan khawatir jika Anda baru di sini tutorial langkah demi langkah ini juga memiliki tangkapan layar dari setiap langkah sehingga Anda dapat mempraktikkannya sendiri dengan mengunduh file Ai proyek.

Aplikasi adalah cara untuk mendekatkan konsumen ke produk atau layanan Anda. Ini memungkinkan pelanggan untuk dengan mudah berinteraksi dan melakukan transaksi tanpa batasan fisik. Untuk mendapatkan hasil yang positif, aplikasi harus berfokus pada kegunaan dan kemudahan navigasi pengguna.

Sumber daya
Gambar yang digunakan:
Font yang digunakan:
  • Keluarga font Arial
  • Keluarga Raleway
Langkah 01
  • Buka perangkat lunak Adobe Illustrator.
  • Buka menu “File” dan klik opsi “New”.
  • Pilih ukuran dokumen dan klik ok.
  • Ambil alat “Persegi Panjang” dari “Bilah Alat”.
  • Gambarlah “Persegi Panjang” di artboard dan buat sudutnya membulat.
  • Sekali lagi ambil “Rectangle Tool” dan gambar dua persegi panjang putih seperti yang ditunjukkan pada screenshot 1.5.
  • Sekarang buat tombol login dengan menggunakan “Rectangle Tool”.
  • Ambil “Type Tool” dari “Tools Bar”.
  • Tambahkan teks ke “Halaman Login” juga tambahkan “Logo” merek Anda.
  • Klik pada opsi “Art Board” di “Layers Panel”.
  • Di panel “Art Board” klik pada opsi “New Artboard” untuk menambahkan 2nd
1.1- (Klik untuk Zoom)
1.1- (Klik untuk Zoom)
1.2- (Klik untuk Zoom)
1.2- (Klik untuk Zoom)
1.3- (Klik untuk Zoom)
1.3- (Klik untuk Zoom)
1.4- (Klik untuk Zoom)
1.4- (Klik untuk Zoom)
1.5- (Klik untuk Zoom)
1.5- (Klik untuk Zoom)
1.6- (Klik untuk Zoom)
1.6- (Klik untuk Zoom)
1.7- (Klik untuk Zoom)
1.7- (Klik untuk Zoom)
1.8- (Klik untuk Zoom)
1.8- (Klik untuk Zoom)
1.9- (Klik untuk Zoom)
1.9- (Klik untuk Zoom)
1.10- (Klik untuk Zoom)
1.10- (Klik untuk Zoom)
Langkah 02
  • Sekali lagi ambil “Rectangle Tool” dari “Tools Bar”.
  • Gambar persegi panjang di bagian atas artboard seperti yang ditunjukkan pada screenshot 2.3.
  • Gambarlah “Persegi Panjang” tipis lainnya di sisi bawah artboard.
  • Pastikan sudut persegi panjang dibulatkan.
  • Isi persegi panjang dengan “Warna” yang Anda inginkan.
  • Sekarang pergi ke menu “File” dan klik pada opsi “Place”.
  • Tempatkan salon “Ikon” di persegi panjang sisi bawah.
  • Gambarlah “Bilah Pencarian” di sisi atas “Persegi Panjang” dengan sudut membulat.
  • Gambarlah lingkaran kecil di atas bilah pencarian dan juga tempatkan “Ikon Opsi Belanja”.
  • Ambil “Rectangle Tool” dan gambar persegi panjang di tengah artboard.
  • Gambar persegi panjang besar dan letakkan di bawah bilah menu aplikasi seperti yang ditunjukkan.
  • Buat “Salinan Kelipatan” dari “1st Rectangle ”dan susun semua persegi panjang seperti yang ditunjukkan pada 2.11.
  • Ambil “Type Tool” dari “Tools Bar”.
  • Pertama, tambahkan “Nama Pengguna” di bagian atas sejajar dengan “Gambar Profil”.
  • Di bawah nama tambahkan “Catatan Selamat Datang” dan teks “Pencarian” ke “Bilah Pencarian”.
  • Tambahkan “Kategori” di aplikasi seperti “Layanan Teratas, Spesialis Terbaik, dll”.
2.1- (Klik untuk Zoom)
2.1- (Klik untuk Zoom)
2.2- (Klik untuk Zoom)
2.2- (Klik untuk Zoom)
2.3- (Klik untuk Zoom)
2.3- (Klik untuk Zoom)
2.4- (Klik untuk Zoom)
2.4- (Klik untuk Zoom)
2.5- (Klik untuk Zoom)
2.5- (Klik untuk Zoom)
2.6- (Klik untuk Zoom)
2.6- (Klik untuk Zoom)
2.7- (Klik untuk Zoom)
2.7- (Klik untuk Zoom)
2.8- (Klik untuk Zoom)
2.8- (Klik untuk Zoom)
2.9- (Klik untuk Memperbesar)
2.9- (Klik untuk Memperbesar)
2.10- (Klik untuk Zoom)
2.10- (Klik untuk Zoom)
2.11- (Klik untuk Zoom)
2.11- (Klik untuk Zoom)
2.12- (Klik untuk Zoom)
2.12- (Klik untuk Zoom)
2.13- (Klik untuk Zoom)
2.13- (Klik untuk Zoom)
Langkah 03
  • Halaman “Profil” selesai sekarang kita harus mendesain halaman “Pilih Layanan”.
  • Ambil “Rectangle Tool” dari “Tools Bar”.
  • Gambarlah sebuah “Persegi Panjang” di bagian atas artboard.
  • Gambarlah “Persegi Panjang” lainnya di 1st persegi panjang tetapi ukurannya harus lebih kecil dari yang pertama.
  • Setelah “Bagian Judul” tambahkan opsi “Layanan”.
  • Untuk melakukannya, gunakan “Rectangle Tool” dari “Tools Bar”.
  • Gambarlah “Persegi Panjang” seperti yang ditunjukkan pada tangkapan layar 3.4.
  • Pilih “Persegi Panjang” dan tekan “Ctrl + C”.
  • Sekarang tekan “Ctrl + F” untuk membuat salinan banyak dan mengatur semua.
  • Sekarang kita perlu menambahkan menu bar yang sama seperti yang kita tambahkan ke halaman “Profil”.
  • Jadi pergi ke “Halaman Profil” pilih “Menu Bar” dan seret ke “Halaman Layanan”.
  • Sekarang ambil “Type Tool” dari “Tools Bar”.
  • Tambahkan teks ke “Halaman Layanan” seperti yang ditunjukkan di 3.8.
  • Jika Anda ingin menambahkan “Gambar”, buka menu “File” dan klik opsi “Tempat”.
  • Anda dapat menemukan cara menambahkan gambar di tutorial sebelumnya.
  • Akhirnya, Aplikasi Anda siap.
3.1- (Klik untuk Zoom)
3.1- (Klik untuk Zoom)
3.2- (Klik untuk Zoom)
3.2- (Klik untuk Zoom)
3.3- (Klik untuk Zoom)
3.3- (Klik untuk Zoom)
3.4- (Klik untuk Zoom)
3.4- (Klik untuk Zoom)
3.5- (Klik untuk Zoom)
3.5- (Klik untuk Zoom)
3.6- (Klik untuk Zoom)
3.6- (Klik untuk Zoom)
3.7- (Klik untuk Zoom)
3.7- (Klik untuk Zoom)
3.8- (Klik untuk Zoom)
3.8- (Klik untuk Zoom)
3.9- (Klik untuk Zoom)
3.9- (Klik untuk Zoom)

Seperti inilah hasil akhirnya

Hasil Akhir 1- (Klik untuk Memperbesar)
Hasil Akhir 1- (Klik untuk Memperbesar)
Hasil Akhir 2- (Klik untuk Memperbesar)
Hasil Akhir 2- (Klik untuk Memperbesar)
Hasil Akhir 3- (Klik untuk Memperbesar)
Hasil Akhir 3- (Klik untuk Memperbesar)
Mockup- (Klik untuk Memperbesar)
Mockup- (Klik untuk Memperbesar)

Sumber Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *