13
Oct
2014

Launcher Icon

Launcher icon adalah icon untuk aplikasi yang ditampilkan pada home screen dan biasanya juga sebagai icon pada action bar dikiri atas dari sebuah aplikasi. Dalam membuat design icon aplikasi, perlu diperhatikan ukuran dan pixel densitasnya. Ketika suatu aplikasi dijalankan, Android akan otomatis mengecheck device yang digunakan dan mencari icon yang cocok untuk device tersebut.

1

Seperti gambar diatas, dalam membuat icon perlu dibuat 5 jenis icon dengan size dan pixel densitas yang berbeda-beda. Untuk launcher icon misalnya dengan ukuran 48 x 48 dp, ini berarti icon Baselinenya adalah 48 x 48 px(MDPI), kemudian untuk HDPInya tinggal dikalikan 1.5, yaitu 72 x 72 px(HDPI) dan seterusnya.

 

Tentunya akan membutuhkan waktu dalam membuat launcher icon ini, namun tenang saja, ada sebuah website yang dapat membuat/mengenerate launcher icon.

Launcher Icons Generator

Langkah-1

Foreground

  • IMAGE : menggunakan icon dari local folder
  • CLIPART : menggunakan icon-icon yang disediakan oleh Android
  • TEXT : membuat icon yang berisikan text
  • TRIM : membuat image yang diinputkan akan merapat sesuai tinggi dan lebar image yang ada didalamnya
  • DON’T TRIM : kebalikannya TRIM, maka image yang diinputkan tidak ada perubahan
  • PADDING : jarak image dengan kotak terluar

Color

Color ini akan memberikan warna pada foreground.

Langkah-2

Dan terdapat seekbar pada sebelah kanan kotak warna, gunanya untuk mengatur opacity atau transparansi. Semakin kekiri/mendekati 0% maka warna foreground akan semakin transparan, sebaliknya semakin kekanan/mendakati 100% maka warna foreground akan semakin tebal/memblock warna yang ditindihnya.

Scaling

  • CROP : jika image yang diinputkan ukurannya melebihi standar launcher, maka image akan dicrop/dipotong
  • CENTER : center ini membuat image yang diinputkan akan tertampil semua dan terletak ditengah-tengah, semakin besar image yang diinputkan, maka akan semakin kecil image tersebut ditampilkan

Shape

Langkah-3

 

Background

Memberi warna pada SQUARE dan CIRCLE

Share

You may also like...