Guía de croquis

The Ultimate Sketch Resource Archive ūüóĄ

¬°El "Ooh, no creo que tenga que ir a buscar m√°s archivos"!

Bosquejo. Has escuchado sobre eso? Es una herramienta de dise√Īo / aplicaci√≥n / programa que se ejecuta en una Mac, algo as√≠. Ha existido por algunos a√Īos ahora. 8 a√Īos para ser exactos vienen este septiembre. Crikey!

Sketch fue la "cosa" que me hizo hacer la transici√≥n del mundo de Photoshop (nunca fue un gran usuario de Fireworks. Photoshop me arrastr√≥ de regreso) alrededor de los 4 a√Īos, m√°s o menos.

Ahora, inicialmente no tom√© Sketch. ¬°Qu√©! ¬°Espere! S√≠, ll√°mame charlat√°n de alg√ļn tipo, pero Photoshop estaba tan arraigado en mi flujo de trabajo y psique de dise√Īo que encontr√© Sketch, bueno, un poco b√°sico, un poco aburrido, un poco demasiado vainilla para m√≠ cuando estaba acostumbrado a Mint Choc Chip (tres cucharadas que podr√≠a agregar) con Photoshop, esos fueron mis pensamientos sin educaci√≥n inicialmente.

Era muy extra√Īo, pero supuse que Photoshop era c√≥mo deber√≠an ser todas las futuras herramientas de dise√Īo de interfaz de usuario, aunque sab√≠a que Photoshop no estaba dise√Īado para ese prop√≥sito, sino una herramienta que estaba torcida y deformada en otra cosa (Fireworks intent√≥ hacer las cosas un poco diferente, pero a√ļn as√≠ ...).

Entonces, cuando apareci√≥ Sketch y se sinti√≥, bueno, un poco simplista de una manera extra√Īa, inicialmente no pude entenderlo y sent√≠ que de alguna manera iba a comenzar a usar una herramienta que me retrasar√≠a unos a√Īos con mi dise√Īo existente habilidades.

No entendí bastante Sketch. Eso fue lo que sentí, que no entendía completamente lo que me estaba ofreciendo en ese momento.

Que de alguna manera esta nueva herramienta en el bloque me ayudar√≠a a desentra√Īar todas las habilidades, m√©todos, etc., que hab√≠a acumulado a lo largo de los a√Īos previos a la introducci√≥n de este nuevo advenedizo etiquetado como "Boceto".

As√≠ que lo prob√© para un par de proyectos, o tal vez cerca de un proyecto y medio, lo met√≠ en la casilla marcada ‚ÄėNah. No es mi bolso beb√© ", hice clic en el icono de Photoshop en la barra de herramientas y volv√≠ a trabajar. Volviendo a lo que me sent√≠a c√≥modo y a lo que hab√≠a sabido durante tanto tiempo (eso e Illustrator).

No estoy seguro de qu√© fue lo que me hizo subir esas escaleras de regreso al √°tico y soplar el polvo de mi copia de Sketch (¬ŅRecuerdas cuando el software realmente vino en una caja?!?). Creo que fueron un par de cosas. El primero fue Speed; Incluso despu√©s de usar Photoshop durante muchos, muchos a√Īos, y sabiendo cada cent√≠metro, y el 90% de los atajos de teclado, sent√≠ que su uso en el dise√Īo de la interfaz de usuario hacia el que me inclinaba cada vez m√°s era engorroso por decir lo menos, y de Por supuesto, como todos sabemos, PS no fue creado para ese prop√≥sito, incluso aunque Adobe intent√≥ crear una versi√≥n digital de Frankensteins Monster.

Lo segundo fue encontrar una serie de tutoriales de un dise√Īador que hab√≠a usado Sketch durante un par de a√Īos hasta ese momento. S√≠, los dise√Īadores con tiempo todav√≠a pueden usar Tutoriales, y con Sketch como una nueva herramienta para m√≠, no fue diferente a cuando profundic√© en Photoshop y le√≠ un tutorial sobre

Estos dir√≠a que fueron las 2 cosas clave que me movieron la aguja, y decid√≠ ser un valiente soldado y saltar a Sketch. No volver a cambiar a PS (aparte del retoque extra√Īo de la imagen. ¬°Ahhhh, as√≠ es como obtuvo su nombre! ¬°Bueno, nunca!).

Y, bueno, ¬°el resto es historia!

Desde Sketch, hemos tenido Figma, y ‚Äč‚Äčpronto InVision Studio, Phase y estoy seguro de que hay otros esperando en las alas. He probado todos estos, y he quedado muy impresionado con las caracter√≠sticas que poseen algunos de ellos, con Studio volviendo la cabeza considerablemente a lo que tiene que ofrecer, especialmente cuando evoluciona fuera de la etapa Beta.

¡Pero para mí, Sketch todavía está donde está!

Okay. Basta de mis gofres y reminiscencias.

Despu√©s de usar Sketch durante bastante tiempo, me encontr√© y adquir√≠ una lista bastante espl√©ndida de Recursos, Herramientas, Complementos que he usado, estoy usando actualmente o me gustar√≠a tomar un peque√Īo bocado, todo en uno Archivo pr√°ctico para que pueda echar un vistazo furtivo y consultar f√°cilmente de vez en cuando.

¬°¬°Disfrutar!!

