Мазмун
- 01. Көчүрүү жана чаптоо боюнча колдонмолор
- 02. Эскизди тазалагыч
- 03. Anima
- 04. Sketch.app реакциясы
- 05. Git Sketch Plugin
- 06. ImageOptim
- 07. Сыйкырдуу күзгү
- 08. Көбүрөөк экспорттоо
- 11. Marketch
- 12. Сегменттелген чөйрөлөр
- 13. Sketch Runner
- 14. Icon Font
- 15. Табуу жана алмаштыруу
Эскиз плагиндери Эскизди дагы мыкты кылууга жардам берет. Эскиз - бул көпчүлүктүн тандоосу боюнча UI веб-дизайнынын куралы, ал эми анын бир бөлүгүнүн өзгөчөлүгү - бул плагиндерди түзүү менен анын иштешин жана өзгөчөлүктөрүн кеңейтүү үчүн иштеген адамдардын жамааты.
Sketch плагиндерин башкаруу азыр болуп көрбөгөндөй жеңилдеди. Плагиндер автоматтык түрдө жаңырат жана эскиргендери өчүрүлөт. Плагинин экосистемасын ого бетер пайдалуу кылуу - бул Sketch Cloud, каалаган адамдар каттала ала турган файлдарды бөлүшүү кызматы, анда жалпыга ачык же Sketchден түз эле Sketch документтерин көрө, жүктөп жана комментарий бере аласыз.
Ошентип, колдонмодогу интерфейстердин дизайнын кескин өзгөртө турган эң мыкты Sketch плагиндерин карап көрөлү. Каалаганыңызды байкап калгандан кийин, Sketch плагиндерин кантип орнотуу керектигин окуп чыгыңыз. Эгер сиз веб куралдарыңызды сүйсөңүз, биздин сүйүктүү веб-дизайн куралдарыбызды, веб-сайт куруучуну жана булут сактагычтын жыйынтыгын өткөрүп жибербе. Эсиңизде болсун, веб-хостинг провайдерин тандооңуз сиздин сайтыңыздын ийгилиги үчүн өтө маанилүү (биздин гид жардам берет).
01. Көчүрүү жана чаптоо боюнча колдонмолор
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Көрсөткүчтөрдү көчүрүү, чаптоо же алып салуу
Ар бир дизайнер гиддер менен сүйүү / жек көрүү мамилесине ээ. Кээде алар таптакыр маанилүү, ал эми калган убакытта алар сизге тоскоол болуп жатышат. Эгерде сиз Sketch макетинин ордуна колдонмолорду колдонуп жатсаңыз, аларды бир нече artboard тактасына алмаштыруу түшүңүзгө кириши мүмкүн, бирок бул плагин менен колдонмолорду көчүрүү, чаптоо жана алып салуу оңой болот.
02. Эскизди тазалагыч
- Бул жерден жүктөп алыңыз
- Баасы: $2
- Кыскача маалымат: Дизайн файлдарыңызды ышкыргандай таза кылып алыңыз
Бир нече жолу кайталанып өткөн бардык эскиздердин дизайны жолдо жашыруун катмарлар, карама-каршылыктуу чек ара абалдары жана колдонулбаган катмар стилдери сыяктуу бир аз керексиз нерселерди алып кетиши керек.
Башаламан Sketch файлына ээ болуу дүйнөнүн акыры эмес, бирок ал кол менен иштөөгө таасирин тийгизиши мүмкүн жана аны түшүнүү менен кабыл алган адам үчүн жашоону жеңилдетет. Бардыгын кол менен издебестен, жалпы көйгөйлөрдү автоматтык түрдө чечүү үчүн Sketch Cleaner программасын колдонуңуз.
03. Anima
- Бул жерден жүктөп алыңыз
- Баасы: Жогору карай акысыз
- Кыскача маалымат: Жоопкерчиликтүү, жогорку ишенимдүүлүктөгү прототиптерди түзүңүз
Буга чейин өзүнчө бекер плагиндер - Auto Layout жана Launchpad - Anima азыр баардык экрандарга туура келген төөнөгүчтөр, стектер жана толтурмалар жана жогорку сапаттуу прототиптер менен жооптуу макет түзүүгө жардам берүү үчүн иштелип чыккан плагин. Дагы бир долбоорду колдогон акысыз нускасы бар; чексиз долбоорлор үчүн баа айына 25 доллардан башталат.
04. Sketch.app реакциясы
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Sketch үчүн React компоненттерин көрсөтүү
Эскиздеги дизайн активдерин башкаруу кыйынга турушу мүмкүн. Бул ыңгайлуу Sketch плагини активдерин башкаруунун оңой жана ишенимдүү жолун сунуштайт. Дизайндарыңызды React компоненттери катары кодго киргизиңиз, андан кийин аларды плагин менен эскизге айландырыңыз. Ошондой эле, Sketch файлдарыңызга чыныгы маалыматтарды алууну жана киргизүүнү жеңилдетет.
React Sketch.app дизайнерлер менен иштеп чыгуучулардын ортосундагы ажырымды жоюу максатында Airbnb тарабынан дизайн системасы менен иштелип чыккан.
05. Git Sketch Plugin
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Эскизде орнотулган Git кардары
Бул плагин нускаларды башкарууну Sketchке киргизүүнү максат кылат. Дизайндын ар бир бөлүгү үчүн сүрөттү экспорттоп, андан кийин ар кандай айырмачылыктарды жаратуу менен иштейт, андыктан кандай өзгөрүүлөр болгону айдан ачык. Дизайн процессинин ар бир кадамын документтештирүү менен, топтогу ар бир адам долбоордун кандайча алга жылгандыгын көрө алат.
Git Sketch Plugin Mathieu Dutour тарабынан түзүлгөн, ошондон бери ал Kactus деп аталган кеңири, акы төлөнүүчү версияны башкаруу тутумун түзүүгө өткөн.
06. ImageOptim
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Эскиздеги сүрөттү оптималдаштыруу
Sketch SVG файлдарын оптималдаштыруу боюнча өзүнүн чечимин сунуштаса, JPG жана PNG сүрөттөрүн кысуу мүмкүнчүлүктөрү жок. ImageOptim бир нече жылдан бери туруктуу кызматты сунуштап келе жаткандыктан, бул функцияны Sketchке жеткирери акылга сыярлык.
Жүктөө убактысын жана сүрөттү оптималдаштырууну ойлогон ар бир дизайнер (бардык дизайнерлер болушу керек) ImageOptimди шаймандар кутусуна кошушу керек. Плагин сыяктуу эле, сизге MacOS тутумунда орнотулган негизги ImageOptim тиркемеси (акысыз) керек болот, ошондо дагы эскизде катмарларды экспорттолуучу деп белгилешиңиз керек (баштоо үчүн ‘Бардык активдерди экспорттоо жана оптималдаштыруу’ бөлүмүнө өтүңүз).
07. Сыйкырдуу күзгү
- Бул жерден жүктөп алыңыз
- Баасы: $ 4 / айына
- Кыскача маалымат: Сүрөттүн келечектүү трансформациясы куралы
Эгерде сиз таасирдүү продукт макеттерин жасоого аракет кылып жатсаңыз, бирок татаал нерселер менен күрөшүү үчүн Photoshop программасына секирип кире берсеңиз, Magic Mirror сиз үчүн өмүрдү сактап кала алат. Бул Sketchден чыкпай туруп, перспективалык макеттерди жана башка бурмаланган эффекттерди жаратууга мүмкүндүк берүүчү, сүрөттү перспективдүү трансформациялоо куралы.
08. Көбүрөөк экспорттоо
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Толтургуч сүрөттөрдү автоматтык түрдө жаратат
Дизайнга толтургуч сүрөттөрдү кошуу прототиптештирүүнүн зарыл бөлүгү болуп саналат, бирок чыныгы сүрөттөрдү табуу оорутушу мүмкүн. Андыктан убакытты текке кетирбей, бардыгын Day Playerге калтырыңыз. Бул бир нече ар кандай толтургучтар сүрөт кызматтарынын арасынан каалаган Sketch документине настройка толтургуч сүрөттөрдү кошууга мүмкүндүк берет, андыктан Билл Мюррейди, Николас Кейжди же мышыктарды колдонууну каалайсызбы, эң чоң чечим кабыл аласыз.
11. Marketch
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: CSS стилдерин өлчөп, ала турган HTML баракчасын түзүңүз
Эгерде сиз CSS стилдерин эскиздик дизайндарыңыздан алгыңыз келсе, анда Marketch сыяктуу плагин сөзсүз керек. Sketch artboards файлдарын HTML документтери менен толтурулган zip файлдары катары экспорттоого мүмкүнчүлүк берет, андан кийин көптөгөн таттуу CSS -терди сууруп чыгууга болот.
12. Сегменттелген чөйрөлөр
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Так тегерек графиканы түзүңүз
Диаграммалар жана диаграммалар үчүн сегменттелген чөйрөлөрдү жасоонун тез ыкмасы. Бул плагин тегерек схеманын ар кандай стилин түзө алат, анын ичинде үзүк жана белгилөөчү тегеректер бар, ал эми жоондугу үтүр менен ажыратылган маанилердин жөнөкөй тизмеси аркылуу башкарылат.
13. Sketch Runner
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Издөө үчүн прожектор
Эскиз минималисттик баскычтоптун иштөө агымы менен жакшы көрүлөт. Айткандай эле, ар дайым эки же үч баскыч баскычын ар дайым унутуп койгондой сезесиз же башка фотошоп сыяктуу башка колдонмо менен чаташтырасыз - жана баскычтоптун жарлыгы жок, анча кеңири таралган шаймандарды жана функцияларды унутпайлы. Эскиз менюсу.
Sketch Runner бул маселелерди чечет жана аны macOS колдонуучулары жакшы билгендей кылып жасайт - Sketch Runner бул macOS Spotlight, бирок Sketch үчүн.
14. Icon Font
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Сөлөкөт ариптерин башкаруу
Белги ариптери - бул веб-дизайныңыздагы сүрөтчөлөрдүн тонун экспорттоого жана оптималдаштырууга мүмкүнчүлүк бербестен, жогорку натыйжалуу ыкма. Адатта, сөлөкөтүнүн шрифттерине баш> CSS жана JavaScript сыяктуу HTML веб-баракчалардын бөлүгү. Бирок, аларды эскизде колдонуу бир аз татаалыраак. Бактыга жараша, Icon Font аны жеңилдетет.
Sketch IconFont жүктөп жана орноткондон кийин SVG арип файлдарын жүктөп алыңыз же FontAwesome, Material Design Icons, Ion Icons жана Simple Line Icons үчүн арип файлдарын камтыган бул шрифттин топтомун жүктөп алыңыз. Бүткөндөн кийин, Plugins> Icon Font> Install a Font-Bundle, Open File диалогунан жүктөлүп алынган ариптерди тандап, андан кийин Plugins> Icon Font> Grid Insert> [каалаган сүрөтчө ариби] дегенге өтүңүз. белгиси.
Дизайныңызга ылайыкташтырылган ылайыкташтырылган сүрөтчөнү иштеп чыгууну көздөп жатсаңыз дагы, сиздин колуңузда даяр сүрөтчөлөрдүн болушу дизайндын баштапкы этабында тез прототиптөөгө жардам берет, анча-мынча ишенимдүү макеттериңизге бир аз көбүрөөк тактык / ишенимдүүлүк кошот .
15. Табуу жана алмаштыруу
- Бул жерден жүктөп алыңыз
- Баасы: Акысыз
- Кыскача маалымат: Тандалган катмарлардагы текстти таап, ордуна коюңуз
Тексттик редакторлор сиз таба турган жана алмаштыра турган жалгыз жер эмес, бул Sketch программасында да пайдалуу. Бул плагиндин көптөгөн өнүккөн варианттары бар жана ал тексттеги айрым сөздөрдү же сөз айкаштарын тандалган катмарлардан издөөгө мүмкүнчүлүк берет (жана анын ичиндеги бардык нерселер), андан кийин аны оңой эле алмаштырыңыз.
Кийинки бет: Убакытты үнөмдөгөн Sketch плагиндери
