Home-theater-designers
Sebagai seorang desainer web, perangkat lunak apa yang mutlak harus Anda miliki di komputer Anda? Kemungkinannya adalah Photoshop dan Illustrator. Dan sementara itu adalah inti dari alur kerja desain Anda, ada alat yang lebih kecil yang mungkin Anda tidak tahu Anda butuhkan.
Hal terbaiknya adalah, Anda bahkan tidak perlu mengunduhnya---cukup instal ekstensi Chrome ini dan pergilah. Dari mengidentifikasi font pada halaman hingga mengukur jarak antar elemen web, ekstensi Chrome desain web ini akan membuat hidup Anda lebih mudah.
1. Dropbox untuk Gmail
Dropbox dimulai sebagai layanan hosting file, tetapi segera diketahui bahwa audiens utamanya adalah desainer, yang menggunakan layanan ini untuk berbagi pekerjaan dengan rekan kerja. Karena file desain seringkali terlalu besar untuk lampiran email, lebih mudah untuk mengirim tautan Dropbox ke file tersebut.
Dropbox untuk Gmail membuat prosesnya semakin nyaman. Saat Anda menautkan ke file Anda menggunakan tombol Dropbox di bagian bawah jendela email baru, penerima dapat mengintip apa yang Anda kirim. Tautan ke file gambar akan mengunggah gambar langsung ke email, dan tautan ke jenis file lain akan menghasilkan pratinjau praktis.
Install: Dropbox untuk Gmail
2. FontFace Ninja
Dengan ribuan font yang tersedia, kemungkinan tipografi Anda tidak terbatas. Terutama jika Anda dapat mengidentifikasi font indah yang Anda lihat di suatu tempat dan meminjamnya untuk proyek Anda sendiri.
FontFace Ninja adalah ekstensi Chrome yang membantu Anda melakukan hal itu. Sama seperti alat yang menemukan font dari gambar ini membantu Anda mengidentifikasi font yang Anda lihat online. Satu-satunya perbedaan adalah bahwa FontFace Ninja membaca font yang dikodekan ke dalam CSS halaman, seperti jenis huruf heading dan teks isi.
Saat Anda meluncurkan FontFace Ninja, itu akan menampilkan informasi tentang font yang Anda arahkan --- dan tidak hanya jenis huruf, tetapi juga berat, ukuran, tinggi, lebar, dan warna. Untuk menandai font itu, Anda memerlukan akun di layanan saudara, FontFace Dojo .
Install: FontFace Ninja
3. ColorPick Eyedropper
Tidak peduli seberapa bagus mata untuk warna yang Anda miliki, sulit untuk membuat ulang bayangan tertentu yang Anda lihat secara online kecuali Anda mengetahui nilai RGB atau HTML-nya. Untungnya, Anda tidak perlu menebak apakah Anda memiliki ColorPick Eyedropper.
Suka aplikasi pemilih warna terbaik untuk Mac , ColorPick Eyedropper akan menunjukkan nilai untuk setiap warna yang Anda tunjuk. Perbedaannya adalah selalu ada di browser Anda dan Anda tidak perlu mengunggah apa pun --- cukup klik ikonnya dan pindahkan target ke tempat yang tepat.
Ekstensi membaca warna dari teks, gambar, dan hampir semua hal yang mungkin Anda lihat di halaman web (bahkan iklan). Setelah Anda menangkap warna, itu menunjukkan nilai HTML, RGB, dan HSL untuk itu.
Install: ColorPick Eyedropper
4. Dimensi
Ekstensi sumber terbuka ini adalah penemuan bagi desainer web, terutama jika Anda melakukan pertunjukan satu kali untuk bisnis kecil. Ketika klien memberikan Anda sebuah situs web tanpa file atau dokumentasi sebelumnya dan meminta Anda untuk mendesain 'halaman seperti ini, tetapi dengan teks dan gambar yang berbeda,' mencari tahu tata letak itu sulit.
cara mendapatkan informasi tentang seseorang
Dimensi memungkinkan Anda dengan mudah mengukur tinggi dan lebar setiap elemen pada halaman, serta margin di antara mereka. Itu membuatnya mudah untuk membuat ulang halaman yang ada dan memeriksa ulang desain Anda sendiri setelah mereka masuk ke produksi.
Install: Ukuran
5. Inspektur Visual
Visual Inspector adalah alat umpan balik dan kolaborasi yang kuat untuk tim desain, menggabungkan fitur dari tiga ekstensi sebelumnya dan menambahkan lebih banyak lagi.
Dalam Memeriksa tab, Anda dapat memilih elemen apa pun di halaman untuk mendapatkan informasi lengkap tentangnya, mulai dari dimensi hingga nama file. NS warna dan Tipografi subtab memungkinkan Anda melihat palet warna dan semua font secara sekilas, sementara Aktiva mengumpulkan semua gambar pada halaman di satu tempat.
NS Berkolaborasi tab adalah tempat Anda dapat memberikan umpan balik dan berdiskusi dengan tim Anda, dan mudah untuk meninggalkan komentar dengan mengeklik elemen apa pun di halaman.
apakah Anda perlu xbox gold untuk bermain fortnite?
Seperti kebanyakan alat canggih, Visual Inspector hadir dengan label harga: Anda harus membayar mulai dari /pengguna/bulan untuk menambahkan komentar dan menyinkronkan perubahan. Namun, fitur dasarnya seperti memeriksa warna, font, dan gambar, bebas digunakan.
Install: Inspektur Visual
6. Tangkapan Layar Mudah
Ekstensi tangkapan layar mungkin tampak berlebihan, karena mengambil tangkapan layar di Mac sangat mudah, dan menangkap layar Anda di Windows hanya sedikit lebih merepotkan. Tetapi Tangkapan Layar Mudah memiliki beberapa nilai jual.
Yang terpenting, ini memungkinkan Anda menangkap seluruh halaman web, bukan hanya area yang Anda lihat di layar. Itu sangat berharga ketika Anda perlu melaporkan beberapa masalah pada halaman yang panjang, dan menangkap semuanya akan membutuhkan tiga hingga empat tangkapan layar.
Trik rapi lainnya adalah dapat menyalin tangkapan layar ke clipboard dan menempelkannya langsung ke obrolan atau email, daripada menimbun file gambar yang tidak berguna di komputer Anda.
Install: Tangkapan Layar Mudah
7. Es 2
Akhirnya, ada satu tugas penting yang harus Anda tangani setiap pagi: mengibaskan sisa-sisa tidur dan masuk ke alur. Muzli 2 by InVision akan menjadi koran pagi Anda dengan artikel yang dikurasi tentang seni, desain, UX, dan teknologi.
Muzli menggantikan tab Chrome default Anda dan memungkinkan Anda untuk menyesuaikan apa yang Anda lihat di sana. Bergantung pada minat Anda, Muzli akan memilih umpan untuk Anda, dengan situs web mulai dari Dribble dan Behance hingga 99designs dan Creative Bloq. Banyak inspirasi untuk menelusuri saat Anda menyeruput kopi pertama Anda!
Jika menurut Anda seluruh tab browser yang dikemas dengan konten desain terlalu intens, Muzli juga memiliki versi Lite. Itu tidak akan menimpa tab default Anda, dan Anda akan dapat mengakses umpan kapan pun Anda mau hanya dengan mengeklik ikon ekstensi.
Install: Es 2
Dapatkan Ekstensi Chrome untuk Semua Tugas Desain Anda
Ekstensi Chrome dalam daftar ini tidak cocok untuk perangkat lunak desain Anda, tetapi ekstensi tersebut mencakup semua hal kecil yang menyertai menjadi seorang desainer---baik itu intel tipografi atau berkolaborasi dengan kolega Anda.
Setelah Anda menyadari bahwa Toko Web Chrome penuh dengan alat, mungkin sulit untuk berhenti menambahkan yang baru. Jadi belajarlah cara mengelola ekstensi Chrome Anda sebelum mereka lepas kendali.
Membagikan Membagikan Menciak Surel Apakah Layak Mengupgrade ke Windows 11?Windows telah didesain ulang. Tetapi apakah itu cukup untuk meyakinkan Anda untuk beralih dari Windows 10 ke Windows 11?
Baca Selanjutnya Topik-topik yang berkaitan- Internet
- Kreatif
- Google Chrome
- Desain web
- Ekstensi Peramban
Alice adalah penulis teknologi dengan titik lemah untuk teknologi Apple. Dia telah menulis tentang Mac dan iPhone untuk sementara waktu, dan terpesona dengan cara teknologi membentuk kembali kreativitas, budaya, dan perjalanan.
More From Alice KotlyarenkoBerlangganan newsletter kami
Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!
Klik di sini untuk berlangganan