Tasarımcılar için 10 Google Chrome uzantısı

Standart tasarım sürecini takip eden bir web tasarımcısıysanız, görevleriniz şunları içerir:

• araştırma
• Tel çerçeveleme
• Bir renk şeması seçme
• Doğru yazı tipini seçmek
• Birkaç varyasyonu test etme
• Müşteriler ve ekip arkadaşları ile işbirliği

Ve biraz daha…

Tüm bunları ve daha fazlasını tarayıcınızın içinden yapabileceğinizi biliyor musunuz? Evet, bir Google Chrome uzmanıysanız, tüm bu görevleri Chrome'un uzantıları aracılığıyla yapabilirsiniz. Çoğu sadece birkaç tıklama ile.

Bu nedenle, çok zaman kazanın ve tasarımcılar için bu 10 Google Chrome uzantısını deneyin.

1. Duyarlı Web Tasarım Test Cihazı

Google'ın mobil uyumlu güncellemesini yayınlayın, moda olan kelime yanıt hızıdır! İşte web sitenizi tüm büyük Android ve Apple mobil cihazlarında test etmenizi sağlayan bir uzantı.

Çevrimdışı da çalışır, bu nedenle tasarımınız üzerinde yerel olarak çalışırken bile harika bir seçenektir. Tüm popüler cihazlar için ön ayarları vardır, ancak özel boyutlarınızı da ekleyebilirsiniz.

Önizleme için bir cihaz seçtiğinizde, mevcut sekme, sayfanızın o cihaz üzerinde nasıl görüneceğini gösteren bir açılır pencerede açılır.

2. TipHarika

Yazı tipleri gerçekten bir sitenin havasını belirler, ancak doğru olanı seçmek oldukça zordur. Tatbikatı biliyorsunuz - kodunuza geri dönme, değişiklik yapma ve önizleme. Ve tüm bunlar tekrar tekrar.

Ancak bu kullanışlı yazı tipi uzantısının devreye girdiği yer burasıdır. TypeWonder, tarayıcınızdaki herhangi bir web sitesinin yazı tipini değiştirmenize olanak tanır.

Sadece web sitenizi ziyaret edin ve uzantının simgesine tıklayın. Size birkaç yazı tipi seçeneği sunulur. Herhangi birine tıklamak neredeyse anında o yazı tipinde web sitenizin bir önizlemesini oluşturur. Önizlemeden memnunsanız, sitenize ve CSS dosyasına eklemek için ilgili kodu alabilirsiniz.

3. Sekme Paketleyici

Araştırmak büyük mesele. Ve araştırmayı ciddiye alan bir tasarımcıysanız, herhangi bir noktada en az yedi ila on sekme açık olduğunu güvenle söyleyebilirim.

Bahsettiğiniz siteler hakkında tasarımcı arkadaşınızın veya takım arkadaşınızın fikrini almak zorunda kalsaydınız ne olurdu? Bir klasördeki tüm sayfaları yer imlerine ekleyecek, hepsini dışa aktaracak ve daha sonra elbette posta programınızı açtıktan sonra gönderilecek seti seçeceksiniz. Oldukça iş!

Neyse ki, bu kadar çok çalışmak zorunda değilsin. Sekme Paketleyici, tüm açık sekmeleri paketlemenizi sağlar. Ardından paketin bağlantısını tek bir tıklama ile gönderebilirsiniz. E-posta, Twitter ve daha birçok hizmet aracılığıyla paylaşabilirsiniz.

4. İz Ördeği

Her başarılı projenin arkasında etkili iletişim vardır. Ancak küçük düzeltmeler yapmaya veya büyük değişiklikler yapmaya çalışan e-postalar arasında gidip gelmek yorucu olabilir.

Şimdi bu biraz abartılı gelebilir, ancak TrackDuck yalnızca tasarımcılar için mini bir Asana gibidir.

TrackDuck, web sitelerini proje olarak eklemenizi sağlayan görsel bir işbirliği aracıdır. Bir proje ekledikten sonra, takım arkadaşlarınızı ona davet edebilirsiniz. Bu projeye (veya web sitesine - yalnızca uzantının simgesine tıklayarak yapabileceğiniz) bir yorum bıraktığınızda, yorum hakkında bir görev oluşturulur. Bu görevi ekip arkadaşlarınıza atayabilir, ekler ve ekran görüntüleri ekleyebilir ve bunu Trello ve Basecamp gibi birçok işbirliği aracıyla entegre edebilirsiniz.

5. ColorZilla

