Sketch para diseño web
nube de bocetos
De hecho, he oído hablar de una creciente reacción contra el desperdicio de horas facturables en el desarrollo de composiciones de Photoshop totalmente renderizadas. Los bocetos te dan la flexibilidad necesaria para perfeccionar y generar diseños iterativos y evolutivos sin tener que gastar el presupuesto en un trabajo de especificaciones totalmente realizado y en composiciones digitales.
Además, he comprobado que los clientes tienden a encontrar el trabajo lo suficientemente informal como para poder sugerir cambios y hacer ediciones. Las composiciones totalmente renderizadas parecen «acabadas» o casi completas. Creo que eso puede dificultar la voluntad del cliente de sugerir mejoras o cambios. Los bocetos son sueltos, amigables, informales… se pueden borrar y cambiar.
Los wireframes tienden a estar muy cargados de texto y rara vez comunican la dirección artística y el tono. Especialmente para la fotografía y los activos visuales. ¿Cuándo fue la última vez que una gran «X» dijo algo sobre tu fotografía?
Al dibujar, puedes hacer un desarrollo rápido, casi como un tren de pensamiento, para plasmar tus ideas rápidamente. Funciona sobre la marcha, por lo que puedes pasar menos horas facturables frente al monitor y más tiempo generando ideas. Sólo tienes que remangarte y encontrar soluciones.
sketch gratis
En nuestra empresa, Typeform, acabamos de cambiar todo nuestro proceso de diseño web/UI de Photoshop y Fireworks a Sketch. Basándonos en nuestras experiencias colectivas de primera mano, nos gustaría discutir algunas de las características de la aplicación que nos ayudan a realizar nuestro trabajo de diseño de manera más eficiente.
En nuestra empresa, utilizamos principalmente software de diseño visual para el diseño web/UI. Esto significa que casi siempre necesitamos poder convertir un prototipo de diseño estático en HTML y CSS. Con Sketch, hemos descubierto que este proceso es increíblemente fácil.
Los desarrolladores de Sketch crearon la aplicación pensando en el CSS. Todo lo que se puede hacer en la aplicación se puede reproducir utilizando las especificaciones CSS actuales. En Sketch, no hay efectos visuales locos e irrealizables que hagan que los desarrolladores de front-end te odien, sólo los que realmente puedes escribir usando CSS.
Todo lo que creas en Sketch es un elemento vectorial. Por ello, puedes escalarlos sin preocuparte por la pixelación. Esto es especialmente útil cuando se exportan activos para pantallas @2x, como las pantallas Retina de Apple, así como cuando se trabaja con SVG.
sketch para windows
Con un conjunto de herramientas intuitivas de edición vectorial y operaciones booleanas editables, puedes iterar fácilmente sobre tu trabajo -ya sea un nuevo icono o tu próximo producto innovador- en cualquier etapa del proceso de diseño.
Mantén todo organizado en tu lienzo infinito con mesas de trabajo flexibles y preajustes que te permiten diseñar como quieras. Además, gracias a las cuadrículas personalizables y a las sencillas herramientas de cambio de tamaño, podrás adaptar tu trabajo a cualquier tamaño de pantalla.
Con los símbolos, puedes crear un componente una vez, reutilizarlo en cualquier lugar y actualizar cada instancia del mismo en tu diseño cuando necesites hacer un cambio. Y con Smart Layout, sus símbolos cambiarán de tamaño automáticamente para adaptarse a su contenido.
Comparta su trabajo con cualquier persona, en cualquier navegador web, a través de su espacio de trabajo. Allí, puede obtener comentarios, transferir a los desarrolladores o invitar a los clientes a ver su trabajo, con permisos de documentos para mantener el control.
Elige entre cientos de plugins, asistentes e integraciones que te permiten hacer de todo, desde animar las interacciones hasta hacer tus diseños más accesibles. ¿Sigues sin encontrar exactamente lo que necesitas? Nuestro sistema de archivos abierto significa que es fácil crear tus propias extensiones.
sketch vs figma
De hecho, he oído hablar de una creciente reacción contra el desperdicio de horas facturables en el desarrollo de composiciones de Photoshop completamente renderizadas. Hacer bocetos te da la flexibilidad de perfeccionar y generar diseños iterativos y evolutivos sin tener que gastar el presupuesto en trabajos de especificaciones totalmente realizados y composiciones digitales.
Además, he comprobado que los clientes tienden a encontrar el trabajo lo suficientemente informal como para poder sugerir cambios y hacer ediciones. Las composiciones totalmente renderizadas parecen «acabadas» o casi completas. Creo que eso puede dificultar la voluntad del cliente de sugerir mejoras o cambios. Los bocetos son sueltos, amigables, informales… se pueden borrar y cambiar.
Los wireframes tienden a estar muy cargados de texto y rara vez comunican la dirección artística y el tono. Especialmente para la fotografía y los activos visuales. ¿Cuándo fue la última vez que una gran «X» dijo algo sobre tu fotografía?
Al dibujar, puedes hacer un desarrollo rápido, casi como un tren de pensamiento, para plasmar tus ideas rápidamente. Funciona sobre la marcha, por lo que puedes pasar menos horas facturables frente al monitor y más tiempo generando ideas. Sólo tienes que remangarte y encontrar soluciones.