Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Akihito (you can also view the original English article)

Final product image
What You'll Be Creating

Selalu ingin belajar apa yang diperlukan untuk membuat ikon sendiri, tetapi tidak pernah tahu persis di mana untuk memulai? Yah, dengan artikel ini, yang akan berubah. Anda akan belajar apa ikon dan mendapatkan jawaban untuk pertanyaan paling umum dan masalah-masalah yang muncul. Sepanjang jalan, Anda akan menemukan bahwa proses tidak sesulit yang Anda mungkin pernah berpikir.

Oh, dan sebelum aku lupa, jika Anda ingin memperluas Perpustakaan ikon Anda, Anda dapat selalu kepala ke Envato elemen mana Anda akan menemukan koleksi besar vektor ikon paket hanya menunggu untuk dijemput.

1. Apakah ikon?

Jika ada satu hal yang benar-benar penting yang sekolah berhasil mengajar saya, itu adalah bahwa setiap kali Anda menemukan diri Anda menangani konsep baru, Anda harus selalu dimasukkan ke dalam waktu dan benar-benar melaksanakan penelitian, sehingga Anda dapat memiliki pemahaman penuh tentang apa itu akhirnya singkatan.

Jadi, sebagai makhluk kebiasaan bahwa aku, aku akan menanamkan dalam diri Anda bahwa sama metode pemecahan masalah, dimulai dengan yang paling dasar pertanyaan: "Apa itu ikon?"

what are icons

Yah, menurut Google, kata berasal dari eikόn Yunani (gambar) dan umumnya didefinisikan hari sebagai a:

"kebaktian lukisan Kristus atau gambar suci lain, biasanya dijalankan pada kayu dan digunakan seremonial di gereja-gereja Timur Bizantium dan lain".

Sementara ini tidak persis jenis ikon yang kita materi iklan cenderung berpikir, mungkin hal pertama bahwa beberapa orang memvisualisasikan ketika Anda memberitahu mereka bahwa Anda mendapatkan hidup Anda melakukan "ikon desain".

Jangan salah, aku punya apa-apa terhadap seni ikon lukisan, yang dengan sendirinya kerajinan yang indah namun sulit, tetapi kita berbicara tentang penggunaan yang sama sekali berbeda dari tangan dan imajinasi di sini.

Dari perspektif yang lebih modern, digital, "ikon" didefinisikan sebagai:

"simbol atau representasi grafis pada layar program, pilihan, atau jendela".

Apakah Anda menggunakan Mac atau PC, iPhone atau perangkat Android, setiap satu dari mereka memiliki antarmuka pengguna yang didasarkan pada ikon dari berbagai bentuk, warna, dan ukuran.

2. Mengapa kita menggunakan ikon?

Secara historis, yang pertama pernah set ikon komputer itu dikonseptualisasikan hampir 37 tahun yang lalu (lebih tepat pada tahun 1981), ketika seorang ilmuwan komputer dengan nama David Canfield Smith bergabung dengan desain Norman Lloyd Cox ketika bekerja di GUI (Graphical User Antarmuka) Xerox Star 8010. Tugas mereka adalah untuk memudahkan interaksi pengguna dengan mesin ini, yang mereka kreatif mengatasi dengan memperkenalkan akrab simbol grafis yang dimaksudkan untuk mencerminkan kehidupan nyata benda yang pengguna bisa berhubungan.

Karena kembali pada hari komputer itu sebagian besar digunakan dalam lingkungan kerja, mereka cepat menyadari bahwa mereka dapat menemukan inspirasi dengan melihat benda yang paling umum ditemukan dalam kantor, sehingga membawa "kantor metafora" untuk hidup.

Ini meletakkan dasar untuk membangun pertama pernah umum bahasa visual untuk era digital, yang telah membentuk tidak hanya cara GUI tampilan tetapi juga bagaimana mereka berfungsi.

Kemudahan interaksi

Fast forward ke hari ini, dan sementara mereka pasti telah melihat beberapa perubahan dalam hal bentuk, fungsi inti mereka masih cukup banyak identik, karena mereka terus melayani tujuan yang sama bahwa mereka awalnya dirancang untuk, dan itu adalah mengurangi interaksi kita dengan potongan-potongan yang berbeda dan jenis perangkat lunak.