Bir sonraki web projenizin paletine ilham verecek güzel bir rengi ne zaman göreceğinizi asla bilemezsiniz.

Peki, web'de herhangi bir rengi nasıl yakalarsınız?

İşte ColorZilla - kolayca her tasarımcının favori Chrome ürünü. En temel ve popüler özelliği, bir web sayfasındaki herhangi bir rengin kodunu almaktır.

Diğer bir özellik ise, herhangi bir web sitesinin renk şemasını elde etmenize izin vermesidir. Web Sayfası Renk Çözümleyici seçeneğine tıklamanız gerekecek ve o web sayfasındaki tüm renkleri gösteren bir palet görünecektir.

6. WhatFont

Mükemmel yazı tipini, rengini ve boyutunu kullanan bir web sitesine pek çok kez rastlarsınız. Aslında, sitenizde tam kombinasyonu kullanmak istemeniz o kadar iyi olabilir.

Ancak artık Inspect Element yolunu izlemek zorunda değilsiniz – WhatFont, bir web sayfasındaki herhangi bir yazı tipini tek bir tıklamayla inceler.

Uzantının simgesine tıklayın ve ilgilendiğiniz metin bölümünün üzerine gelin. WhatFont yazı tipi türünü, boyutunu, yüksekliğini, rengini ve ailesini üretir.

7. Anında Tel Çerçeve

Web sitenizi tasarlamadan önce bilgi hiyerarşisini tanımlarsanız, kullanıcı dostu bir site oluşturmuş olursunuz. Ve tel çerçeveleme bu konuda en iyi yoldur.

Anında Tel Çerçeve uzantısı, herhangi bir web sayfasının oldukça iyi bir tel çerçevesini görüntülemenizi sağlar. Hala beta aşamasında ama adil bir iş çıkarıyor.

Tel çerçevesini görüntülemek istediğiniz bir siteyle karşılaşırsanız, adres çubuğunda uzantının simgesine tıklamanız yeterlidir. Denemeye değer!

8. Sayfa Cetveli

Bir web sayfasının öğelerinin boyutlarını ölçmenin birkaç yolu vardır. Ancak çoğu birkaç adım içerir ve zaman alır.

Sayfa Cetveli bunu yapmanın en kolay yoludur. Sayfa Cetveli, bir öğenin yüksekliğini, genişliğini ve göreli konumunu görmenizi sağlar. Ayrıca öğeleri div-wise analiz edebilirsiniz.

Ve mükemmel piksel afişleri, öne çıkan görseller ve diğer pazarlama materyalleri oluşturmak için mükemmeldir.

9. Chrome için Palet

Web siteleri görsellerle doludur ve bir renk paletine ilham verecek kadar iyi bir görseli ne zaman göreceğinizi bilemezsiniz.

Ancak Palette for Chrome her zaman yanınızda olduğundan endişelenmenize gerek yok. İlginç bulduğunuz resme sağ tıklayın ve bu uzantının seçeneğini seçin. Seçilen görüntüden esinlenerek anında bir renk paleti oluşturacaktır. Renk şeması için oluşturmak istediğiniz renk sayısını belirtebilirsiniz.

Renk düzenini dışa aktarmanın bir yolu olsaydı daha çok severdim. Ancak uzantı hala olmazsa olmazlardan.

10. ExtensionMuzli – Tasarım Kahvaltısı

Bilirsiniz, yeni başladığınızda, alanınızdaki en iyi blogların tümüne abone olursunuz. RSS beslemelerinizin tümü tetiklendi. Ama işiniz biriktikçe, bir şekilde bağlantınız kopuyor. İlhama ihtiyacın olmadığından değil, sadece onu yakalaman zorlaşıyor.

ExtensionMuzli bunu telafi etmek için inşa edilmiştir. En iyi tasarım kaynaklarının yaklaşık 12-15'inden hikayeler toplar. Geçiş yapmak istiyorsanız bir web tasarımı işleri bölümü de var.

Bu uzantıyı yükledikten sonra, yeni sekmeniz internetteki en yeni ilham verici veya eğitici tasarım hikayelerinden bazılarını içerecek. Niş alanınızdaki en son gelişmeleri takip etmenin zarif bir yolunu sunar.

Al işte ozaman, buyur. Chrome'unuzu bu harika web tasarımcısı uzantılarıyla güçlendirin ve üretkenliğinizin hızla artmasını izleyin. Tasarım sürecinizi nasıl bölersiniz ve hangi görevler için hangi uzantıları kullanıyorsunuz? Daha fazlasını öğrenmeyi çok isterim.