Web Geliştiricileri için 10 Ücretsiz Çizim Eklentisi
Sketch, web tasarımcıları ve geliştiricileri arasında büyük bir çekişme elde ediyor. Bu muhtemelen çünkü sezgisel, öğrenmesi kolay ve bir web sitesi prototipi oluşturmayı çok daha kolaylaştıran birçok özelliğe sahiptir. Bunun nedeni, bu uygulamanın genişletilebilir olmasıdır, yani, eklentilere yardımcı olarak uygulamaya kolayca yeni özellikler ekleyebilirsiniz..
Sketch ile çalışırken verimliliğinizi artırmanıza yardımcı olabilecek 10 eklenti aşağıdadır. İçerik üreteçlerinden renk paleti seçicisine kadar farklılıklar vardır ve bunlar katman ölçümlerini görüntülemenize veya bir katmana otomatik olarak dolgu eklemenize yardımcı olabilir.
1. CSS Arkadaşı
CSS Arkadaşı Çizim çalışma alanındaki CSS'yi katmanınıza eklemenizi sağlar. Temel olarak, CSS kullanarak katmana genişlik, yükseklik, opaklık, kutu gölgesi, kenarlık ve arka plan uygulayabilirsiniz..
Bu eklenti yüklüyken, sadece bir katman seçin Seçilenlere Uygula Eklenti menüsünden. Bir iletişim kutusu, stil sayfanıza girmenizi ister. CSS içeriğini CSS sınıfı olmadan ekleyin ve katmanınızın şekillendiğini izleyin.
2. Malzeme Tasarım Renk Paleti
Malzeme Tasarımı trendini takip ederseniz, farkedeceğiniz en belirgin şey, farklı renklerin kullanılmasıdır. Material Design harika bir renk paletine sahip. Şimdi bunu çalışma alanınıza getirebilirsiniz Malzeme Tasarımı Renk Paleti Eklentisi.
Bu eklenti, çalışma alanınızı kapatmanıza gerek kalmadan saniyeler içinde renk paletleri üretecektir. Projenize uygun bir renk paleti oluşturmak için Ton, Değer veya Renk Örneği'ni seçin.
3. Eskiz Defteri
Bazen bir yorumda veya dokümantasyonda ne yaptığımızı göstermemiz gerekir. Diğer tasarımcılarla veya bir müşterinin katılımıyla projeler üzerinde çalışıyorsanız, bu ayrıca gereklidir, böylece sonucun herkesin amaçladığı şey olmasını sağlayabilirsiniz..
Eskiz Defteri Taslaktaki tasarımınızı kolayca belgelemek için bir eklentidir. Tasarımınızdaki herhangi bir öğeye eklediğiniz yorumları içeren çalışma alanınıza ek bir kenar çubuğu ekler. Yorumu yeniden sıralayabilir, yeniden hizalayabilir, silebilir ve yorum görünürlüğüne geçebilirsiniz.
4. Gün Oyuncusu
Bir tasarımda gerçek görüntüleri kullanmadan önce, tasarım sürecini hızlandırmak için sık sık yer tutucu görüntüler kullanırız. Çizim için kullanabilirsiniz Gün oyuncu Sketch çalışma alanınızdaki herhangi bir katmana Placehold.it, LoremPixel ve Unsplash dahil 6 yer tutucu görüntü hizmetinden özelleştirilmiş yer tutucuları eklemek için. Etkinleştirildiğinde, görüntünün genişliğini, yüksekliğini ve diğer bilgileri ayarlayabilirsiniz..
5. İçerik Üreteci
Yer tutucu resimler eklemek için zaten bir eklentimiz var, genel içerik için bir tane hakkında? İçerik Üreticisi avatarlar, isimler, konum belirleme verileri ve daha fazlası gibi yapay veriler eklemenize yardımcı olur. Mockup tasarımları ve olay yerinde verilerin nasıl üretileceğini anlamaya çalışmaktan kaynaklanan baş ağrısını azaltmak için harikadır.
Sahte verileri eklemek için, sadece bir katman seçin, ardından Eklenti> Jeneratör, ve Seç Geo, kişi veya Fotoğraflar.
6. Eskiz Ölçüsü
Kroki Ölçümü Sketch için bir ölçüm aracıdır. Tasarımınızdaki bir katmanın (veya katların) uzunluğunu veya boyutunu ölçer. Ayrıca bir katmanın dolgusunu ve kenar boşluğunu ve iki katman arasındaki mesafeyi elde edersiniz. Çizim Ölçümü ayrıca renk, kenarlık ve opaklık gibi katman özelliklerini de yazdırabilir. Tüm ölçümler klavye kısayolları ile yapılabilir.
7. Dinamik Düğme
Dinamik Düğme Kolayca sabit dolgularla düğme oluşturmanıza yardımcı olur. Metninizin uzunluğu ne olursa olsun, verdiğiniz değere göre dolguyu otomatik olarak ayarlayacaktır. Eklenti yüklendiğinde, bir metin Command + J kısayoluyla bir yapıya dönüştürülebilir. Gereken dolgu miktarı daha sonra (0: 0: 0: 0) metin katmanına (esnek düğme grubu altında) açılabilir..
8. Tipografik Ölçek
Tipografik Ölçek, seçilen metin katmanını tipografik ölçeğe dönüştürmek için kullanılan bir eklentidir. Bu eklentiyi kullanmak için, sadece metin katmanını (tek veya çoklu) veya en az bir metin katmanı içeren karışık katmanı seçin, ardından Eklenti> Tipografik Ölçek ve iletişim kutusundaki değeri ayarlayın. Sonuç, tipografik ölçek kurallarını izleyen bir dizi ölçeklenmiş metindir..
9. Modülizer
İle Modulizer Shift + Command + M klavye kısayoluyla tasarımınızdaki düğme, modül veya alanlar için dolguları kontrol edebilirsiniz. Tüm katmanlarınızı birleştirebilir, gruplandırabilir ve ardından istediğiniz dolgu değerine göre dolgunuzu otomatik olarak ayarlamak için kısayolu kullanabilirsiniz . Bunu çalışırken görmek için video demosunu izleyin.
10. bıçak
Tasarımınızı taslaktan HTML'e dönüştürmeyi hiç düşündünüz mü? Eğer öyleyse, muhtemelen almalı Bıçak ağzı, Tasarımınızdan otomatik olarak HTML dosyaları oluşturan bir Sketch eklentisi. Grubu dönüştürecek div, içine metin p ve bunun gibi.
Blade'i kullanırken, eklentiye [btn] veya input [text] gibi özel bir ad ekleyerek hangi DOM öğesinin oluşturulacağını söyleyebilir, böylece Blade ne yapması gerektiğini bilir. İçerideki bir görünüm için bu video demosunu izleyin.
Şimdi Okuyun: 12 WordPress Geliştiricisi için Faydalı Eklenti