ease of interaction

Dan jujur, kita bahkan harus terkejut? Bayangkan memiliki untuk menggunakan perangkat lunak memiliki GUI yang didasarkan pada penggunaan kata kunci. Saya hanya melakukan, dan percayalah, itu dengan cepat berubah menjadi mimpi buruk sedikit.

Bahasa penghalang Breakers

Ikon berperilaku sebagai simbol-simbol visual yang universal yang membebaskan dari hambatan bahasa, karena fakta bahwa mereka berhasil menggambarkan gambar yang mudah dipahami oleh pengguna yang berasal dari sisi yang berbeda dari planet.

Daripada harus mencari cara untuk menyampaikan arti yang sama untuk speaker dua bahasa yang berbeda, Anda dapat dengan mudah menemukan simbol umumnya diterima yang melakukan pekerjaan untuk Anda.

Tentu saja, kadang-kadang akan ada beberapa penggambaran yang mungkin memerlukan pengguna untuk pergi melalui proses menghafal simbol untuk menambahkannya ke lingo mereka. Biasanya, ini akan terjadi dalam hal konsep-konsep baru atau teknologi yang mereka butuhkan untuk mendapatkan akrab dengan.

Lebih cepat berpikir pemicu

Dibandingkan dengan kata-kata, gambar memiliki kemampuan untuk merangsang mata kita secara signifikan lebih cepat dan untuk waktu yang lama span. Ini pada gilirannya berarti bahwa pengguna akan tidak hanya menguraikan makna di balik ikon lebih cepat, tetapi secara keseluruhan diharapkan keterlibatan waktu akan jauh lebih kecil.

Bayangkan memiliki beberapa perangkat lunak yang kompleks dengan banyak alat bantu dan fungsi. Sekarang, apa yang akan ia terlihat seperti jika semua alat yang digambarkan menggunakan label, yaitu teks bukan simbol? Meskipun Anda mungkin dapat mengetahui posisi dari beberapa dari mereka, itu akan dengan cepat menjadi overload visual yang akhirnya akan membuat Anda benci itu bagian dari perangkat lunak.

Percaya atau tidak, ada alasan yang nyata mengapa kita pindah dari antarmuka baris perintah, dan itu sebagian besar ada hubungannya dengan estetika dan kemudahan interaksi.

Eye Candy

Melampaui ide fungsionalitas, ikon berperilaku sebagai pemicu visual yang berarti tidak hanya untuk menggambarkan sebuah ide lebih cepat, tetapi juga untuk melakukannya dalam cara yang menyenangkan ke mata.

Sebagai contoh, saya ingin memikirkan sebuah perangkat layar sebagai salah satu rak-rak yang saya biasanya berjalan-jalan melewati ketika saya lakukan saya berbelanja di pasar mini lokal. Jika produk dibungkus dalam cara yang berwarna-warni, eye-catching, maka perhatian saya langsung tertarik pada mereka, meskipun kadang-kadang aku bahkan tidak perlu produk — saya hanya tertarik untuk melihat apa yang dikandungnya.

Yang sama dapat dikatakan tentang ikon, karena semakin baik mereka tampak, semakin memaksa pengguna akan menatap mereka dan kemudian terlibat dalam interaksi, yang kadang-kadang adalah persis apa yang kita inginkan mereka lakukan.

3. cara membuat ikon

Oke, sehingga sampai saat ini kami telah berbicara tentang ikon apa dan mengapa kita menggunakan mereka. Sekarang saatnya untuk mendapatkan rasa apa yang dibutuhkan untuk membuat satu.

3.1. tahap penelitian

Setiap kali Anda mulai bekerja pada sebuah proyek berbasis ikon baru, ada beberapa aspek penting yang perlu Anda tahu sebelum Anda pergi melalui proses sebenarnya bangunan ikon.

Saya sebut ini "penelitian fase" karena itu adalah pada dasarnya semua yang Anda akan lakukan. Anda akan menghabiskan beberapa menit atau jam, tergantung pada waktu dan kesabaran yang Anda miliki, mencari jawaban untuk beberapa pertanyaan dasar.

research phase

Variasi ukuran berapa banyak Apakah Anda perlu?

Pertanyaan pertama yang Anda harus selalu bertanya pada diri sendiri ada hubungannya dengan jumlah variasi ukuran yang Anda butuhkan untuk membuat untuk ikon khusus.

Apakah Anda perlu ikon satu, dua, atau mungkin lebih?

Jika, untuk beberapa alasan, Anda akhirnya bekerja pada sebuah proyek ukuran single, maka bagian ini harus cukup mudah untuk pergi ke. Di sisi lain, jika Anda perlu menyediakan berbagai ukuran, maka Anda mungkin menemukan diri Anda dalam sebuah acar, terutama jika Anda melakukan pekerjaan klien tetapi tidak memiliki singkat jelas menunjukkan nilai yang diperlukan.

how many size variations do you need

Untungnya bagi kita, sebagian besar nilai-nilai ini telah menjadi industri "standar", yang berarti bahwa Anda tidak perlu membuang waktu untuk bermain dengan angka untuk mengetahui apa yang berhasil dan apa yang tidak.

Jika Anda tahu mana ikon akan digunakan, Anda biasanya dapat menemukan nilai ukuran yang diperlukan dengan melakukan pencarian Google sederhana.

Ikon kecil:

  • 12 x 12 px
  • 16 x 16 px
  • 24 x 24 px
  • 32 x 32 px
  • 48 x 48 px

Ikon menengah:

  • 64 x 64 px
  • 96 x 96 px
  • 128 x 128 px
  • 256 x 256 px

Ikon besar:

  • 512 x 512 px
  • px 1024 x 1024

Quick tip: jika Anda mengambil melihat lebih dekat pada nilai-nilai ukuran di atas, Anda akan segera melihat bahwa sebagian besar dari mereka benar-benar dibuat oleh menggandakan jumlah sebelumnya: 12 > 24 > 48 > 96; 16 > 32 > 64 > 128 > 256 > 512 > 1024.

Dalam beberapa kasus, seperti untuk aplikasi mobile, Anda dapat menemukan petunjuk rinci langsung dari produsen OS yang dimaksudkan untuk membantu Anda keluar:

Apa yang akan Anda ukuran dasar?

Ketika bekerja pada proyek-proyek multi-ukuran, saya sangat menyarankan Anda selalu mulai dari terkecil addressable ukuran mungkin.

Ini akan menjadi ukuran Anda dasar, yang nantinya akan Anda gunakan untuk membuat semua yang diperlukan lainnya. Alasan ada hubungannya dengan sifat pixel sempurna bentuk Anda, yang akan rusak jika Anda membangun besar dan kemudian mencoba untuk mendapatkan variasi kecil dengan ukuran mereka.

Ketika datang untuk memilih nilai dasar ukuran sebenarnya, itu semua tergantung pada persyaratan proyek, tetapi aturan umum adalah bahwa Anda harus selalu pergi sekecil mungkin.

choosing a base size

Sebagai contoh, jika saya harus membuat tiga variasi (16 x 16 px, 32 x 32 px, dan 64 x 64 px), saya akan selalu pastikan untuk memulai dengan 16 x 16 px sebagai basis saya ukuran, dan kemudian membuat yang lain dengan menggandakan itu.

Apa yang subjek fitur mendefinisikan utama?

Setelah kami telah mengetahui masalahnya ukuran, kita perlu mengambil beberapa saat dan memecah konsep yang kita akan menjadi menggambarkan. Bagi saya pribadi, langkah ini adalah suatu keharusan karena memungkinkan saya untuk mengidentifikasi dan mengisolasi ciri-ciri yang utama.

Anda dapat dengan mudah melakukan ini dengan meraih selembar kertas atau dengan membuka dokumen teks, dan kemudian secara bertahap menuliskan pengamatan singkat (kata kunci) yang ada hubungannya dengan bentuk, ukuran, warna, menyusun elemen fitur-fitur, dll.

icon main features

Sementara beberapa cenderung menghabiskan lebih sedikit waktu pada bagian dari penelitian, menambahkan menit tambahan dapat membuktikan menjadi berguna, terutama jika Anda baru mulai keluar, karena itu akan membuat segalanya lebih mudah ketika datang untuk mendapatkan "rasa" dari subjek.

