7 Sambungan Chrome yang mesti dimiliki untuk Pereka Web

7 Sambungan Chrome yang mesti dimiliki untuk Pereka Web

Sebagai pereka web, perisian apa yang mesti anda miliki di komputer anda? Kemungkinannya adalah Photoshop dan Illustrator. Walaupun itu adalah keperluan utama aliran kerja reka bentuk anda, terdapat alat yang lebih kecil yang mungkin tidak anda mahukan.





Yang terbaik adalah, anda bahkan tidak perlu memuat turunnya --- hanya pasang sambungan Chrome ini dan pergi. Dari mengenal pasti fon di halaman hingga mengukur jarak antara elemen web, pelanjutan Chrome reka bentuk web ini akan menjadikan hidup anda lebih mudah.





1. Dropbox untuk Gmail

Dropbox bermula sebagai perkhidmatan hosting fail, tetapi tidak lama kemudian, penonton utamanya adalah pereka, yang menggunakan perkhidmatan tersebut untuk berkongsi karya mereka dengan rakan sekerja. Oleh kerana fail reka bentuk sering terlalu besar untuk lampiran e-mel, lebih mudah untuk menghantar pautan Dropbox ke fail.





Dropbox untuk Gmail menjadikan prosesnya lebih mudah. Apabila anda memautkan ke fail anda menggunakan butang Dropbox di bahagian bawah tetingkap e-mel baru, penerima mendapat intip dari apa yang anda kirimkan. Pautan ke fail gambar akan memuat naik gambar terus ke e-mel, dan pautan ke jenis fail lain akan menghasilkan pratonton yang berguna.

Pasang: Dropbox untuk Gmail



2. FontFace Ninja

Dengan beribu-ribu fon yang tersedia, kemungkinan tipografi anda tidak ada habisnya. Terutama jika anda dapat mengenal pasti fon cantik yang anda lihat di suatu tempat dan meminjamnya untuk projek anda sendiri.

FontFace Ninja adalah pelanjutan Chrome yang membantu anda melakukannya. Sama seperti alat yang mencari fon dari gambar ia membantu anda mengenal pasti fon yang anda lihat dalam talian. Satu-satunya perbezaan ialah FontFace Ninja membaca fon yang dikodkan ke CSS halaman, seperti jenis huruf tajuk dan teks badan.





Semasa anda melancarkan FontFace Ninja, ia akan menunjukkan kepada anda maklumat pada fon yang anda arahkan ke --- dan bukan hanya jenis huruf, tetapi juga berat, ukuran, tinggi, lebar, dan warna. Untuk menandai fon itu, anda memerlukan akaun di perkhidmatan saudari, FontFace Dojo .

Pasang: FontFace Ninja





3. ColorPick Eyedropper

Tidak kira seberapa baik warna yang anda miliki, sukar untuk mencipta semula warna tertentu yang anda lihat dalam talian melainkan anda mengetahui nilai RGB atau HTMLnya. Nasib baik, anda tidak perlu meneka jika anda mempunyai ColorPick Eyedropper.

Suka aplikasi pemilih warna terbaik untuk Mac , ColorPick Eyedropper akan menunjukkan nilai untuk setiap warna yang anda tunjukkan. Perbezaannya ialah selalu ada di penyemak imbas anda dan anda tidak perlu memuat naik apa-apa --- cukup klik pada ikon dan gerakkan sasaran ke tempat yang betul.

Sambungan membaca warna dari teks, gambar, dan apa sahaja yang mungkin anda lihat di laman web (bahkan iklan). Sebaik sahaja anda menangkap warna, ia menunjukkan nilai HTML, RGB, dan HSL untuknya.

Pasang: ColorPick Eyedropper

4. Dimensi

Sambungan sumber terbuka ini adalah penemuan bagi pereka web, terutamanya jika anda melakukan pertunjukan sekali untuk perniagaan kecil. Apabila pelanggan menyerahkan laman web kepada anda tanpa fail atau dokumentasi sebelumnya dan meminta anda untuk merancang 'halaman seperti ini, tetapi dengan teks dan gambar yang berbeza,' mengetahui susun atur itu menyakitkan.

klik dan seret mac tidak berfungsi

Dimensi membolehkan anda mengukur ketinggian dan lebar elemen apa pun di halaman dengan mudah, serta margin di antara elemen tersebut. Ini menjadikannya mudah untuk membuat semula halaman yang ada dan periksa semula reka bentuk anda sendiri setelah mereka mula dikeluarkan.

Pasang: Dimensi

5. Pemeriksa Visual

