Saat mendesain ikon yang perlu disampaikan pada beberapa ukuran, apakah Anda mulai dari ukuran yang lebih kecil, kemudian meningkatkan ke ukuran yang lebih besar? Atau apakah Anda mulai besar dan menurunkan?
Ada beberapa keuntungan untuk keduanya. Saya mencoba untuk memperbaiki alur kerja saya, jadi masukan dari orang lain akan sangat membantu. Mari kita asumsikan kita sedang mendesain ikon Mac atau Windows, di mana ukurannya terkait - mereka kebanyakan berlipat ganda.
Untuk OS X, ukuran ikon aplikasi standar adalah:
- 16 × 16, 32 × 32, 128 × 128, 256 × 256, 512 × 512 dan 1024 × 1024.
Untuk Windows 7 ukuran ikon aplikasi standar adalah:
- 16x16, 32x32, 48x48, 64x64, dan 256x256.
Untuk iOS ukuran ikon aplikasi standar adalah:
- 29x29, 48x48, 57x57, 58x58, 72x72, 96x96, 114x114, 144x144, 512x512 dan 1024x1024.
Untuk Android ukuran ikon aplikasi standar adalah:
- 36x36, 48x48, 72x72, 96x96 dan 512x512.
Untuk iOS dan Android, ukuran ikon sedikit lebih serampangan dan skala tidak berhubungan juga, jadi menjadi pintar tentang desain grid kurang penting, karena Anda cenderung menemukan koordinat yang mengenai batas piksel untuk berbagai ukuran.
Metode 1: Menurunkan skala
Desain ikon pada ukuran terbesar (sering 1024 × 1024) menggunakan vektor dan efek yang dihasilkan, seperti gaya lapisan.
Gandakan dan skala dokumen ke bawah untuk membuat ukuran yang lebih kecil.
Buat tweak yang diperlukan dan simpan gambar akhir.
Itu bagus, tetapi melewatkan peluang elemen untuk menyelaraskan ke kisi yang berfungsi untuk berbagai ukuran. Menggunakan kisi kasar untuk membidik tampaknya sedikit membantu. Misalnya, dokumen 1024 × 1024 dengan kisi 16px berarti titik gertakan akan memberi Anda piksel yang terpotong hingga ke ukuran 64 × 64. Idenya adalah untuk mendesain dengan detail tetapi mengambil ke kisi-kisi ukuran yang lebih kecil, sehingga Anda menekan posisi penting tersebut.
Metode 2: Meningkatkan
Desain ikon pada ukuran terkecil, atau salah satu dari ukuran terkecil (sering 32 × 32 atau 64 × 64) menggunakan vektor dan efek yang dihasilkan, seperti gaya layer. Biasanya tidak ada detail yang cukup dalam 16 × 16 untuk menggunakannya sebagai titik awal.
Gandakan dan skala dokumen ke atas untuk membuat ukuran lebih besar, dan turun untuk ukuran kecil.
Buat tweak yang diperlukan dan simpan gambar akhir.
Ini cenderung mengarah ke ikon sederhana dengan tidak banyak detail, jadi saya tidak suka bekerja seperti ini.
Metode 3: Menaikkan skala lalu turun
Buat desain kasar pada ukuran yang lebih kecil (sering 32 × 32 atau 64 × 64) menggunakan vektor dan efek yang dihasilkan, seperti gaya layer.
Skala dokumen hingga ukuran terbesar dan tambahkan detail. Ini adalah titik di mana ikon dipoles dan sebagian besar detail ditambahkan.
Gandakan dan skala dokumen ke bawah untuk semua ukuran yang lebih kecil.
Buat tweak yang diperlukan dan simpan gambar akhir.
Ini tampaknya menjadi metode terbaik, dengan pro dan kontra dari metode lain. Sebagai titik yang sedikit terkait, itu juga berarti saya biasanya mendesain ikon iOS pada 912 × 912, karena itu persis 16 kali ukuran ikon non-Retina iPhone 57 × 57.
Apakah ada metode yang lebih baik untuk mendesain ikon yang perlu disampaikan dalam beberapa ukuran?
Tujuannya adalah untuk mencapai hasil terbaik, dengan sedikit usaha.