Gaya apa yang Anda gunakan?

Pada titik ini, kita dapat dan harus mulai berpikir "gaya", atau dengan kata lain terlihat bahwa ikon kami akhirnya akan merangkul.

Kembali pada hari, hal-hal yang sangat berbeda, karena gaya ikon yang pertama yang didiktekan oleh teknologi tampilan terbatas. Yang pada gilirannya berakhir membentuk cara simbol-simbol visual tampak, tapi juga meletakkan dasar untuk pertama pernah style, yang digunakan bentuk didefinisikan oleh tebal, hard lines untuk bagian luar dan orang-orang yang lebih tipis untuk rincian batin.

Hari ini, bahwa hambatan pixel telah lama telah menyeberang, memungkinkan kita untuk tumbuh dan menciptakan gaya yang baru, yang terus berkembang dan berubah.

example of same icon in multiple styles

Gaya paling populer adalah:

  • pixel seni
  • datar
  • bahan
  • garis seni
  • isometrik
  • Mesin terbang
  • skeuomorphic
  • dimensi
  • digambar tangan
  • animasi

Secara pribadi, ketika datang untuk memilih yang mencari ikon masa depan saya, saya biasanya berakhir akan Dribbble.com, mana saya cenderung untuk luangkan beberapa menit untuk menganalisis tren saat ini. Seperti aku gulir ke atas dan ke bawah, aku cepat mengelola untuk mendapatkan ide dari apa yang saya ingin lakukan, dan kemudian saya mencoba untuk tetap berpegang pada itu.

Bahwa menjadi kata, saya sangat menyarankan Anda mendapatkan ide bagus tentang apa Anda bertujuan untuk dari awal, karena kalau tidak Anda mungkin menemukan diri Anda kehilangan banyak waktu dengan pergi bolak-balik melalui gaya yang berbeda.

Oh, dan satu hal lagi, Harap jangan jadi bahwa desainer yang melihat sesuatu yang baik dan kemudian sepenuhnya copy pekerjaan orang lain, meletakkan itu di luar sana sebagai mereka sendiri. Sementara beberapa orang merekomendasikan pendekatan ini untuk belajar dan tumbuh, itu adalah apa itu akhirnya harus, sebuah latihan di mana Anda mencoba untuk mengetahui bagaimana beberapa hal yang dilakukan.

Jika menyalin semua yang Anda akan lakukan, maka Anda mungkin tidak pernah mencapai titik itu mana Anda mengembangkan gaya pribadi, yang adalah apa yang membedakan seorang desainer baik ikon dari sisa.

Jika Anda ingin mengetahui lebih lanjut tentang subjek ini, saya sangat menyarankan Anda membaca gaya saya 10 yang telah mengubah wajah ikon desain artikel, yang akan memecah gaya yang ada utama dan ciri-ciri mereka.

10 styles that have changed the face of icon design
10 gaya yang telah mengubah wajah ikon desain

Bagaimana menemukan inspirasi

Tergantung pada sifat dari proyek yang Anda mengambil, apakah itu satu pribadi atau kerja klien, Anda akan akhirnya menemukan diri membutuhkan beberapa inspirasi. Tahap ini cukup terjerat dengan memilih gaya yang satu, karena ini adalah di mana Anda mulai meletakkan dasar untuk ikon masa depan Anda.

Jadi bagaimana Anda pergi tentang mendapatkan perasaan yang terinspirasi?

Yah, cara terbaik untuk mendapatkan jus kreatif Anda mengalir adalah untuk menciptakan apa yang dikenal sebagai "mood papan" (atau Inspirasi Dewan).

Seperti namanya, papan suasana hati adalah koleksi, atau lebih tepatnya sebuah kolase berbasis gambar ide, mulai dari palet warna untuk foto, ilustrasi, tekstur, tipografi, dll. Ini membantu Anda Dapatkan arah untuk apa Anda akhirnya ingin produk Anda merasa seperti.

Sebagai seorang desainer, Anda terus-menerus sedang bookmark barang-barang yang meraih perhatian Anda, tapi kadang-kadang hal ini agak sulit untuk melacak mereka semua, terutama ketika Anda perlu melihat mereka semua sekaligus.

