Home-theater-designers
Bir web tasarımcısı olarak bilgisayarınızda mutlaka bulunması gereken yazılım nedir? Muhtemelen Photoshop ve Illustrator'dır. Bunlar tasarım iş akışınızın temel unsurları olsa da, muhtemelen ihtiyacınız olduğunu bilmediğiniz daha küçük araçlar da var.
En iyi yanı, bunları indirmenize bile gerek yok---sadece bu Chrome uzantılarını yükleyin ve yola çıkın. Sayfalardaki yazı tiplerini tanımlamaktan web öğeleri arasındaki mesafeleri ölçmeye kadar, bu web tasarımı Chrome uzantıları hayatınızı kolaylaştıracak.
1. Gmail için Dropbox
Dropbox bir dosya barındırma hizmeti olarak başladı, ancak kısa sürede ana hedef kitlesinin, çalışmalarını meslektaşlarıyla paylaşmak için hizmeti kullanan tasarımcılar olduğunu keşfetti. Tasarım dosyaları genellikle e-posta ekleri için çok büyük olduğundan, dosyaya bir Dropbox bağlantısı göndermek daha kolaydır.
Dropbox for Gmail, süreci daha da kolaylaştırıyor. Yeni e-posta penceresinin altındaki Dropbox düğmesini kullanarak dosyanıza bağlantı verdiğinizde, alıcı, gönderdiğiniz şeye bir göz atıyor. Görüntü dosyalarına bağlantılar, görüntüleri doğrudan e-postaya yükleyecek ve diğer dosya türlerine bağlantılar, kullanışlı bir önizleme oluşturacaktır.
Düzenlemek: Gmail için Dropbox
2. FontFace Ninja
Mevcut binlerce yazı tipi ile tipografi olanaklarınız sonsuzdur. Özellikle bir yerde gördüğünüz güzel bir yazı tipini tanımlayabilir ve kendi projeniz için ödünç alabilirseniz.
FontFace Ninja, tam da bunu yapmanıza yardımcı olan bir Chrome uzantısıdır. çok gibi resimlerden yazı tipi bulan araçlar çevrimiçi gördüğünüz yazı tiplerini tanımlamanıza yardımcı olur. Tek fark, FontFace Ninja'nın, başlıkların ve gövde metninin yazı tipi gibi sayfanın CSS'sine kodlanmış yazı tiplerini okumasıdır.
FontFace Ninja'yı başlattığınızda, yönlendirdiğiniz yazı tipiyle ilgili bilgileri size gösterecektir --- yalnızca yazı tipini değil, aynı zamanda ağırlık, boyut, yükseklik, genişlik ve renk. Bu yazı tipini işaretlemek için kardeş hizmette bir hesaba ihtiyacınız olacak, Yazı TipiYüz Dojosu .
Düzenlemek: Yazı TipiYüz Ninja
3. ColorPick Damlalık
Renk konusunda ne kadar iyi bir gözünüz olursa olsun, RGB veya HTML değerlerini bilmiyorsanız, internette gördüğünüz belirli bir gölgeyi yeniden oluşturmak zordur. Neyse ki, ColorPick Damlalık'ınız olup olmadığını tahmin etmenize gerek yok.
Beğenmek Mac için en iyi renk seçici uygulamaları , ColorPick Damlalık, işaret ettiğiniz herhangi bir rengin değerlerini size gösterecektir. Aradaki fark, tarayıcınızda her zaman orada olması ve hiçbir şey yüklemenize gerek olmamasıdır---sadece simgeye tıklayın ve hedefi doğru noktaya taşıyın.
Uzantı, metinden, resimlerden ve bir web sayfasında görebileceğiniz hemen hemen her şeyden (reklamlardan bile) renkleri okur. Bir renk yakaladığınızda, size onun HTML, RGB ve HSL değerlerini gösterir.
Düzenlemek: ColorPick Damlalık
4. Boyutlar
Bu açık kaynaklı uzantı, özellikle küçük işletmeler için tek seferlik işler yapıyorsanız, web tasarımcıları için bir keşif. Bir müşteri, daha önce herhangi bir dosya veya belge olmadan size bir web sitesi verdiğinde ve sizden 'bunun gibi, ancak farklı metin ve resimlere sahip bir sayfa' tasarlamanızı istediğinde, mizanpajı bulmak bir acıdır.
Photoshop'ta kelimeler nasıl çizilir
Boyutlar, sayfadaki herhangi bir öğenin yüksekliğini ve genişliğini ve aralarındaki boşlukları kolayca ölçmenizi sağlar. Bu, mevcut sayfaları yeniden oluşturmayı ve üretime geçtikten sonra kendi tasarımlarınızı iki kez kontrol etmeyi kolaylaştırır.
Düzenlemek: Boyutlar
5. Görsel Müfettiş
Visual Inspector, tasarım ekipleri için önceki üç uzantının özelliklerini birleştiren ve daha fazlasını ekleyen güçlü bir geri bildirim ve işbirliği aracıdır.
İçinde İncelemek sekmesinde, boyutlardan dosya adına kadar tüm bilgileri almak için sayfadaki herhangi bir öğeyi seçebilirsiniz. NS Renkler ve tipografi alt sekmeler, renk paletini ve tüm yazı tiplerini bir bakışta görmenizi sağlarken Varlıklar sayfadaki tüm görselleri tek bir yerde toplar.
NS işbirliği yap sekmesi, ekibinizle geri bildirimde bulunabileceğiniz ve tartışmalar yapabileceğiniz yerdir ve sayfadaki herhangi bir öğeye tıklayarak yorum bırakmak kolaydır.
Windows 10'da disk sürücüsü nasıl bulunur
Çoğu gelişmiş araç gibi, Visual Inspector da bir fiyat etiketi ile birlikte gelir: yorum eklemek ve değişiklikleri senkronize etmek için kullanıcı/ay başına 9 ABD dolarından ödeme yapmanız gerekir. Ancak renkleri, yazı tiplerini ve görüntüleri denetleme gibi temel özellikleri kullanmakta serbesttir.
Düzenlemek: Görsel Müfettiş
6. Kolay Ekran Yakalama
Mac'te ekran görüntüsü almak çok kolay olduğundan ve ekran yakalama uzantısı gereksiz görünebilir. Windows'ta ekranınızı yakalama sadece biraz daha zahmetlidir. Ancak Easy Screen Capture'ın birkaç satış noktası vardır.
En önemlisi, yalnızca ekranınızda gördüğünüz alanı değil, tüm web sayfasını yakalamanıza olanak tanır. Uzun bir sayfada birkaç sorunu bildirmeniz gerektiğinde bu paha biçilmezdir ve hepsini yakalamak üç ila dört ekran görüntüsü alacaktır.
Başka bir güzel numara, ekran görüntüsünü panoya kopyalayıp, bilgisayarınızda gereksiz görüntü dosyalarını istiflemek yerine doğrudan bir sohbete veya e-postaya yapıştırabilmektir.
Düzenlemek: Kolay Ekran Yakalama
7. Buzlu 2
Son olarak, her sabah uğraşmanız gereken çok önemli bir görev var: uykunun kalıntılarını silkip atmak ve ortama ayak uydurmak. Muzli 2 by InVision, sanat, tasarım, UX ve teknoloji üzerine küratörlüğünde makaleler ile sabah gazeteniz olarak hizmet verecek.
Muzli, varsayılan Chrome sekmenizin yerini alır ve orada gördüklerinizi özelleştirmenize olanak tanır. Muzli, ilgi alanlarınıza bağlı olarak Dribble ve Behance'den 99designs ve Creative Bloq'a kadar değişen web siteleri ile sizin için beslemeleri seçecektir. İlk kahvenizi yudumlarken gezinmek için bolca ilham kaynağı!
Tasarım içeriğiyle dolu bir tarayıcı sekmesinin tamamının çok yoğun olduğunu düşünüyorsanız, Muzli'nin Lite sürümü de var. Varsayılan sekmenizi geçersiz kılmaz ve yalnızca uzantı simgesini tıklayarak istediğiniz zaman özet akışına erişebilirsiniz.
Düzenlemek: buzlu 2
Tüm Tasarım Görevleriniz için Chrome Uzantıları Alın
Bu listedeki Chrome uzantıları, tasarım yazılımınızla eşleşmiyor, ancak tasarımcı olmanın getirdiği tüm küçük şeyleri kapsıyor - ister tipografi zekası ister iş arkadaşlarınızla işbirliği yapın.
Chrome Web Mağazası'nın araçlarla dolu olduğunu fark ettiğinizde, yenilerini eklemeyi bırakmak zor olabilir. Öyleyse öğren Chrome uzantılarınızı nasıl yönetirsiniz? kontrolden çıkmadan önce.
Paylaş Paylaş Cıvıldamak E-posta Windows 11'e Yükseltmeye Değer mi?Windows yeniden tasarlandı. Ancak bu sizi Windows 10'dan Windows 11'e geçmeye ikna etmek için yeterli mi?
Sonrakini Oku İlgili konular- internet
- Yaratıcı
- Google Chrome
- Web Tasarım
- Tarayıcı Uzantıları
Alice, Apple teknolojisine zaafı olan bir teknoloji yazarıdır. Bir süredir Mac ve iPhone hakkında yazıyor ve teknolojinin yaratıcılığı, kültürü ve seyahati nasıl yeniden şekillendirdiği konusunda büyüleniyor.
Alice Kotlyarenko'dan Daha FazlaHaber bültenimize abone ol
Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!
Abone olmak için buraya tıklayın