Sketch. Вы слышали о нем? Это дизайн инструмент/приложение/программа, которая работает на Mac. Ей уже несколько лет. Если быть точным, то в этом сентябре исполнится 8 лет. Вот так-то!
Sketch был «вещью», которая заставила меня 4 года назад или около того уйти из мира Photoshop (никогда не был фанатом Fireworks).
Я не сразу принял Sketch. Да, назовите меня каким-то шарлатаном, но Photoshop настолько укоренился в моем рабочем процессе и дизайнерском сознании, что я посчитал Sketch, ну, слегка примитивным, вроде как скучным. Он был для меня слегка ванильным. В то время, как Photoshop, к которому я привык, был мятным мороженым с шоколадной крошкой. Таково было мое первое впечатление.
Это было очень странно, но я считал, что Photoshop — это образец инструмента разработки дизайна интерфейсов. Даже в том случае, если я знал, что Photoshop не был создан для этой цели (Fireworks пытался сделать это немного иначе, но он все еще не был достаточно хорош).
Поэтому, когда появился Sketch, он показался мне чрезмерно упрощенным, я не смог сразу принять его. Я подумал, что, если я, с моими нынешними навыками дизайнера, начну использовать этот инструмент, то он заставит меня вернуться назад на несколько лет.
Тогда я не совсем понял, что Sketch мне предлагал.
Каким-то образом этот новый инструмент собирался помочь мне раскрыть все навыки, методы
Поэтому я попробовал его для пары проектов и убрал в коробку с надписью: «Нет. Это не для меня, детка». Затем я нажал на иконку Photoshop на панели инструментов и вернулся к работе. Вернулся к тому, что мне было удобно, к тому, что я знал уже долгое, долгое время (еще Illustrator).
Я не уверен, что заставило меня подняться по лестнице на чердак и стряхнуть пыль с моей копии Sketch (помните, когда программное обеспечение продавалось в коробках?!?). Думаю, было несколько факторов. Первый — это скорость. Даже используя Photoshop на протяжении многих, многих лет и зная каждый его дюйм и 90% сочетаний клавиш, я чувствовал, что он не годится для разработки дизайна интерфейсов. Конечно, все мы знаем, что Photoshop не был создан для этой цели.
Второй фактор — это набор обучающих видео от дизайнера, который на протяжении нескольких лет использовал Sketch. Да, дизайнеры, работающие по времени, все еще могут использовать обучающие руководства, а Sketch — это новый для меня инструмент. В свое время аналогичным образом я осваивал Photoshop.
Это были ключевые факторы, подтолкнувшие меня перейти на Sketch.
Ну, а остальное — история!
После Sketch у нас была Figma, вскоре появились InVision Studio, Phase, и я уверен, что будут и другие программы. Я пробовал их все, и меня сильно впечатлили некоторые функции, особенно у Studio.
Но для меня Sketch стал классикой!
ОК. Довольно моего бреда и воспоминаний.
За долгое время использования Sketch, я собрал в один удобный архив великолепный список ресурсов, инструментов и плагинов, которые я использовал раньше или использую в настоящее время.
Наслаждатесь!
Ресурсы дизайна и наборы ?
- Дизайн ресурсы Apple (https://developer.apple.com/design/resources)
- Набор UI Kit iOS 11 от Facebook (https://facebook.design/ios11)
- UI Kit iOS 11(https://designcode.io/ios11-ui-kit)
- UI Kit macOS Sierra (https://github.com/alexkaessner/macOS-UI-Kit)
- Набор вайрфреймов (https://dribbble.com/shots/2 700 442-Wirebase)
- Набор вайрфреймов Platforma(https://platforma.ws)
- UI Kit Elements (https://sketchapp.com/elements)
- UI Kit Deck (https://www.invisionapp.com/blog/card-ui-kit-deck)
- UI Kit Mail (https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail)
- UI Kit Feed (https://getstream.io/based-feed-ui-kit-sketch)
- UI Kit NOW (https://www.invisionapp.com/now)
- UI Kit DO (https://www.invisionapp.com/do)
- UI Kit Chat(https://www.invisionapp.com/chat)
- iOS устройства (http://robbiepearce.com/devices)
- Angle (https://designcode.io/angle)
Дизайн-системы, стартовые наборы ⚙
- Cabana (https://cabanadesignsystem.com)
- UX Power Tools (https://www.uxpower.tools)
- Frames (http://framesforsketch.com)
- Plaster (http://plasterdesignsystem.com)
- Atomize (https://gumroad.com/l/atomize)
- Lightning (http://www.lightningdesignsystem.com)
- Carbon (https://github.com/carbon-design-system/carbon-design-kit)
- Symbols & Styleguides (http://janlosert.com/store/symbols-styleguides.html)
- Symbol Design (https://symboldesign.co)
Дополнительные инструменты/Приложения ?
- Framer (https://framer.com)
- Flinto (https://www.flinto.com)
- Principle (https://principleformac.com)
- Origami Studio (https://origami.design)
- Sympli (https://sympli.io)
- Atomic (https://atomic.io)
- io (https://proto.io)
- Marvel (https://marvelapp.com)
- ProtoPie (https://www.protopie.io)
- InVision (https://www.invisionapp.com)
- Zeplin (https://zeplin.io)
- Abstract (https://www.goabstract.com)
- Lunacy (https://icons8.com/lunacy)
- Launchpad (https://launchpad.animaapp.com)
- Supernova Studio (https://www.supernova.studio)
- Flawless App (https://flawlessapp.io)
- IconJar (https://geticonjar.com)
- Nucleo App (https://nucleoapp.com)
- Lingo (https://www.lingoapp.com)
- Noun Project for Mac (https://thenounproject.com/for-mac)
Плагины ?
- User Flows http://abynim.github.io/UserFlows
- Craft https://labs.invisionapp.com/craft
- Runner http://sketchrunner.com
- Symbol Organizer https://github.com/sonburn/symbol-organizer
- FontRapid https://fontrapid.com
- Sketch Icons https://sketchicons.com
- Auto Layout https://animaapp.github.io/Auto-Layout
- Timeline https://timeline.animaapp.com
- Midnight Theme https://midnightsketch.com
- Paddy https://github.com/DWilliames/paddy-sketch-plugin
- Chart https://github.com/pavelkuligin/chart
- Overrideit https://github.com/ahmedmigo/overrideit-sketchplugin
- Sketch Guides https://celynxie.com/sources/sketchguides.html
- Sketch Focus https://sketchfocus.com
- Swatches for Sketch https://github.com/Ashung/Sketch_Swatches
- Magic Buttons https://github.com/upxlabs/magic-buttons-sketch-plugin
- Flatten https://github.com/einancunlu/Flatten-Plugin-for-Sketch
- States http://states.design
- Sketch Measure https://github.com/utom/sketch-measure
- Kactus https://kactus.io
- PaintCode http://www.paintcodeapp.com/sketch
- Segmented Circles https://github.com/design4use/gb-sketch-segmentcircle
- Comma https://github.com/margusholland/Comma
- Swift Color Palette https://github.com/nahitheper/SwiftColorPalette
- Arrowfy https://github.com/joclin/arrowfy
Образовательные ресурсы по Sketch (ENG)?
- Sketch App Sources (http://www.sketchappsources.com)
- Sketch Tricks (http://sketchtricks.com)
- Sketch App Hub (https://sketchapphub.com)
- Design + Code (https://designcode.io)
- Learn UX (https://learnux.io/course/sketch)
- Learn UI Design (https://learnui.design)
- Sketch Master (http://sketchmaster.com)
- Sketch Casts (http://www.sketchcasts.net)
- Sketch App TV (http://sketchapp.tv)
- Sketch Talk (http://talk.sketchapphub.com)
- Sketch Repo (https://sketchrepo.com)
- Hey Designer (http://heydesigner.com/sketchapp)
О, и напоследок! С удовольствием буду расширять этот архив, поэтому, пожалуйста, если знаете полезный ресурс, который вы хотели бы увидеть в этом списке, пишите в комментариях.
Спасибо за прочтение статьи,
Марк — дизайнер, автор, отец и любитель фильма «Счастье на час»!
Нет комментариев