Ini adalah di mana alat-alat seperti Pinterest dan Instagram datang berguna, karena mereka memungkinkan Anda untuk membuat suasana papan di klik sebuah tombol.

Alternatif lain, yang saya tahu banyak orang cenderung menggunakan, adalah untuk men-download gambar pilihan yang Anda buat, dan kemudian membuat suasana hati Dewan secara langsung dalam suite grafis Anda.

Jika Anda menggunakan satu-monitor setup kemudian ini mungkin bekerja lebih baik untuk Anda, tetapi jika Anda berada di tim ganda, Anda mungkin mempertimbangkan untuk menggunakan pendekatan pertama.

Ketika datang ke gambar sebenarnya diri, saya biasanya bergantung pada salah satu sumber informasi berikut:

Kadang-kadang, Anda akan menemukan diri dalam situasi dimana Anda memiliki subjek lebih rumit yang Anda mungkin memerlukan bantuan dengan untuk mengetahui simbol yang digunakan untuk itu. Ketika ini terjadi, saya biasanya pergi ke benda proyek atau Iconfinder dan melakukan pencarian sederhana, yang selalu membawa sejumlah besar gambar yang membantu saya memahami subjek yang lebih baik.

Pada titik ini, Anda harus mencakup semua pertanyaan di atas, yang berarti bahwa kita sekarang siap untuk melanjutkan ke tahap berikutnya.

3.2 tahapan membangun.

Jadi, Anda sudah tahu ukuran dasar Anda, memutuskan variasi ukuran, dan bahkan mengatur sedikit suasana papan, yang membawa kita ke tahap kedua proses.

Sekarang, terlepas dari perangkat lunak yang Anda gunakan-Adobe Illustrator, Adobe Photoshop, desain afinitas, sketsa, dll-bagian berikutnya ini adalah hampir sama, karena Anda dapat menerapkan konsep-konsep ke salah satu Suite grafis yang sudah ada.

Yang sama dapat dikatakan tentang sistem operasi yang berbeda, karena Apakah Anda pengguna Mac atau Windows, Anda akan mampu mencapai hasil yang sama dengan mengikuti proses yang sama.

Bahwa menjadi kata, mari kita lihat apa yang dibutuhkan untuk mulai membangun ikon Anda.

Membuatnya sempurna Pixel

Pada titik ini, sebagian besar program sudah datang telah dikonfigurasikan untuk membantu Anda membuat ikon Anda dengan pixel kesempurnaan dalam pikiran.

Jika Anda pertama kali mendengar tentang ide ini, maka saya sangat menyarankan Anda mengambil beberapa saat dan pergi melalui saya bagaimana untuk membuat karya seni Pixel sempurna artikel, yang harus membawa Anda sampai dengan kecepatan.

how to create pixel perfect artwork
Cara membuat karya seni Pixel sempurna dalam Adobe Illustrator

Sekarang, dengan asumsi Anda telah selesai membaca artikel di atas, pertanyaannya adalah apakah atau tidak kita harus dimasukkan ke dalam waktu dan beradaptasi dengan alur kerja ini lebih ketat.

Yah, secara pribadi saya telah menggunakannya selama lebih dari lima tahun sekarang, dan tidak peduli berapa banyak lebih banyak waktu itu mungkin berakhir makan, aku masih percaya itu adalah semua worth it. Jika Anda mengambil melihat bagaimana hal-hal yang awalnya dilakukan kembali di tahun-tahun awal ini kerajinan, ketika resolusi masalah, Anda akan melihat bahwa ikon dibangun menggunakan grids pixel, bentuk ukuran tidak acak.

Mengatur File proyek tepat

Langkah pertama untuk menciptakan ikon Anda sendiri, atau ikon Pak, adalah untuk mengatur file proyek baru. Sederhana, benar? Yah, tidak benar-benar, karena jika Anda baru mulai, ada beberapa hal yang Anda harus menyadari.

Profil

Pertama, Anda harus selalu memastikan bahwa dokumen Anda profil diatur ke Web, karena ikon yang biasanya digunakan dalam media digital.

