İçerik
- 01. Kılavuzları Kopyala ve Yapıştır
- 02. Eskiz Temizleyici
- 03. Anima
- 04. React Sketch.app
- 05. Git Sketch Eklentisi
- 06. ImageOptim
- 07. Sihirli Ayna
- 08. Daha Fazla İhracat
- 11. Marketch
- 12. Parçalı daireler
- 13. Sketch Runner
- 14. Simge Yazı Tipi
- 15. Bul ve Değiştir
Sketch eklentileri, Sketch'i daha da iyi hale getirmeye yardımcı olur. Sketch, birçok kişi için tercih edilen bir kullanıcı arayüzü web tasarım aracıdır ve bu kadar iyi yapan şeylerden biri de, özel eklentiler oluşturarak işlevselliğini ve özelliklerini genişletmek için çalışan insan topluluğudur.
Sketch eklentilerinizin yönetimi artık her zamankinden daha kolay. Eklentiler otomatik olarak güncellenir ve güncel olmayanlar devre dışı bırakılır. Eklenti ekosistemini daha da kullanışlı hale getiren Sketch Cloud, herkesin kaydolabileceği, herkese açık olarak veya doğrudan Sketch'ten özel olarak paylaşılan Sketch belgelerini görüntüleyebileceğiniz, indirebileceğiniz ve yorum yapabileceğiniz bir dosya paylaşım hizmeti.
Öyleyse, kullanıcı arayüzlerini tasarlama şeklinizi büyük ölçüde değiştirebilecek en iyi Sketch eklentilerine bir göz atalım. İstediğiniz birini bulduğunuzda, Sketch eklentilerinin nasıl kurulacağını okuyun. Web araçlarınızı seviyorsanız, favori web tasarım araçlarımızı, web sitesi oluşturucumuzu ve bulut depolama alanlarını kaçırmayın. Ve unutmayın, web barındırma sağlayıcısı seçiminiz sitenizin başarısı için çok önemlidir (kılavuzumuz yardımcı olacaktır).
01. Kılavuzları Kopyala ve Yapıştır
- Buradan indirin
- Fiyat: Bedava
- Özet: Çalışma yüzeylerinizden kılavuzları kopyalayın, yapıştırın veya kaldırın
Her tasarımcının rehberlerle aşk / nefret ilişkisi vardır. Bazen kesinlikle gereklidirler ve geri kalan zamanlarda yolunuza çıkacaklardır. Sketch’in düzen seçeneği yerine kılavuzları kullanıyorsanız, bunları birden fazla çalışma yüzeyi için değiştirmek bir kabusa dönüşebilir, ancak bu eklentiyle kılavuzları tüm çalışma yüzeylerinizden kopyalamak, yapıştırmak ve kaldırmak kolaydır.
02. Eskiz Temizleyici
- Buradan indirin
- Fiyat: $2
- Özet: Tasarım dosyalarınızı ıslık kadar temiz alın
Birkaç yinelemeden geçmiş herhangi bir Sketch tasarımı, gizli katmanlar, tutarsız kenarlık konumları ve kullanılmayan katman stilleri gibi yol boyunca biraz önemsiz şeyler alabilir.
Dağınık bir Sketch dosyasına sahip olmak dünyanın sonu olmasa da, aktarımı etkileyebilir ve ileride onu anlamlandırmak zorunda olan herkes için hayatı kolaylaştırır. Her şeyi elle yapmak yerine, tüm yaygın sorunların otomatik olarak üstesinden gelmek için Sketch Cleaner'ı kullanın.
03. Anima
- Buradan indirin
- Fiyat: Yukarı doğru ücretsiz
- Özet: Duyarlı, yüksek kaliteli prototipler oluşturun
Önceden ayrı ücretsiz eklentiler olarak mevcut olan - Auto Layout ve Launchpad - Anima artık pinler, yığınlar ve dolgu ile duyarlı düzenler ve tüm ekranlara uyan yüksek kaliteli prototipler oluşturmanıza yardımcı olmak için tasarlanmış hepsi bir arada bir eklentidir. Hala bir projeyi destekleyen ücretsiz bir sürüm var; Sınırsız projeler için fiyatlandırma aylık 25 ABD Dolarından başlar.
04. React Sketch.app
- Buradan indirin
- Fiyat: Bedava
- Özet: React bileşenlerini Sketch'e işle
Tasarım varlıklarını yönetmek Sketch'te zor olabilir. Bu kullanışlı Sketch eklentisi, varlıklarınızı yönetmenin daha kolay ve daha güvenilir bir yolunu sağlar. Tasarımlarınızı kodda React bileşenleri olarak uygulayın, ardından bunları eskiz haline getirmek için bu eklentiyi kullanın. Ayrıca, Sketch dosyalarınıza gerçek verileri getirmeyi ve uygulamayı kolaylaştırır.
React Sketch.app, tasarımcılar ve geliştiriciler arasındaki boşluğu doldurmaya yardımcı olmak amacıyla Airbnb tarafından kendi tasarım sistemiyle birlikte kullanılmak üzere geliştirildi.
05. Git Sketch Eklentisi
- Buradan indirin
- Fiyat: Bedava
- Özet: Sketch'te yerleşik bir Git istemcisi
Bu eklenti, sürüm kontrolünü Sketch'e getirmeyi amaçlamaktadır. Tasarımın her parçası için bir görüntüyü dışa aktararak ve ardından oldukça farklılıklar oluşturarak çalışır, böylece hangi değişikliklerin yapıldığı açıktır. Tasarım sürecinin her adımını belgeleyerek, ekipteki herkes tasarımın nasıl ilerlediğini görebilir.
Git Sketch Eklentisi, o zamandan beri Kactus adında daha kapsamlı, ücretli bir sürüm kontrol sistemi oluşturmaya devam eden Mathieu Dutour tarafından oluşturuldu.
06. ImageOptim
- Buradan indirin
- Fiyat: Bedava
- Özet: Sketch'te görüntü optimizasyonu
Sketch, SVG dosyalarını optimize etmek için kendi çözümünü sunarken, JPG ve PNG görüntülerini sıkıştırmak için herhangi bir seçenek yelpazesi yoktur. ImageOptim birkaç yıldır sağlam bir hizmet sunduğundan, bu işlevselliği Sketch'e getireceği mantıklı geliyor.
Yükleme süreleri ve görüntü optimizasyonunu önemseyen herhangi bir tasarımcı (tüm tasarımcılar olmalı), araç kutularına ImageOptim'i eklemelidir. Eklentinin yanı sıra, macOS sisteminizde yüklü temel ImageOptim uygulamasına (ücretsiz) ihtiyacınız olacağını ve yine de katmanları Sketch'te dışa aktarılabilir olarak işaretlemeniz gerektiğini unutmayın (başlamak için "Tüm Varlıkları Dışa Aktar ve Optimize Et" seçeneğine gidin).
07. Sihirli Ayna
- Buradan indirin
- Fiyat: Ayda 4 ABD dolarından başlayan fiyatlarla
- Özet: Görüntü perspektif dönüştürme aracı
Etkileyici ürün mockup'ları yapmaya çalışıyorsanız, ancak zorlu işlerle uğraşmak için Photoshop'a girmeye devam etmeniz gerekiyorsa, Magic Mirror sizin için hayat kurtarıcı olabilir. Sketch'ten hiç çıkmadan perspektif mockup'ları ve diğer bozuk efektler oluşturmanıza olanak tanıyan bir görüntü perspektif dönüştürme aracıdır.
08. Daha Fazla İhracat
- Buradan indirin
- Fiyat: Bedava
- Özet: Yer tutucu görüntüleri otomatik olarak oluşturur
Bir tasarıma yer tutucu görüntüler eklemek, prototip oluşturmanın gerekli bir parçasıdır, ancak gerçek görüntüleri bulmak acı verici olabilir. Bu yüzden zaman kaybetmek yerine hepsini Day Player'a bırakın. Bu, bir dizi farklı yer tutucu görüntü hizmetinden herhangi bir Sketch belgesine özelleştirilmiş yer tutucu görüntüler eklemenize olanak tanır, böylece vermeniz gereken en büyük karar Bill Murray, Nicolas Cage veya yavru kedi kullanmak isteyip istemediğiniz olacaktır.
11. Marketch
- Buradan indirin
- Fiyat: Bedava
- Özet: CSS stillerini ölçebilen ve alabilen html sayfası oluşturun
Sketch tasarımlarınızdan CSS stillerini almak istiyorsanız, Marketch gibi bir eklenti kesinlikle gereklidir. Sketch çalışma yüzeylerinizi, kullanıma hazır, bol miktarda tatlı CSS çıkarmak için ayıklayabileceğiniz HTML belgeleriyle dolu bir zip dosyası olarak dışa aktarmanıza olanak tanır.
12. Parçalı daireler
- Buradan indirin
- Fiyat: Bedava
- Özet: Hassas dairesel grafikler oluşturun
Grafikler ve diyagramlar için parçalı daireler oluşturmanın hızlı bir yolu. Bu eklenti, kesikli ve onaylı daireler dahil olmak üzere çeşitli dairesel diyagram stilleri üretebilir ve kalınlıklar, virgülle ayrılmış değerlerin basit bir listesiyle kontrol edilir.
13. Sketch Runner
- Buradan indirin
- Fiyat: Bedava
- Özet: Arama için gündem
Sketch, minimalist klavye iş akışıyla çok seviliyor. Bununla birlikte, her zaman Photoshop gibi başka bir tasarım uygulamasıyla unuttuğunuz veya karıştırdığınız görünen iki veya üç klavye kısayolu vardır - ve klavye kısayolu olmayan ve uygulamanın derinliklerinde saklı olan daha az yaygın olan araçları ve özellikleri unutmayalım. Eskiz menüsü.
Sketch Runner bu sorunları çözer ve bunu macOS kullanıcılarının aşina olduğu bir şekilde yapar - Sketch Runner, macOS Spotlight, ancak Sketch içindir.
14. Simge Yazı Tipi
- Buradan indirin
- Fiyat: Bedava
- Özet: Simge yazı tiplerini yönetin
Simge yazı tipleri, bir ton görüntü varlığını dışa aktarmak ve optimize etmek zorunda kalmadan web tasarımlarınızda simgeleri kullanmanın oldukça verimli bir yoludur. Tipik olarak simge yazı tiplerine atıfta bulunuruz. kafa> CSS ve JavaScript ile yaptığımız gibi HTML web sayfalarının bölümü. Ancak bunları Sketch'te kullanmak biraz daha karmaşıktır. Neyse ki, Simge Yazı Tipi bunu kolaylaştırır.
Sketch IconFont'u indirip kurduktan sonra, SVG yazı tipi dosyalarını indirin veya FontAwesome, Materyal Tasarım Simgeleri, İyon Simgeleri ve Basit Çizgi Simgeleri için yazı tipi dosyalarını içeren bu yazı tipi paketini indirin. İşiniz bittiğinde, Eklentiler> Simge Yazı Tipi> Bir Yazı Tipi Paketi Kur'a gidin, Dosya Aç iletişim kutusundan indirilen yazı tiplerini seçin, ardından eklemek için Eklentiler> Simge Yazı Tipi> Kılavuz Ekle> [istediğiniz simge yazı tipi] seçeneğine gidin bir ikon.
Tasarımınız için özel bir simge seti tasarlamayı planlıyor olsanız bile, emrinizde hazır simgeler bulundurmak, tasarımın ilk aşamalarında hızlı prototipleme konusunda size yardımcı olabilir ve düşük kaliteli örneklerinize biraz daha netlik / aslına uygunluk katabilir. .
15. Bul ve Değiştir
- Buradan indirin
- Fiyat: Bedava
- Özet: Seçili katmanlardaki metni bulun ve değiştirin
Metin editörleri bulmanız ve değiştirmeniz gereken tek yer değildir - Sketch'te de kullanışlıdır. Bu eklentinin çok sayıda gelişmiş seçeneği vardır ve seçili katmanlardaki (ve içerdiği her şeydeki) metindeki belirli kelime veya ifadelerin örneklerini aramanızı ve ardından kolayca değiştirmenizi sağlar.
Sonraki sayfa: Daha fazla zaman kazandıran Sketch eklentisi