Sketch Tutorial — Mari membuat design aplikasi iOS-Bag 6

Setelah membuat icon pada bagian 1 hingga 6, kita akan membuat bagian konten utamanya. Yuk langsung saja….

1. Membuat Background Persegi Panjang

  • Tekan R, lalu gambarlah sebuah persegi panjang
  • Lalu sesuaikan lebar nya 375px dan tinggi nya 209px
  • Beri warna ungu dengan kode hexa #7A4DC3
  • Beri nama “Background-Ungu”

2. Membuat background persegi panjang menjadi trapesium

  • Select “Background-Ungu”
  • Tekan “Enter” hingga muncul 4 titik di tiap sudutnya
  • Lalu pilih titik di sebelah kiri bawah
  • Pencet-Tahan tombol “Shift” lalu Tekan arrow-down sebanyak 11 kali

3. Ubah Teks “Inbox” menjadi warna putih

  • Select teks “Inbox”
  • Ubah warna nya menjadi putih
  • Ubah ukurannya sesuai dengan properti di sebelah kanan

4. Tambahkan info dibawah teks Inbox

  • Tekan tombol “T”
  • Lalu tuliskan “You have 2 unread messages”
  • Dan atur jaraknya 6px dari teks “Inbox” . Untuk mengetahui jarak antar elemen kalian bisa menselect element yang ingin kalian atur jaraknya, lalu tekan-tahan tombol “Alt” lalu arahkan cursor ke elemen lain nya, maka otomatis akan muncul info jaraknya.

Pada Tutorial bagian 6 ini seharusnya Anda mendapatkan tampilan seperti dibawah ini. Jika Anda tidak mendapatkan tampilan seperti diatas silahkan periksa langkah langkah diatas atau Anda bisa menanyakan di kolom komentar bagian mana yang kurang jelas :)