Hal ini benar-benar penting, karena profil yang berbeda akan memiliki warna yang berbeda sistem (Web menggunakan RGB, sementara menggunakan cetak CMYK), yang mungkin mengakibatkan representasi warna yang tidak diinginkan ketika dilihat oleh orang lain.

Satuan ukur

Selanjutnya, kami memiliki unit pengukuran yang digunakan untuk menggambarkan lebar, tinggi, sudut radius, stroke berat, dan spasi digunakan untuk menyusun bentuk yang berbeda.

Secara default, unit harus selalu diatur untuk Pixel selama Anda memastikan bahwa dokumen ini dimaksudkan untuk digunakan untuk web.

Kami menggunakan piksel bukan sesuatu yang lain karena Universal disepakati unit digunakan untuk mengukur produk digital.

Jumlah Artboards

Setelah Anda telah mengatur profil dan unit dokumen Anda, Anda perlu untuk mengetahui jika Anda akan menggunakan satu Artboard lebih besar atau lebih kecil yang beberapa.

Saran saya adalah untuk selalu mencoba untuk mengambil rute kedua, karena itu akan membuat sesuatu jauh lebih mudah ketika datang untuk mengekspor ikon.

Melampaui itu, memiliki beberapa Artboards berarti Anda dapat lebih mudah fokus pada salah satu asset pada waktu, karena Anda secara bertahap membangun paket Anda.

Menggunakan lapisan

Apakah Anda membuat ikon, atau seluruh paket, Anda harus selalu mencoba dan menggunakan beberapa lapisan untuk memisahkan aset Anda dari grid referensi Anda.

use layers

Dengan demikian, Anda dapat dengan mudah membangun ikon Anda tanpa harus khawatir bahwa Anda akan bergerak atau kelompok yang mendasari grids oleh kesalahan.

Melampaui itu, ini akan membantu Anda selama proses ekspor, karena Anda akan ingin untuk dapat menyembunyikan grid Anda.

Menggunakan Grids referensi

Menurut definisi, "kotak referensi" adalah alat visual yang terdiri dari pedoman geometris yang dimaksudkan untuk membantu Anda mencapai konsistensi ukuran di seluruh ikon Anda.

Hal ini dapat yang sederhana seperti dua kotak ditumpuk di atas satu sama lain, atau Anda dapat menggunakan sesuatu yang sedikit lebih rumit. Secara pribadi, saya lebih memilih untuk pergi dengan yang lebih mendasar karena ia melakukan pekerjaan lebih baik dari yang diharapkan.

example of complex reference grid

Biasanya, saya memulai dengan menciptakan permukaan referensi utama menggunakan tepat lebar dan tinggi nilai yang sama sebagai Artboard mendasari saya. Kemudian saya menambahkan satu sedikit lebih kecil yang disebut daerah gambar aktif, yang mana saya akan menjadi posisi semua aset saya yang menyusun bentuk.

Ini akan memberi saya all-around pelindung padding, yang saya selalu termasuk dalam rangka untuk memastikan bahwa ikon tidak mendapatkan dipotong setelah mereka mendapatkan disampaikan dan kemudian digunakan oleh klien.

Ketika bekerja pada beberapa ikon, aturan emas saya adalah untuk memutuskan apakah atau tidak saya akan mengisi lebar dan tinggi dari gambar daerah aktif atau hanya salah satu dari mereka, tergantung pada gaya yang saya akan untuk. Setelah saya mencari hal ini, saya akan mengambil pemerintahan dan menerapkannya ke semua saya aset lainnya, sehingga mencapai konsistensi yang bertujuan untuk aku.

4. do 's dan Don'ts menciptakan ikon

Setelah Anda selesai mengatur file proyek, lapisan, dan referensi grid, semua yang tersisa adalah untuk mulai bekerja pada ikon sebenarnya. Sekarang, tergantung pada gaya yang Anda akan, ada beberapa hal yang Anda harus menyadari.

Tetap sederhana

Ketika kita mulai belajar sesuatu yang baru, kita selalu punya keinginan untuk menciptakan pada yang lebih tinggi tingkat, karena kita cenderung untuk melihat apa yang orang lain lakukan dan berpikir, "Yah, itu tidak dapat sulit."