Visual Inspector adalah alat maklum balas dan kolaborasi yang kuat untuk pasukan reka bentuk, menggabungkan ciri tiga pelanjutan sebelumnya dan menambah lebih banyak lagi.

Di dalam Periksa tab, anda boleh memilih elemen apa pun di halaman untuk mendapatkan maklumat lengkap mengenainya, dari dimensi hingga nama fail. The Warna dan Tipografi subtab membolehkan anda melihat palet warna dan semua fon sekilas Aset mengumpulkan semua gambar di halaman di satu tempat.

The Bekerjasama tab adalah tempat anda boleh memberi maklum balas dan berbincang dengan pasukan anda, dan mudah memberikan komen dengan mengklik elemen apa pun di halaman.

tetingkap penggunaan cakera tinggi superfetch 10

Seperti kebanyakan alat canggih, Visual Inspector dilengkapi dengan tanda harga: anda perlu membayar dari $ 9 / pengguna / bulan untuk menambah komen dan menyegerakkan perubahan. Walau bagaimanapun, ciri asasnya seperti memeriksa warna, fon, dan gambar, boleh digunakan secara percuma.

Pasang: Pemeriksa Visual

6. Rakaman Skrin Mudah

Sambungan tangkapan skrin mungkin kelihatan berlebihan, kerana mengambil tangkapan skrin pada Mac sangat mudah, dan menangkap skrin anda di Windows hanya sedikit kerumitan. Tetapi Tangkapan Layar Mudah mempunyai beberapa titik penjualan.

Yang paling penting, ia membolehkan anda menangkap seluruh laman web, bukan hanya kawasan yang anda lihat di skrin anda. Itu tidak ternilai ketika anda perlu melaporkan beberapa masalah pada halaman panjang, dan menangkapnya semua memerlukan tiga hingga empat tangkapan skrin.

Trik lain yang kemas ialah dapat menyalin tangkapan skrin ke papan keratan dan menampalnya terus ke dalam sembang atau e-mel, dan bukannya menyimpan fail gambar yang tidak berguna di komputer anda.

Pasang: Rakaman Skrin Mudah

7. Icy 2

Akhirnya, ada satu tugas penting yang harus anda hadapi setiap pagi: membuang sisa tidur dan masuk ke dalam alur. Muzli 2 oleh InVision akan berfungsi sebagai surat khabar pagi anda dengan artikel yang disusun mengenai seni, reka bentuk, UX, dan teknologi.

Muzli menggantikan tab Chrome lalai anda dan membolehkan anda menyesuaikan apa yang anda lihat di sana. Bergantung pada minat anda, Muzli akan memilih suapan untuk anda, dengan laman web mulai dari Dribble and Behance hingga 99desain dan Creative Bloq. Banyak inspirasi untuk menatal semasa anda menghirup kopi pertama anda!

Sekiranya anda menganggap keseluruhan tab penyemak imbas yang dipenuhi dengan kandungan reka bentuk terlalu kuat, Muzli juga mempunyai versi Lite. Itu tidak akan mengatasi tab lalai anda, dan anda akan dapat mengakses suapan sesuka hati hanya dengan mengklik ikon pelanjutan.

Pasang: Sedap 2

Dapatkan Sambungan Chrome untuk Semua Tugas Reka Bentuk Anda

Sambungan Chrome dalam senarai ini tidak sesuai dengan perisian reka bentuk anda, tetapi merangkumi semua perkara kecil yang disertakan dengan menjadi pereka --- baik itu tipografi intel atau berkolaborasi dengan rakan sekerja anda.

Setelah anda menyedari bahawa Kedai Web Chrome penuh dengan alat, sukar untuk berhenti menambahkan yang baru. Jadi belajar cara menguruskan sambungan Chrome anda sebelum mereka lepas tangan.

Berkongsi Berkongsi Tweet E-mel Adakah Perlu Ditingkatkan ke Windows 11?

Windows telah direka bentuk semula. Tetapi apakah itu cukup untuk meyakinkan anda untuk beralih dari Windows 10 ke Windows 11?

Baca Seterusnya
Topik-topik yang berkaitan
  • Internet
  • Kreatif
  • Google Chrome
  • Reka Bentuk Web
  • Sambungan Penyemak Imbas
Mengenai Pengarang Alice Kotlyarenko(28 Artikel Diterbitkan)

Alice adalah penulis teknologi dengan titik lembut untuk teknologi Apple. Dia telah menulis tentang Mac dan iPhone untuk sementara waktu, dan terpesona dengan cara teknologi membentuk semula kreativiti, budaya, dan perjalanan.

Lagi Dari Alice Kotlyarenko

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan