Задаволены
- 01. Скапіруйце і ўстаўце накіроўвалыя
- 02. Ачышчальнік эскізаў
- 03. Аніма
- 04. React Sketch.app
- 05. Убудова Git Sketch
- 06. ImageOptim
- 07. Чароўнае люстэрка
- 08. Больш экспартаваць
- 11. Маркетч
- 12. Сегментаваныя кругі
- 13. Эскіз бягун
- 14. Шрыфт абразкоў
- 15. Знайсці і замяніць
Убудовы Sketch дапамагаюць зрабіць Sketch яшчэ лепшым. Эскіз - гэта выбар інструмента вэб-дызайну для карыстацкага інтэрфейсу, які выбіраюць для многіх, і частка таго, што робіць настолькі добрым, - гэта супольнасць людзей, якія працуюць над пашырэннем яго функцыянальнасці і функцый шляхам стварэння карыстацкіх убудоў.
Кіраванне вашымі ўбудовамі Sketch стала прасцей, чым калі-небудзь раней. Убудовы абнаўляюцца аўтаматычна, а састарэлыя адключаюцца. Зрабіць экасістэму плагіна яшчэ больш карыснай - гэта Sketch Cloud, служба абмену файламі, на якую можа падпісацца любы чалавек, дзе вы можаце праглядаць, загружаць і каментаваць дакументы Sketch, якія былі агульнадаступныя альбо прыватныя, прама з Sketch.
Такім чынам, давайце паглядзім лепшыя ўбудовы Sketch - тыя, якія могуць кардынальна змяніць спосаб распрацоўкі карыстацкіх інтэрфейсаў. Пасля таго, як вы заўважылі патрэбны, прачытайце, як усталяваць убудовы Sketch. Калі вы любіце свае вэб-інструменты, не прапусціце нашы ўлюбёныя інструменты вэб-дызайну, канструктар сайтаў і воблачныя сховішчы. І памятайце, што ваш выбар правайдэра вэб-хостынгу мае вырашальнае значэнне для поспеху вашага сайта (наш гід дапаможа).
01. Скапіруйце і ўстаўце накіроўвалыя
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Скапіруйце, устаўце або выдаліце накіроўвалыя са сваіх мастацкіх шчытоў
Кожны дызайнер мае адносіны любові / нянавісці з гідамі. Часам яны вельмі неабходныя, а астатні час яны проста перашкаджаюць вам. Калі вы выкарыстоўваеце накіроўвалыя замест варыянта макета Sketch, змяненне іх для некалькіх мантажных абласцей можа стаць кашмарам, але з дапамогай гэтага ўбудовы лёгка скапіяваць, уставіць і выдаліць накіроўвалыя з усіх мантажных полаў.
02. Ачышчальнік эскізаў
- Спампаваць тут
- Кошт: $2
- Рэзюмэ: Атрымайце дызайнерскія файлы чыстымі, як свіст
Любы дызайн Sketch, які прайшоў некалькі ітэрацый, абавязкова прыбярэ трохі непатрэбнага, напрыклад, схаваныя пласты, непаслядоўныя пазіцыі межаў і нявыкарыстаныя стылі слаёў.
Хоць гэта не канец свету, каб мець брудны файл Sketch, гэта можа паўплываць на перадачу, і гэта палегчыць жыццё ўсім, хто павінен разабрацца ў гэтым. Замест таго, каб перабіраць усё ўручную, выкарыстоўвайце Sketch Cleaner для аўтаматычнага вырашэння ўсіх распаўсюджаных праблем.
03. Аніма
- Спампаваць тут
- Кошт: Вызваліць уверх
- Рэзюмэ: Стварыце спагадныя прататыпы высокай дакладнасці
Раней даступны ў выглядзе асобных бясплатных убудоў - Аўтаматычная раскладка і Launchpad - Цяпер Anima - гэта ўбудова "усё ў адным", распрацаванае для стварэння адаптыўных макетаў са шпількамі, стэкамі і пракладкамі і прататыпаў высокай дакладнасці, якія падыходзяць для ўсіх экранаў. Да гэтага часу існуе бясплатная версія, якая падтрымлівае адзін праект; для неабмежаваных праектаў цана пачынаецца з 25 долараў у месяц.
04. React Sketch.app
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Аказвайце кампаненты React у Sketch
Кіраванне рэсурсамі дызайну можа быць складаным у Sketch. Гэты зручны убудова Sketch забяспечвае больш просты і надзейны спосаб кіравання вашымі актывамі. Укараніце свае дызайны ў код як кампаненты React, а затым выкарыстоўвайце гэты убудова, каб зрабіць іх эскізнымі. Гэта таксама палягчае атрыманне і ўкараненне рэальных дадзеных у файлы Sketch.
React Sketch.app быў распрацаваны Airbnb для выкарыстання з яго дызайнерскай сістэмай з мэтай дапамагчы пераадолець разрыў паміж дызайнерамі і распрацоўшчыкамі.
05. Убудова Git Sketch
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Кліент Git, убудаваны ў Sketch
Гэты убудова накіраваны на кіраванне версіямі ў Sketch. Ён працуе шляхам экспарту выявы для кожнай часткі дызайну, а затым генеруе даволі добрыя адрозненні, каб было зразумела, якія змены былі ўнесены. Дакументуючы кожны этап працэсу праектавання, усе ўдзельнікі каманды могуць убачыць, як развіваўся дызайн.
Убудова Git Sketch было створана Мацье Дутурам, які з тых часоў перайшоў да стварэння больш поўнай і платнай сістэмы кіравання версіямі пад назвай Kactus.
06. ImageOptim
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Аптымізацыя выявы ў Sketch
У той час як Sketch прапануе ўласнае рашэнне для аптымізацыі SVG-файлаў, не існуе шэрагу варыянтаў сціскання малюнкаў JPG і PNG. Паколькі ImageOptim ужо некалькі гадоў прапануе трывалую паслугу, то мае сэнс, што яна дадасць гэтую функцыянальнасць Sketch.
Любы дызайнер, які клапоціцца пра час загрузкі і аптымізацыю малюнкаў (што павінна быць усім дызайнерам), павінен дадаць ImageOptim да сваёй панэлі інструментаў. Звярніце ўвагу, што, а таксама ўбудова, вам спатрэбіцца асноўнае прыкладанне ImageOptim (бясплатнае), усталяванае ў вашай сістэме macOS, і вам усё яшчэ трэба будзе пазначаць пласты як экспартавальныя ў Sketch (перайдзіце да "Экспарт і аптымізацыя ўсіх актываў", каб пачаць).
07. Чароўнае люстэрка
- Спампаваць тут
- Кошт: Ад $ 4 / мес
- Рэзюмэ: Інструмент пераўтварэння перспектывы малюнка
Калі вы спрабуеце зрабіць уражлівыя макеты прадуктаў, але вам трэба працягваць скакаць у Photoshop, каб справіцца з хітрымі рэчамі, Magic Mirror можа выратаваць вас. Гэта інструмент пераўтварэння перспектывы малюнка, які дазваляе ствараць макеты перспектыў і іншыя скажоныя эфекты, не пакідаючы Sketch.
08. Больш экспартаваць
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Аўтаматычна стварае запаўняльнікі
Даданне малюнкаў-запаўняльнікаў у дызайн з'яўляецца неабходнай часткай прататыпавання, але пошук рэальных малюнкаў можа быць праблемай. Такім чынам, замест таго, каб марнаваць на гэта час, пакіньце ўсё на Day Player. Гэта дазваляе дадаваць індывідуальныя выявы-запаўняльнікі ў любы дакумент Sketch з шэрагу розных службаў малюнкаў-запаўняльнікаў, таму самым вялікім рашэннем, якое вам трэба будзе прыняць, будзе, ці хочаце вы выкарыстоўваць Біла Мюрэя, Нікаласа Кейджа альбо кацянят.
11. Маркетч
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Стварыць HTML-старонку, якая можа вымяраць і атрымліваць стылі CSS
Калі вы хочаце атрымаць стылі CSS з дызайну Sketch, тады такі ўбудова, як Marketch, вельмі неабходны. Гэта дазваляе экспартаваць вашыя мастацкія макеткі Sketch у выглядзе паштовага файла, поўнага HTML-дакументаў, які можна потым выняць, каб выцягнуць мноства цудоўных CSS, гатовых да працы.
12. Сегментаваныя кругі
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Стварыце дакладную кругавую графіку
Вось хуткі спосаб зрабіць сегментаваныя кругі для дыяграм і дыяграм. Гэты убудова можа ствараць розныя стылі кругавой дыяграмы, уключаючы пункцірныя і галачкавыя кругі, а таўшчыня кантралюецца з дапамогай простага спісу значэнняў, падзеленых коскамі.
13. Эскіз бягун
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Пражэктар пошуку
Эскіз вельмі любяць за яго мінімалістычны працоўны працэс. З улікам сказанага, заўсёды ёсць два-тры спалучэння клавіш, пра якія вы заўсёды, здаецца, забываецеся альбо блытаеце з іншым дызайнерскім дадаткам, напрыклад Photoshop, - і не будзем забываць тыя менш распаўсюджаныя інструменты і функцыі, якія не маюць цэтліка і схаваны ў Меню эскіза.
Sketch Runner вырашае гэтыя праблемы і робіць гэта такім чынам, каб карыстальнікі macOS былі знаёмыя - Sketch Runner - гэта ўвага macOS, але для Sketch.
14. Шрыфт абразкоў
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Кіраванне шрыфтамі значкоў
Шрыфты абразкоў - гэта высокаэфектыўны спосаб выкарыстання абразкоў у вэб-дызайне без неабходнасці экспартаваць і аптымізаваць масу графічных рэсурсаў. Звычайна мы спасылаемся на шрыфты значкоў у кіраўнік> раздзел вэб-старонак HTML, як мы гэта робім з CSS і JavaScript. Аднак выкарыстоўваць іх у Sketch крыху больш складана. На шчасце, шрыфт Icon робіць яго простым.
Пасля загрузкі і ўстаноўкі Sketch IconFont запампуйце файлы шрыфтоў SVG альбо загрузіце гэты набор шрыфтоў, які ўключае файлы шрыфтоў для FontAwesome, абразкі матэрыяльнага дызайну, іённыя абразкі і значкі простых ліній. Пасля завяршэння перайдзіце ў раздзел Убудовы> Шрыфт абразкоў> Усталюйце набор шрыфтоў, выберыце загружаныя шрыфты ў дыялогавым акне Адкрыць файл, затым перайдзіце ў раздзел Убудовы> Шрыфт абразкоў> Устаўка сеткі> [патрэбны шрыфт значка], каб уставіць абраз.
Нават калі вы збіраецеся распрацаваць уласны набор значкоў для вашага дызайну, наяўнасць гатовых значкоў можа дапамагчы вам хутка зрабіць прататыпаванне на пачатковых этапах дызайну, дадаўшы трохі больш выразнасці / дакладнасці вашым макетам з нізкай дакладнасцю. .
15. Знайсці і замяніць
- Спампаваць тут
- Кошт: Бясплатна
- Рэзюмэ: Пошук і замена тэксту ў выбраных слаях
Тэкставыя рэдактары - не адзінае месца, дзе трэба знайсці і замяніць - гэта карысна і ў Sketch. Гэты убудова мае мноства пашыраных опцый, і ён дазваляе шукаць асобнікі пэўных слоў ці фраз у тэксце ў выбраных слаях (і ўсё, што змяшчаецца ў ім), а потым лёгка яго замяніць.
Наступная старонка: Больш эканоміць час убудовы Sketch