Sementara saya tidak meragukan kemampuan Anda untuk mengumpulkan sesuatu yang benar-benar menakjubkan, aku benar-benar merekomendasikan Anda mulai dengan melakukan desain yang sederhana pada awalnya, sehingga Anda dapat secara bertahap membangun keahlian Anda dalam cara yang lebih organik.

Selain itu, kadang-kadang sederhana lebih baik karena gagasan untuk menggambarkan topik-apakah itu adalah sebuah objek, fungsi, atau ide — sedemikian rupa sehingga setiap pengguna dapat langsung memahami.

Mulai dengan bentuk dasar

Jika Anda memiliki waktu yang sulit bekerja pada sebuah proyek, ide terbaik adalah untuk mengambil langkah mundur dan kemudian fokus pada meletakkan bentuk dasar subjek. Apakah Anda menggunakan persegi panjang, lingkaran, atau keduanya, cobalah untuk melonggarkan dan melihat bagaimana Anda bisa membangun ikon Anda dengan berfokus pada bagian pembentuk yang utama.

Sekali Anda telah meletakkan dasar, Anda dapat kemudian mulai menyesuaikan blok bangunan utama dan secara bertahap menambahkan rincian ke mereka sampai Anda mencapai bentuk yang diinginkan.

Fokus pada warna

Banyak waktu, saya melihat pekerjaan luar biasa yang meletakkan di luar sana acak materi yang menaruh banyak perhatian ke dalam komposisi mereka, tapi untuk beberapa alasan gagal ketika datang ke warna. Percaya atau tidak, palet warna dapat membuat atau istirahat karya seni Anda indah, itulah sebabnya saya percaya itu penting bahwa Anda meluangkan waktu dan belajar semua yang Anda dapat tentang teori warna.

Jika Anda merasa malas atau tidak punya waktu untuk mulai membaca buku-buku tentang subjek ini, maka hanya melihat beberapa ikon (yang baik), dan mencoba dan menganalisis cara pencipta mereka digunakan warna untuk membawa mereka untuk hidup.

Kadang-kadang, belajar dengan melihat lain contoh seseorang dapat api up memori otot jauh lebih cepat, mengajar pikiran Anda yang warna bekerja dan yang tidak.

Hindari menggunakan teks dalam ikon Anda

Yang satu ini seperti no-brainer, karena seluruh ide di balik ikon adalah untuk menghilangkan kebutuhan untuk surat-surat tertulis yang harus diganti dengan simbol-simbol.

Tentu saja, akan selalu ada beberapa situasi ketika Anda benar-benar perlu menggunakan huruf untuk membedakan satu ikon dari yang lain. Contoh terbaik adalah ketika Anda perlu untuk mengumpulkan dokumen bertema ikon paket, mana Anda perlu untuk menggambarkan PNG file, JPEG dan SVG. Karena bentuk dokumen perlu tetap sama, Anda pendekatan yang terbaik untuk melakukan hal ini akan menambahkan label kecil ke pusat setiap dokumen untuk membiarkan pengguna mengetahui yang mana adalah yang mana.

Anda dapat menemukan daftar lebih lanjut dengan membaca saya Top 10 Tips untuk menciptakan ikon Awesome, yang harus membawa lebih banyak terang dengan subjek ini.

10 top tips for creating awesome icons
Top 10 Tips untuk menciptakan ikon mengagumkan

Beberapa gaya, seperti ikon baris, memerlukan sedikit lebih banyak perhatian ketika datang ke proses bangunan yang sebenarnya. Dari jalan tumpang tindih untuk stroke positioning, saya sudah menutupi semua berbeda sudut dan celah yang Anda butuhkan untuk sadar ketika menciptakan semacam ikon ini.

the dos and donts of creating line icons
Do 's dan Don'ts menciptakan ikon baris

5. umum masalah

Selanjutnya, kita akan dengan cepat pergi melalui beberapa masalah yang paling umum bahwa Anda harus berurusan dengan ketika bekerja pada ikon baru.

Bentuk rotasi

