7 tips ahli tentang ikon Web mengatur penggunaan dan manfaat
- Jeff Roscher: itu menambahkan gaya sederhana yang bagus yang menurut pelanggan modern dan menarik
- Rachel Foley: cara yang terjangkau untuk mengakses perpustakaan ikon besar dengan mudah
- Andrew Ruditser: ketika Font Awesome ditingkatkan, kami pun demikian
- Jeff Romero: itu membuat kecepatan halaman lebih cepat
- Vance: sangat bagus ketika Anda tidak memiliki desainer di tim Anda
- Sunny Ashley: sederhana, bersih, dan langsung dikenali untuk pengunjung baru
- Burak Özdemir: Ikon Bulu tidak menyebabkan ukuran DOM yang berlebihan
Apakah Anda bertanya-tanya tentang menggunakan set ikon untuk situs web Anda dan mana yang harus dipilih? Kiat ahli ini mungkin hanya meyakinkan Anda tentang apa yang sudah diketahui oleh banyak pengembang web profesional: jauh lebih mudah untuk mencari ikon dari set ikon yang disertakan, daripada menemukan ikon satu per satu dan menemukan cara untuk membuatnya konsisten bersama.
Kami meminta komunitas untuk kiat terbaik mereka menggunakan set ikon, dan banyak dari mereka sepakat untuk menggunakan set ikon Font Awesome yang populer, tetapi bagaimanapun itu bukan satu-satunya ikon set yang tersedia di pasar.
Kumpulan ikon apa yang Anda gunakan? Beri tahu kami di komentar!
Apakah Anda menggunakan ikon tertentu yang ditetapkan untuk situs web Anda? Apakah Anda menggunakan Font Awesome untuk penggunaan tertentu (mis. Dengan Shopify, untuk nawala, ...)? Jika demikian, mengapa Anda menggunakannya, dan apa pengalaman Anda dengan set ikon? Sudahkah Anda menggunakan CDN mereka, apakah Anda memperhatikan ada peningkatan untuk penggunaan Anda?Jeff Roscher: itu menambahkan gaya sederhana yang bagus yang menurut pelanggan modern dan menarik
Kami menggunakan Font Awesome di eWorkOrders.com. Ini adalah bagian dari situs pemasaran kami dan penawaran perangkat lunak kami sebagai layanan (SAAS), sistem manajemen pemeliharaan terkomputerisasi (CMMS). Di situs pemasaran kami, ia menambahkan gaya simpel yang bagus yang menurut calon pelanggan modern dan menarik. Kami telah menambahkan acara perbatasan dan mouseover yang menarik untuk menjadikannya lebih interaktif dan menarik. Untuk pelanggan kami, ikon Font Awesome digunakan sebagai isyarat visual di dalam bidang input untuk membantu mengidentifikasi jenis data apa yang harus dimasukkan, seperti ikon kalender di bidang tanggal, amplop di bidang alamat email, atau ikon telepon di bidang untuk nomor telepon. Mereka digunakan pada tombol fungsional, seperti edit, salin, dan cetak.
Ikon tersebut digunakan untuk memberikan informasi visual cepat tentang data seperti ikon seru merah di sebelah perintah kerja yang sudah lewat waktu atau ketika ada sesuatu yang perlu diperhatikan. Mereka ada di beberapa tempat lain juga hanya untuk membuat program terlihat lebih bagus ..
Font Keren telah luar biasa! CDN mereka cepat dan ada banyak opsi untuk setiap jenis ikon yang kami butuhkan. Kami tidak pernah kecewa.
Jeff adalah presiden dari eWorkOrders.com. eWorkOrders adalah CMMS berbasis web yang mudah digunakan yang membantu pelanggan mengelola permintaan layanan, perintah kerja, aset, pemeliharaan preventif, dan banyak lagi.
Rachel Foley: cara yang terjangkau untuk mengakses perpustakaan ikon besar dengan mudah
Di Petakan Pelanggan Saya, kami sepenuhnya mengandalkan Font Awesome untuk ikonografi kami di semua saluran pemasaran dan produk kami termasuk:
- Situs web
- Media sosial
- Grafik Kustom
- Aplikasi Seluler
- aplikasi website
Kami menggunakan Font Awesome karena ini cara yang terjangkau untuk mengakses perpustakaan ikon besar dengan mudah. Gaya lebih pada sisi main-main yang selaras dengan merek kami; ditambah, kemampuan bagi kita untuk memanfaatkan bobot dan gaya ikon yang berbeda memberi kita kebebasan.
Kami menggunakan CDN untuk aplikasi kami yang memungkinkan untuk merasakan pengalaman pengguna produk yang sangat konsisten. Plus - sangat mudah untuk ditingkatkan bila perlu. Dengan materi pemasaran, kami sedikit lebih fleksibel dan menggunakan campuran CDN, instalasi lokal kami dan versi vektor.
FA selalu dapat diandalkan bagi kami sejak kami sepenuhnya diadopsi pada bulan Januari.
Rachel adalah perancang web dan profesional pemasaran konten berbasis NYC dengan dorongan untuk meningkatkan merek B2B yang berkembang dan membangun kesuksesan pemasaran jangka panjang melalui strategi SEO. Dia saat ini di Petakan Pelanggan Saya, perusahaan perangkat lunak penjualan B2B yang menciptakan solusi untuk tim penjualan lapangan.
Andrew Ruditser: ketika Font Awesome ditingkatkan, kami pun demikian
Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their Media sosial Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.
Font Awesome sekarang menawarkan beragam ikon untuk dipilih. Kami menemukan fleksibilitas ini berguna bagi kami dari fase Desain hingga fase Pengembangan kami. Untuk Font Awesome, platform mereka menawarkan dua opsi untuk pengguna mereka. Opsi Pertama adalah layanan Gratis, yang menawarkan 1.588 ikon gratis untuk dipilih. Pilihan kedua adalah keanggotaan Pro, yang menawarkan 7.842 ikon. Perusahaan ini juga memiliki apa yang kita sebut lembar contekan Ikon. Daftar ini menampilkan semua ikon yang ditawarkan Font Awesome, yang memberi tahu kami jika mereka adalah bagian dari paket gratis atau paket pro.
Untuk menambahkan, Font Awesome juga menawarkan opsi untuk menarik kode mereka dari CDN mereka. Kami sangat merekomendasikan rute mereka. CDN mereka memiliki waktu respons yang cepat, dan kami hanya memiliki sedikit no di antara situs kami dan platform mereka.
Andrew Ruditser, Koordinator Teknologi Utama
Jeff Romero: itu membuat kecepatan halaman lebih cepat
Kami mengembangkan situs web khusus di Wordpress untuk klien bisnis skala kecil hingga menengah. Kami secara historis menggunakan gambar untuk mewakili berbagai ikon di situs web kami mulai dari profil media sosial hingga ikon telepon dan email. Proses untuk menggunakan gambar untuk ikon memerlukan menemukan set ikon yang konsisten, mengunggahnya dan kemudian mengubah ukurannya untuk memastikan mereka sesuai dengan situs.
Meskipun ini adalah file gambar kecil, ini sedikit proses untuk mendapatkan serangkaian ikon yang konsisten dan menyesuaikannya dengan templat situs. Sekarang, menggunakan Font Awesome dan plugin Wordpress-nya, kita dapat mengganti ikon dengan seperangkat media yang konsisten yang hanya memerlukan menyalin / menempelkan satu baris HTML. Bahkan lebih baik, ikon dapat diubah ukurannya dengan sejumlah kecil CSS (menggunakan properti ukuran font). Ikon ditampilkan lebih baik daripada ikon berbasis gambar dan terlihat jelas di perangkat seluler. Akhirnya, karena ini adalah baris HTML daripada file gambar, itu membuat kecepatan halaman lebih cepat.
Jeff Romero adalah salah satu pendiri Octiv Digital, agen pemasaran digital yang berspesialisasi dalam strategi SEO lokal dan perusahaan, manajemen iklan bayar per-klik, desain / pengembangan web, dan layanan analisis pemasaran.
Vance: sangat bagus ketika Anda tidak memiliki desainer di tim Anda
Sebagai pengembang web, saya menggunakan Font Awesome sebagai solusi cepat untuk banyak ikon yang bagus. Yang sedang berkata, Font Awesome sangat baik ketika Anda tidak memiliki desainer di tim pengembangan Anda. Ini berguna untuk mengembangkan plugin Wordpress karena pengembang dapat menanamkannya ke dalam plugin mereka menggunakan CDNs Font Awesome dalam waktu singkat.
Pengalaman saya dengan Font Awesome sejauh ini bagus. Tetapi itu tidak berarti bahwa itu tidak memiliki kekurangan. Salah satu kelemahan yang jelas adalah kecepatan memuat halaman (kinerja). Karena ini solusi cepat, Anda harus menyematkan serangkaian ikon meskipun Anda hanya menggunakan beberapa ikon. Itu dapat menurunkan kecepatan pemuatan situs web dan skor Google Page Speed (PSI).
Vance, pengembang web, dan pemilik web.
Sunny Ashley: sederhana, bersih, dan langsung dikenali untuk pengunjung baru
Kami menggunakan ikon Font Awesome di footer situs web kami. Secara khusus, kami menggunakan ikon Facebook, Twitter, dan LinkedIn untuk merujuk saluran media sosial kami. Mereka sederhana, bersih, dan langsung dikenali untuk pengunjung baru. Seperti yang diketahui pengguna Font Awesome lainnya, mereka juga sangat cepat dan mudah dikonfigurasi.
Sunny Ashley, pendiri dan CEO Autoshopinvoice. Autoshopinvoice menyediakan perangkat lunak manajemen toko untuk bengkel dan garasi perbaikan independen.
Burak Özdemir: Ikon Bulu tidak menyebabkan ukuran DOM yang berlebihan
Feather Icons adalah kumpulan ikon open-source yang dapat dibaca, menyenangkan secara visual yang dirancang dan dikelola oleh Cole Bemis. Pada Juni 2020, ada lebih dari 280 ikon yang tersedia. Semua ikon yang disediakan oleh Feather Ikon adalah berlisensi MIT, dan dapat diunduh secara terpisah sebagai file SVG. Anda dapat menyesuaikan ukuran ikon, warna goresan ikon, dan lebar goresan di situs web Feather Icon sebelum mengunduhnya.
Ikon Bulu dapat menjadi pilihan yang bagus untuk situs web atau proyek Anda jika Anda seorang pengembang atau tahu cara menangani beberapa tugas dasar front-end. Karena ikon-ikon ringan ini juga dapat dirender dengan pustaka JavaScript modular, mereka tidak menyebabkan ukuran DOM yang berlebihan, metrik yang dapat merusak kinerja halaman web Anda. Dengan demikian, dengan menggunakan Feather Icons, Anda dapat menurunkan kecepatan pemuatan halaman lebih banyak dibandingkan dengan paket lain yang tersedia di pasaran. Satu-satunya downside menggunakan set ikon ini adalah bahwa Anda tidak dapat menemukan sebagian besar ikon merek.
Ikon Bulu
Burak Özdemir adalah pengembang web dari Turki. Ia berspesialisasi dalam membuat aplikasi berbasis web.
Michel Pinson adalah penggemar perjalanan dan pembuat konten. Menggabungkan hasrat untuk pendidikan dan eksplorasi, ia berkomitmen untuk berbagi pengetahuan dan menginspirasi orang lain melalui konten pendidikan yang memikat. Membuat dunia lebih dekat bersama dengan memberdayakan individu dengan keahlian global dan rasa nafsu berkelana.