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