Ini mungkin adalah yang paling menjengkelkan ketika datang untuk bekerja pada ikon pixel sempurna, sejak kapan saja Anda memutar bentuk, itu akan langsung snap off Grid Pixel yang mendasari. Ketika ini terjadi, bentuk yang lebar dan tinggi nilai akan berubah menjadi nilai-nilai desimal, yang biasanya ditunjukkan oleh perangkat lunak mengubah panel.

example of shape snapping off the pixel grid after being rotated

Meskipun Anda mungkin berpikir bahwa ini bukan suatu masalah besar, Anda akan segera menemukan bahwa itu benar-benar, karena jika Anda perlu untuk menyelaraskan bentuk ke tepi dari salah satu, Anda hanya tidak akan mampu.

Tergantung pada kompleksitas bentuk, sering kali Anda dapat memperbaiki masalah dengan memilih secara individual jangkar/node, dan kemudian menjentikkan mereka kembali ke tempat ke persimpangan gridline terdekat.

Secara pribadi, saya cenderung untuk tinggal jauh dari bentuk diputar dan hanya menggunakannya ketika saya benar-benar harus, pastikan untuk melakukan yang terbaik untuk mengambil mereka kembali ke Pixel Grid.

Menciptakan variasi ukuran

Jadi Anda telah berhasil membuat ukuran dasar untuk ikon Anda, tetapi bagaimana tentang menambahkan beberapa variasi ukuran yang berdasarkan itu?

Well, proses itu sendiri cukup sederhana, karena sebagian besar waktu Anda harus lakukan adalah dua kali ukuran ikon Anda saat ini menggunakan kenaikan 200%.

Misalnya, jika Anda memiliki ikon yang adalah 64 x 64 px, Anda dapat dengan mudah membuat variasi ukuran berikutnya dengan menggandakan nilai lebar dan tinggi, 128 x 128 begitu px.

Anda dapat mengetahui lebih lanjut tentang proses ini dengan membaca artikel saya bagaimana untuk skala ikon dengan benar dalam Adobe Illustrator, yang menyajikan konsep yang dapat digunakan di sebagian besar Suite grafis.

how to scale icons correctly in adobe illustrator
Bagaimana skala ikon dengan benar dalam Adobe Illustrator

6. bagaimana untuk mengekspor ikon Anda

Kami telah pergi melalui langkah-langkah utama yang diperlukan untuk membuat ikon, jadi sekarang mari kita mengambil beberapa saat dan berbicara tentang apa yang kita perlu sadar ketika ekspor.

Bagian terakhir ini proses, sementara itu mungkin tampak rumit, benar-benar benar-benar sederhana.

Memilih Format yang tepat

Hal pertama yang perlu Anda lakukan adalah mencari tahu apa format file yang Anda akan menggunakan untuk menyimpan desain akhir Anda.

Biasanya, ketika membuat ikon, Anda akan ingin ekspor mereka menggunakan latar belakang transparan, sehingga mereka dapat digunakan pada permukaan yang berwarna. Fitur ini didukung oleh raster format berkas berikut:

Dari semua dari mereka, Anda akan biasanya berakhir menggunakan PNG karena menawarkan lengkap kompatibilitas, menggunakan footprint yang sangat kecil ketika datang ke ukuran. Ini berarti bahwa hal itu dapat pada dasarnya digunakan di mana saja, apakah itu sebuah situs web, aplikasi desktop, aplikasi mobile, dokumen Word, dll.

SVG adalah berubah menjadi format populer lain untuk web karena format terukur yang Anda dapat menyesuaikan on the fly dan mengubah ukuran tanpa kehilangan kualitas.

Menyimpannya secara individual

Ketika datang ke proses itu sendiri, itu bervariasi dari tool untuk alat. Beberapa dilengkapi dengan alat-alat mengekspor yang berdedikasi, sementara orang lain masih mengandalkan metode yang lebih tradisional.

Tidak peduli perangkat lunak yang Anda gunakan, tujuan utama adalah untuk selalu pastikan untuk menyimpan setiap ikon sebagai file individu sendiri, penamaan mereka bila memungkinkan.

Memperluas kemampuan ikon-bangunan Anda!

Sekarang bahwa kita telah mencapai akhir artikel, aku ingin meninggalkan Anda dengan beberapa tangan-memungut tutorial yang harus membuat Anda bangun dan berjalan dalam waktu singkat!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.