Tarkib
- 01. Qo'llanmani nusxalash va joylashtirish
- 02. Eskizlarni tozalash vositasi
- 03. Anima
- 04. Sketch.app-ga reaksiya bering
- 05. Git Sketch Plugin
- 06. ImageOptim
- 07. Sehrli oyna
- 08. Ko'proq eksport qilish
- 11. Bozor
- 12. Segmentlangan doiralar
- 13. Sketch yuguruvchisi
- 14. Shrift belgisi
- 15. Toping va almashtiring
Sketch plaginlari Sketchni yanada yaxshiroq qilishga yordam beradi. Sketch - bu ko'pchilik uchun tanlangan UI veb-dizayn vositasi va bu juda yaxshi narsalarning bir qismi - bu maxsus plaginlarni yaratish orqali uning funktsiyalari va xususiyatlarini kengaytirish uchun ishlaydigan odamlar hamjamiyati.
Sketch plaginlarini boshqarish endi har qachongidan ham osonroq. Plaginlar avtomatik ravishda yangilanadi va eskirganlari o'chiriladi. Plaginlar ekotizimini yanada foydali qilish - bu Sketch Cloud, har kim ro'yxatdan o'tishi mumkin bo'lgan fayllarni almashish xizmati, bu erda siz Sketch-dan ommaviy ravishda yoki shaxsiy ravishda Sketch-dan shaxsiy ravishda ko'rish, yuklab olish va sharhlashingiz mumkin.
Shunday qilib, atrofdagi eng yaxshi eskiz plaginlarini ko'rib chiqamiz - bu foydalanuvchi interfeyslarini loyihalash uslubingizni tubdan o'zgartirishi mumkin. Siz xohlagan narsani ko'rganingizdan so'ng, Sketch plaginlarini qanday o'rnatish haqida o'qing. Agar siz o'zingizning veb-vositalaringizni yaxshi ko'rsangiz, bizning sevimli veb-dizayn vositalarini, veb-sayt yaratuvchisi va bulutli saqlashni unutmang. Va esda tutingki, sizning veb-xosting provayderingiz tanlovi saytingiz muvaffaqiyati uchun juda muhimdir (bizning qo'llanma yordam beradi).
01. Qo'llanmani nusxalash va joylashtirish
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Ko'rsatmalarni nusxalarini ko'chiring, joylashtiring yoki o'zingizning ish taxtangizdan olib tashlang
Har qanday dizayner qo'llanmalar bilan sevgi / nafrat munosabatlariga ega. Ba'zan ular mutlaqo zarurdir, qolgan vaqt esa ular sizga shunchaki xalaqit berishadi. Agar siz Sketchning layout varianti o'rniga qo'llanmalardan foydalansangiz, ularni bir nechta artboardlar uchun o'zgartirish dahshatli tush bo'lishi mumkin, ammo bu plagin yordamida barcha artboardlaringizdan qo'llanmalarni nusxalash, joylashtirish va olib tashlash oson.
02. Eskizlarni tozalash vositasi
- Bu erda yuklab oling
- Narxi: $2
- Xulosa: Dizayn fayllaringizni hushtak kabi toza qilib oling
Bir nechta takrorlashdan o'tgan har qanday eskiz dizayni yashirin qatlamlar, nomuvofiq chegara pozitsiyalari va ishlatilmaydigan qatlam uslublari kabi yo'lda ozgina keraksiz narsalarni to'plashi shart.
Tartibsiz Sketch fayliga ega bo'lish dunyoning oxiri bo'lmasa-da, bu ishdan bo'shatilishiga ta'sir qilishi mumkin va buni tushunishga majbur bo'lgan har bir kishiga hayotni osonlashtiradi. Hamma narsani qo'l bilan bajarishdan ko'ra, barcha umumiy muammolarni avtomatik ravishda hal qilish uchun Sketch Cleaner-dan foydalaning.
03. Anima
- Bu erda yuklab oling
- Narxi: Yuqoriga qarab bepul
- Xulosa: Tezkor, yuqori aniqlikdagi prototiplarni yarating
Ilgari alohida bepul plaginlar sifatida mavjud bo'lgan - Auto Layout va Launchpad - Anima endi barcha ekranlarga mos keladigan pin, stak va plomba va yuqori aniqlikdagi prototiplar bilan javob beradigan maketlarni yaratishda sizga yordam beradigan "all-in-one" plaginidir. Hali ham bitta loyihani qo'llab-quvvatlaydigan bepul versiya mavjud; cheksiz loyihalar uchun narxlar oyiga 25 dollardan boshlanadi.
04. Sketch.app-ga reaksiya bering
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Sketchga reaktiv qismlarni ko'rsatish
Sketchdagi dizayn aktivlarini boshqarish qiyin bo'lishi mumkin. Ushbu qulay Sketch plaginlari aktivlaringizni boshqarish uchun osonroq va ishonchli usulni taqdim etadi. Dizaynlaringizni kodda React komponentlari sifatida amalga oshiring, so'ngra ularni eskizga o'tkazish uchun ushbu plaginni ishlating. Bundan tashqari, Sketch fayllaringizga haqiqiy ma'lumotlarni olish va amalga oshirishni osonlashtiradi.
React Sketch.app dizaynerlar va ishlab chiquvchilar o'rtasidagi tafovutni ko'paytirishga yordam berish maqsadida Airbnb tomonidan dizayn tizimida foydalanish uchun ishlab chiqilgan.
05. Git Sketch Plugin
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Sketch-ga o'rnatilgan Git mijozi
Ushbu plagin Sketch-ga versiya boshqaruvini kiritishga qaratilgan. U dizaynning har bir qismi uchun rasmni eksport qilish orqali ishlaydi, so'ngra juda ko'p farqlarni keltirib chiqaradi, shuning uchun qanday o'zgarishlar kiritilganligi aniq. Loyihalash jarayonining har bir bosqichini hujjatlashtirish orqali jamoadagi hamma dizayn qanday rivojlanganligini ko'rishlari mumkin.
Git Sketch Plugin-ni Matye Dutur yaratgan, u keyinchalik Kaktus deb nomlangan keng qamrovli, pullik versiyalarni boshqarish tizimini yaratishga o'tgan.
06. ImageOptim
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Sketch-da rasmlarni optimallashtirish
Sketch SVG fayllarini optimallashtirish uchun o'z echimini taklif qilar ekan, JPG va PNG rasmlarini siqish uchun imkoniyatlar mavjud emas. ImageOptim bir necha yillardan beri qattiq xizmatni taklif qilayotganligi sababli, ushbu funktsiyani Sketch-ga etkazishi mantiqan to'g'ri keladi.
Yuklash vaqtlari va tasvirni optimallashtirish haqida g'amxo'rlik qiladigan har qanday dizayner (barcha dizaynerlar bo'lishi kerak) ImageOptim-ni o'z asboblar qutisiga qo'shishi kerak. E'tibor bering, plagin bilan bir qatorda sizga MacOS tizimingizda o'rnatilgan asosiy ImageOptim ilovasi (bepul) kerak bo'ladi va siz hali ham Sketch-da eksport qilinadigan qatlamlarni belgilashingiz kerak (boshlash uchun "Barcha aktivlarni eksport qilish va optimallashtirish" ga o'ting).
07. Sehrli oyna
- Bu erda yuklab oling
- Narxi: Oyiga $ 4 dan
- Xulosa: Tasvirni istiqbolli o'zgartirish vositasi
Agar siz ta'sirchan mahsulot maketlarini yaratmoqchi bo'lsangiz, lekin hiyla-nayrang bilan shug'ullanish uchun Photoshop-ga sakrashni davom ettirsangiz, Magic Mirror siz uchun hayotni saqlab qolishi mumkin. Bu Sketchni tark etmasdan, perspektivli maketlar va boshqa buzilgan effektlarni yaratishga imkon beruvchi tasvirni perspektivli o'zgartirish vositasi.
08. Ko'proq eksport qilish
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Avtomatik ravishda to'ldiruvchi rasmlarni yaratadi
Joylashtiruvchi rasmlarni dizaynga qo'shish prototiplashning zaruriy qismidir, ammo haqiqiy rasmlarni topish og'riq keltirishi mumkin. Shunday qilib, vaqtni sarflashdan ko'ra, barchasini Day Player-ga qoldiring. Bu sizga biron bir Sketch hujjatiga bir nechta turli xil to'ldiruvchi rasm xizmatlaridan moslashtirilgan plomba rasmlarini qo'shishga imkon beradi, shuning uchun siz eng katta qaror Bill Marrey, Nikolas Keyj yoki mushukchalardan foydalanishni xohlaysizmi bo'ladi.
11. Bozor
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: CSS uslublarini o'lchaydigan va oladigan HTML sahifasini yarating
Agar siz Sketch dizayningizdan CSS uslublarini olishni istasangiz, u holda Marketch kabi plagin juda zarur. Bu sizning eskizlar taxtangizni HTML hujjatlari bilan to'ldirilgan zip fayli sifatida eksport qilishingizga imkon beradi, shunda siz ko'p miqdordagi shirin CSS-ni chiqarib olishga tayyor bo'lishingiz mumkin.
12. Segmentlangan doiralar
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Aniq dumaloq grafikalar yarating
Diagrammalar va diagrammalar uchun segmentlangan doiralarni yasashning tezkor usuli. Ushbu plagin dumaloq diagrammaning turli uslublarini, shu jumladan chiziqli va belgilanadigan doiralarni ishlab chiqishi mumkin va qalinligi vergul bilan ajratilgan qiymatlarning oddiy ro'yxati orqali boshqariladi.
13. Sketch yuguruvchisi
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Qidiruv uchun diqqat markazida
Eskiz minimalist klaviatura ish oqimi uchun juda yaxshi ko'rilgan. Aytish joizki, har doim ikki yoki uchta klaviatura yorliqlari bor, ular siz doimo unutasiz yoki Photoshop kabi boshqa dizayn dasturlari bilan chalkashtirasiz - va klaviatura yorlig'i bo'lmagan va chuqurroq yashiringan kamroq tarqalgan vositalar va xususiyatlarni unutmaylik. Eskiz menyusi.
Sketch Runner ushbu muammolarni hal qiladi va buni macOS foydalanuvchilari yaxshi biladigan tarzda bajaradi - Sketch Runner - bu macOS Spotlight, ammo Sketch uchun.
14. Shrift belgisi
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Belgilar shriftlarini boshqarish
Belgilar shriftlari - bu veb-dizayndagi piktogrammalardan eksport qilish va tonna tasvir aktivlarini optimallashtirishga hojat qoldirmasdan foydalanishning yuqori samarali usuli. Odatda biz belgi shriftlariga murojaat qilamiz bosh> CSS va JavaScript-da bo'lgani kabi HTML veb-sahifalarining qismi. Biroq, ularni Sketch-da ishlatish biroz murakkabroq. Yaxshiyamki, Icon Shrift buni osonlashtiradi.
Sketch IconFont-ni yuklab olib o'rnatgandan so'ng, SVG shrift fayllarini yuklab oling yoki FontAwesome, Material Design Icons, Ion Icons va Simple Line Icons uchun shrift fayllarini o'z ichiga olgan ushbu shrift to'plamini yuklab oling. Tugatgandan so'ng plaginlar> Belgilar shrifti> Shrift to'plamini o'rnatish-ga o'ting, "Faylni ochish" dialog oynasidan yuklab olingan shriftlarni tanlang, so'ng qo'shish uchun plaginlar> Belgilar shrifti> Grid qo'shimchasi> [kerakli belgi shrifti] -ga o'ting. belgi.
Agar siz o'zingizning dizayningiz uchun maxsus piktogramma yaratmoqchi bo'lsangiz ham, sizning ixtiyoringizda tayyor piktogramma sizga dizaynning dastlabki bosqichlarida tezkor prototiplarni yaratishda yordam beradi va past sodiqlikdagi maketlaringizga biroz ko'proq aniqlik / vafo qo'shadi. .
15. Toping va almashtiring
- Bu erda yuklab oling
- Narxi: Ozod
- Xulosa: Tanlangan qatlamlarda matnni toping va almashtiring
Matn muharrirlari topishingiz va almashtirishingiz kerak bo'lgan yagona joy emas - bu Sketch-da ham foydali. Ushbu plagin juda ko'p rivojlangan variantlarga ega va u sizga tanlangan qatlamlarda (va tarkibidagi barcha narsalarni) matndagi ba'zi bir so'zlar yoki iboralarni qidirib topishingizga imkon beradi, so'ngra uni osongina almashtiring.
Keyingi sahifa: Ko'proq vaqtni tejaydigan Sketch plaginlari