Recursos de dise√Īo y kits

  • Recursos de dise√Īo de Apple (https://developer.apple.com/design/resources)
  • Kit de interfaz gr√°fica de usuario de iOS 11 (https://facebook.design/ios11)
  • Kit de interfaz de usuario de iOS 11 (https://designcode.io/ios11-ui-kit)
  • Kit de interfaz de usuario macOS Sierra (https://github.com/alexkaessner/macOS-UI-Kit)
  • Kit de estructura al√°mbrica Firebase (https://dribbble.com/shots/2700442-Wirebase)
  • Kit de estructura met√°lica de plataforma (https://platforma.ws)
  • Kit de interfaz de usuario de Elements (https://sketchapp.com/elements)
  • Kit de interfaz de usuario de cubierta (https://www.invisionapp.com/blog/card-ui-kit-deck)
  • Kit de interfaz de usuario de correo (https://www.invisionapp.com/blog/free-ui-kit-for-sketch-and-photoshop-mail)
  • Kit de interfaz de usuario de alimentaci√≥n (https://getstream.io/based-feed-ui-kit-sketch)
  • NOW UI Kit (https://www.invisionapp.com/now)
  • DO UI Kit (https://www.invisionapp.com/do)
  • Kit de interfaz de usuario de chat (https://www.invisionapp.com/chat)
  • Dispositivos iOS (http://robbiepearce.com/devices)
  • √Āngulo (https://designcode.io/angle)

Sistemas de dise√Īo / Kits de inicio ‚öô

  • Caba√Īa (https://cabanadesignsystem.com)
  • UX Power Tools (https://www.uxpower.tools)
  • Marcos (http://framesforsketch.com)
  • Yeso (http://plasterdesignsystem.com)
  • Atomizar (https://gumroad.com/l/atomize)
  • Rayo (http://www.lightningdesignsystem.com)
  • Carbono (https://github.com/carbon-design-system/carbon-design-kit)
  • S√≠mbolos y gu√≠as de estilo (http://janlosert.com/store/symbols-styleguides.html)

Herramientas / aplicaciones complementarias ūüõ†

  • Framer (https://framer.com)
  • Flinto (https://www.flinto.com)
  • Principio (https://principleformac.com)
  • Origami Studio (https://origami.design)
  • Sympli (https://sympli.io)
  • At√≥mico (https://atomic.io)
  • Proto.io (https://proto.io)
  • Marvel (https://marvelapp.com)
  • ProtoPie (https://www.protopie.io)
  • InVision (https://www.invisionapp.com)
  • Zeplin (https://zeplin.io)
  • Resumen (https://www.goabstract.com)
  • Locura (https://icons8.com/lunacy)
  • Launchpad (https://launchpad.animaapp.com)
  • Supernova Studio (https://www.supernova.studio)
  • Aplicaci√≥n perfecta (https://flawlessapp.io)
  • IconJar (https://geticonjar.com)
  • Aplicaci√≥n Nucleo (https://nucleoapp.com)
  • Lingo (https://www.lingoapp.com)
  • Noun Project para Mac (https://thenounproject.com/for-mac)

Complementos

  • xLayers (https://xlayers.app)
  • Flujos de usuarios (http://abynim.github.io/UserFlows)
  • Artesan√≠a (https://labs.invisionapp.com/craft)
  • Runner (http://sketchrunner.com)
  • Organizador de s√≠mbolos (https://github.com/sonburn/symbol-organizer)
  • FontRapid (https://fontrapid.com)
  • Iconos de boceto (https://sketchicons.com)
  • Dise√Īo autom√°tico https://animaapp.github.io/Auto-Layout
  • L√≠nea de tiempo https://timeline.animaapp.com
  • Tema de medianoche https://midnightsketch.com
  • Paddy https://github.com/DWilliames/paddy-sketch-plugin
  • Gr√°fico https://github.com/pavelkuligin/chart
  • Overrideit https://github.com/ahmedmigo/overrideit-sketchplugin
  • Gu√≠as de croquis https://celynxie.com/sources/sketchguides.html
  • Sketch Focus https://sketchfocus.com
  • Muestras para Sketch https://github.com/Ashung/Sketch_Swatches
  • Botones m√°gicos https://github.com/upxlabs/magic-buttons-sketch-plugin
  • Acoplar https://github.com/einancunlu/Flatten-Plugin-for-Sketch
  • Estados http://states.design
  • Sketch Measure https://github.com/utom/sketch-measure
  • Kactus https://kactus.io
  • PaintCode http://www.paintcodeapp.com/sketch
  • C√≠rculos segmentados https://github.com/design4use/gb-sketch-segmentcircle
  • Coma https://github.com/margusholland/Comma
  • Paleta de colores Swift https://github.com/nahitheper/SwiftColorPalette
  • Arrowfy https://github.com/joclin/arrowfy

Bosquejo de aprendizaje y recursos

  • Sketch App Sources (http://www.sketchappsources.com)
  • Sketch Tricks (http://sketchtricks.com)
  • Sketch App Hub (https://sketchapphub.com)
  • Dise√Īo + C√≥digo (https://designcode.io)
  • Learn UX (https://learnux.io/course/sketch)
  • Aprender dise√Īo de interfaz de usuario (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)
  • Hola dise√Īador (http://heydesigner.com/sketchapp)

Oh. ¬°Antes de que te vayas! Me encantar√≠a seguir agregando a este Archivo, as√≠ que por favor cont√°ctame en los comentarios si tienes alguna peque√Īa pepita de utilidad que te gustar√≠a que se agregue aqu√≠.

Desea dise√Īar mejor, m√°s inteligente y m√°s r√°pido en Sketch. Obtenga una copia de mi popular Sistema de dise√Īo - Cabana aqu√≠ mismo.

Use el código de oferta MEDIUM25 para recibir un 25% de descuento.

Gracias por leer el articulo,

Bagazo

Dise√Īador, autor, padre y amante de los tiempos felices!