Plantillas de indumentaria para mockups

Tamara

Quiero comentarles sobre un excelente trabajo que realizaron nuestros amigos de Designshock en sus sitio, un conjunto de plantillas de indumentaria para mockups elaboradas en formatos perfectos para editar. Quienes busquen promocionar su marca o bien, sus diseños colocados sobre diferentes tipos de ropa, encontrarán en este paquete posibilidades que se salen de lo común y llaman la atención de una forma muy interesante.

El paquete ofrece dos opciones para acceder a él, según las características de lo que ustedes necesitan, tienen una licencia comercial de U$19 por la que pueden acceder a todo el contenido del paquete o bien, pueden descargar la licencia personal de forma gratuita. El contenido corresponde aproximadamente al 20% del total del paquete y si lo descargan verán que el material es excelente.

Plantillas de indumentaria para mockups

Camisetas sin y con cuello (redondo y en V), hoodies, camisas de mangas largas y algunas combinaciones de posturas y posiciones, les ofrecerán el marco perfecto para mostrar ideas y cómo se verán las marcas que se encuentran proyectando.

Encontrarán archivos en formatos .PSD para Photoshop y un .AI para Illustrator, todos escalables a cualquier resolución y sin inconvenientes de pixelados en los casos que necesiten imprimir.

Plantillas de indumentaria para mockups

Descargar T-Shirt Template | DesignShock

También verán que tienen alternativas de indumentaria femenina y masculina para identificar mejor sus productos y su marca.

Ya sea que se decidan a descargar la opción gratuita o comprar el paquete para uso comercial, sepan que también pueden acceder a todos los bundles que se ofrecen entre varias alternativas que pueden seleccionar, encontrarán una increíble cantidad de recursos de todo tipo y estilo, siempre con una opción gratuita a la que pueden acceder.

Los dejo con el material que puede sumarse a sus opciones de branding, destacando sus diseños de forma que cualquiera pueda entender el concepto de marca que desarrollan y cómo podría utilizarse para un mejor posicionamiento.

Material Design en iOS

Pablo

Al momento de desarrollar una aplicación móvil es importante que la experiencia del usuario sea similar independientemente de la plataforma que el usuario utilice.

Material Design es, probablemente, una de las mejores innovaciones de Google para Android, a la mayoría de los usuarios les gusta y sobretodo entienden perfectamente como funciona esta nueva forma de interactuar.

Emular Material Design en iOS no es tarea sencilla, son muchos controles, efectos, transiciones, animaciones y detalles a tener en cuenta, en pocas palabras un trabajo muy completo, por suerte existe una buena solución llamada Material, una colección de elementos desarrollados como un framework para iOS para emplear Material Design en nuestras aplicaciones para iOS.

material Design en iOS

Los requerimientos básicos son:

  • iOS 8.0 o superior.
  • xCode 7.2 o superior.

Material se instala de forma sencilla, utiliza CocoaPods y Carthage.

Por ejemplo si queremos instalar este framework empleando Carthage:

$ brew update
$ brew install carthage

Y luego en el archivo Carthage:

github "CosmicMind/Material"

Recursos disponibles de Material Design en iOS

Obviamente no están disponibles todos los controles, si embargo la lista no es despreciable, todo lo contrario. Actualmente hay soporte para:

  • MaterialColor
  • SideNavigationViewController
  • NavigationBarView
  • TextField
  • TextView
  • MaterialLayer
  • MaterialView
  • MaterialPulseView
  • FlatButton
  • RaisedButton
  • FabButton
  • CardView
  • ImageCardView
  • CaptureView

El autor de este fantástico proyecto también deja una lista de los controles que serán liberados en las próximas versiones del proyecto:

  • SearchBarView
  • SearchBarViewController
  • TabView
  • TabViewController
  • Scrolling Techniques
  • Dialogs
  • Snackbar
  • ProgressBar (circular y horizontal)
  • DatePicker
  • TimePicker

En el apartado de Github de este genial proyecto pueden ver varias demostraciones de uso.

textfield material design ios

Material se encuentra liberado con copyright, sin embargo el autor permite la libre utilización siempre y cuando se respeten una serie de enunciados descritos en el sitio oficial del proyecto.

Les recomiendo (como siempre) visitar la documentación oficial de este proyecto para descubrir al máximo el potencial de este framework.

Web: Material

 

Imágenes para San Valentín estilo acuarela

Tamara

Llega Febrero y una vez más comienza la superpoblación de imágenes de San Valentín. La idea de compartir estos recursos es que actualicen sus bancos de imágenes y cuenten con material fresco y actualizado en cuestión de estéticas, es por ello que les recomiendo este paquete de imágenes para San Valentín estilo acuarela, un acabado muy popular en este último tiempo y que probablemente vaya ganando más lugar en el gran universo del Diseño.

Generalmente intento compartir recursos que puedan ser de utilidad para aplicarlos en todo tipo de proyectos. En este caso, quizás se vean un tanto limitados si tienen impresiones en tamaños enormes, ya que el formato de las imágenes incluidas en este paquete es .png. Si bien tienen una resolución de 300 DPI, puede que en algunos documentos el tamaño no sea suficiente.

Imágenes para San Valentín estilo acuarela

Aún así, el material es lo bastante bueno para cubrir casi cualquier necesidad gráfica sin mayores complicaciones. Ya sea que quieran decorar sus portadas, perfiles, sitios o bien elaborar sus propias tarjetas de San Valentín, aquellas que anuncian ofertas o promociones siempre necesitan de este tipo de herramientas, seguramente podrán hacerlo impecablemente con este paquete.

Imágenes para San Valentín estilo acuarela

Descargar Valentine’s Watercolor Pack | Pixel Buddha

Encontrarán todo tipo de decoraciones y ornamentos relativos a San Valentín, flores, corazones y animales, además de algunos banners y marcos decorados para combinar o utilizar solos combinados con bellas tipografías de estilo romántico.

La descarga es gratuita e incluye 41 imágenes en formato .png en alta resolución (300 dpi) que pueden ser incluidas tanto en proyectos gráficos como en opciones online y aplicaciones. Todas poseen fondo transparente lo que permite combinarlas con diferentes tipos de fondos según la idea que estén manejando.

Si ya han encontrado otro tipo de imágenes para San Valentín estilo acuarela, probablemente sea una buena idea agregar estas a su colección ya que poseen un acabado muy suave y una paleta de colores preciosa.

Panel de mensajes en formato SKETCH

Tamara

Antes de comentarles sobre este panel de mensajes en formato sketch, quería hacerles una breve introducción sobre este programa que está ganando día a día más adeptos.

Cada vez que un nuevo software se afianza entre los expertos y profesionales, salen al mundo miles de recursos gratuitos que permiten a aquellos que no tienen tanto dominio de la herramienta, o bien, quienes no cuentan con tiempo suficiente para aprender a utilizarlo automáticamente.

En el caso de Sketch, si bien es un software de pago, la realidad es que soluciona dolores de cabeza a la hora de diseñar aplicaciones y plataformas, por lo que cada día más diseñadores y desarrolladores optan por comprar su licencia. El costo/beneficio así lo amerita.

Todo aprendizaje lleva su tiempo, en especial en programas que incorporan toda una nueva dimensión de formatos, interacción de elementos y organización de etapas, es por ello que estas plantillas gratuitas, pueden resultar no solo una simple herramienta, sino también, un buen método de enseñanza.

También estarán los más expertos en la materia que podrán servirse de estos recursos gráficos como base para sus propias creaciones y por qué no, agregados a sus ya iniciados proyectos.

Panel de mensajes en formato SKETCH

Un panel de mensajes diseñado exclusivamente para optimizar el espacio en los dispositivos móviles con todas las etapas necesarias para un uso fluido y una correcta visualización de los elementos.

Panel de mensajes en formato SKETCH

Descargar Messages Client UI Sketch Resource | SketchAppSources

Además cuenta con una forma interesante de ocupar el espacio, proponiendo un despliegue dinámico a lo ancho que puede ser interpretado como un salto de pantalla en dispositivos más pequeños.

Si están buscando una base de mensajería para agregar a una aplicación o bien, necesitan ideas para mostrar estos elementos de una forma optimizada y simple, esta plantilla les puede resultar sumamente útil, incluso para replicar en formato web.

Repositorio de plugins jQuery Cards

Tamara

Al momento de crear nuestros sitios no existe un solo lugar para ir a buscar todo lo que necesitamos. La experimentación forma parte del desarrollo y cada uno de nosotros tiene sus lugares de consulta favoritos y aquellos a los que vamos a buscar herramientas. Es por ello que cada vez que encontramos un nuevo repositorio de lo que sea, nos parece interesante compartirlo con ustedes para que día a día tengan más herramientas. En este caso, este repositorio de plugins jQuery se inicia con la idea de su autor de guardar sus recursos en un solo lugar de forma ordenada.

Así surge jQuery Cards, un repositorio elaborado por Aaron Lumsden que surge de la necesidad de acomodar sus recursos y herramientas en un solo lugar. De allí que decide compartirlo con el resto de nosotros para que podamos acceder de forma directa y finalmente, saber dónde encontrar plugins efectivos y específicos.

jQuery Cards: repositorio de plugins jQuery

jQuery Cards: repositorio de plugins jQuery

Es un sitio que contiene más de 1000 plugins y se puede recorrer por categorías de uso según el elemento que deseen agregar en su proyecto, encontrarán grandes rubros tales como: UI, Formularios, Navegación y Medios, entre algunos otros y además, en cada uno de ellos tendrán elementos más específicos relacionados.

En algunos casos son pequeñas ayudas que resuelven cuestiones simples como cambiar automáticamente un fondo con imagen según el tamaño del explorador. Y en otros, encontrarán herramientas más complejas que les darán una mano enorme al momento del desarrollo.

Lo más interesante de todo el proyecto, además de su buena organización, es la posibilidad que ofrece de previsualizar el funcionamiento de casi todos los plugins. Esto les permite no solo prever si serán de utilidad antes de instalarlos, sino, también testear cómo se comportan según los exploradores y otros elementos que pueden afectarlos.

Visitar jQuery Cards

Esferas abstractas en formato vector

Tamara

Hay recursos que resultan más específicos que otros, y claramente, esferas abstractas son unas de esas que están hechas exclusivamente para quienes buscan algo en especial. Lo bueno, es que tenemos la posibilidad de acceder a ellos directamente de forma gratuita gracias al espectacular trabajo de Chris Spooner en su muy recomendable blog sobre diseño Spoongraphics.

Estas esferas están diseñadas en formato vector, por lo que además de poder utilizarlas en sus proyectos online, podrán replicarlas en documentos gráficos como cualquier tipo de folletería, tarjetas personales o por qué no, en alguna animación elaborada con After Effects.

Esferas abstractas en formato vector

Se trata de un paquete de 12 esferas que se conforman con texturas de diferentes materiales todos en gran contraste con una luz misteriosa que les otorga gran personalidad.

Ustedes podrán editarlas y jugar con los colores y con la combinación de ellas o simplemente darles un lugar relevante dentro de su proyecto. Poseen texturas muy interesantes y si son buenos con Illustrator, hasta pueden utilizarlas de base para crear sus propias esferas abstractas.

Esferas abstractas en formato vector

Descargar 12 Free Abstract Sphere | Spoongraphics

No tengo idea cómo se verán en formato .svg pero quizás se puedan encaminar en la realización de una animación utilizando Java o CSS, sería genial para darles relevancia.

El resultado estético de estas esferas abstractas es muy bueno y pueden ser aplicadas para complementar casi cualquier estilo según los elementos con los que sean combinadas. También se puede jugar con degradados y capas para otorgarles más o menos brillo.

Las aplicaciones son infinitas, sobre todo desde su naturaleza de vectores, podrán elaborar posters, banners o cualquier espacio online al que deseen darle relevancia a través de un gran punto focal con todo lo que tiene que tener, definición, textura y presencia, con solo unos pocos pasos otorgarles su propia personalidad.

Organizar la casilla de Gmail con Sortd

Tamara

Hay quienes han elegido a Gmail como herramienta para administrar sus correos electrónicos ya que salvo algún que otro pequeño problema, es un servicio sumamente confiable y no genera conflictos con la mayoría de los servidores de correo electrónico. Pero organizar la casilla de Gmail, puede ser una tarea compleja con las herramientas como nos vienen dadas.

Además del buen manejo del SPAM y la posibilidad de aplicaciones simples como de bloqueo (recientemente añadida) o la cancelación suscripción automática ante la llegada de demasiados newsletters de una misma cuenta, si es que nos comienza a molestar.

Pero si en algo podríamos decir que falla Gmail es en su organización, tenemos etiquetas, tenemos solapas, pero en ninguna de ellas se nos ofrece la posibilidad de ver en una sola pantalla todos los pendientes, ni administrarlos de una forma más eficiente ya sea para realizar tareas o bien, para responder en algún momento.

Organizar la casilla de Gmail con Sortd

Organizar la casilla de Gmail con Sortd

Quizás algún fanático de la seguridad no quiera dar acceso a su casilla de correo a una plataforma desconocida, pero para quienes se atrevan, Sortd es simplemente un skin que se instala como extensión en Chrome y es muy simple de utilizar.

Para instalarla deberán solicitar un acceso que les será enviado por email una vez que se suscriban. Luego de instalarlo, Sortd les dará un paseo por sus funciones y la forma fácil de utilizar, dividiendo las listas de tareas con los nombres que ustedes deseen y les sea más intuitivo.

Volver a la vieja vista de Gmail es simple, verán un pequeño botón a la derecha que les permite cambiar entre una y otra vista automáticamente.

Cambiar asuntos, agrupar destinatarios y contenidos, tareas y recordatorios de eventos importantes, se trata de una herramienta que podrá solucionar problemas organizativos para aquellos que manejan grandes caudales de emails importantes o reciben material de trabajo que puede traspapelarse.

Quizás les cueste un poco acostumbrarse si utilizan mucho su casilla de Gmail ya que hay que reorganizar las ideas, pero créanme que organizar la casilla de Gmail con Sortd es muy fácil y se darán cuenta que les resulta extremadamente útil poder dividir el trabajo como les parezca.

Tour de Sortd (Inglés)

Tengo nueve invitaciones para enviarles, si quieren, las pueden solicitar aquí (no dejen el email en el comentario) o en mi cuenta de Twitter @mikoalien. También pueden registrarse para obtener el acceso directamente en el sitio de Sortd.

Lhander: plantilla web HTML5 y CSS3

Tamara

Un nuevo recurso que sale a la luz para ahorrarnos un poco de tiempo, Lhander es una plantilla web HTML5 y CSS3 que combina la buena utilización del espacio con armonía de sus elementos en una web a una sola página.

Posee una buena división de secciones, cada una con su material específico. Todo ordenado de forma limpia y simple que permite al visitante tener una visión inmediata de la información además de poder acceder desde todos los dispositivos del mercado.

Moderna y con un estilo marcadamente minimalista, posee una naturaleza que puede ser útil para plantear casi cualquier rubro. Claro, que en algunos casos deberán quitar espacios o generar nuevo ya que no hay ninguna plantilla que nos sirva 100%, pero es una excelente base.

Lhander: plantilla web HTML5 y CSS3

Construida para retina display y con su respectiva versión móvil, tiene iconos disponibles e integración con Mailchimp, lista para ser usada.

Armónica, con tipografías muy interesantes y una gran combinación entre ellas, esta plantilla web HTML5 supone un espacio ideal para mostrar productos, aplicaciones y servicios de la mejor forma y con un resultado profesional.

Lhander: plantilla web HTML5 y CSS3

Descargar Lhander | Styleshout

Características de la plantilla

  • HTML5
  • CSS3
  • Responsiva
  • Integración con Mailchimp
  • Iconos integrados
  • Flexslider Retina
  • Compatible con exploradores

Utiliza lo más moderno en tecnología para construir una web que se ve simple, que tiene el código limpio y ordenado, lo que la hace muy fácil de editar y personalizar. Y si necesitan algunas opciones más, pueden utilizar nuestro buscador o bien, darse una vuelta por estos artículos que tienen excelentes opciones también:

Scrolled: plantilla para web HTML5 con efectos de animación

Galería de plantillas basadas en HTML5 y CSS3

Seguramente seguiremos publicando este tipo de recursos, ya que cada día que pasa salen más y más opciones que realizan nuevos experimentos dentro de las posibilidades que ofrecen la innovación de las tecnologías que se van actualizando.

Plantillas web gratuitas en la biblioteca Theme.cards

Tamara

Desde hace varios años que aquí en nuestra bitácora les presentamos plantillas web gratuitas, en algunos casos están en formato .PSD y requieren de ciertos conocimientos previos para pasarlas a HTML y CSS, y en otros casos también se categorizan según la plataforma que las contiene.

Es por ello que la oferta, que en un primer momento era de solo dos o tres formatos, hoy en día abarca características de todo tipo según las necesidades de cada uno: WordPress, Bootstrap, HTML5, PSD, y muchas más opciones, nos presentan una variedad en la que lo primero que debemos definir es la utilidad del sitio y sobretodo, el espacio comunicacional que ocupará el proyecto.

Está claro que cada una de ellas abarca utilidades diferentes y es por eso que una biblioteca que las conglomere en un solo lugar puede resultar en una excelente fuente de consulta y sobretodo, un espacio en el que encontrar plantillas web gratuitas de calidad para todas las necesidades.

Biblioteca de plantillas web gratuitas

Theme.cards es un espacio que muestra una gran cantidad de plantillas grauitas, listas para descargar divididas en rubros estructurales como WordPress, Bootstrap, Ghost, HTML, Material Design, etc.

Plantillas web gratuitas, biblioteca Theme.cards

Algo para destacar de este sitio es la calidad de los temas que despliegan, podrán buscar aquella que tenga un uso particular y elegir entre material con excelentes detalles y completamente gratuitos, incluso, verán plantillas para plataformas específicas que no se encuentran en otros lugares.

La recomendación es que lo agreguen a favoritos y que la próxima vez que necesiten una template, sepan dónde encontrarla. Les ahorrará mucho tiempo y sobretodo, agilizará su trabajo al poder contar con elementos de desarrollo ya incluídos de forma óptima.

Theme.cards se puede navegar por categorías, por plataformas, accediendo a los listados de destacadas o nuevas y por último, realizando cualquier búsqueda simple. Hay colecciones muy amplias que incluyen todas las plantillas de un solo soporte, algo que también les resultará práctico.

Un excelente sitio nuevo que ojalá siga creciendo.

Tarjetas para despedida de soltera en formato .EPS

Tamara

La anticipación a las grandes fiestas ha ido ganando terreno en las celebraciones entre amigos y amigas. Un nacimiento, una boda, un divorcio, los motivos para festejar nunca faltan y todos son válidos. En este caso quiero compartir con ustedes un paquete de tarjetas para despedida de soltera que se inclinan hacia los motivos delicados y románticos.

Así como los baby showers, han ido super poblando los grupos de amigas en estos últimos años, los bridal showers, también, y se hacen de formas muy diferentes según las personalidades de las novias y, por supuesto, las ideas de su círculo íntimo.

Las opciones son infinitas, hay un estilo para cada una, y esta colección de tarjetas para despedida de soltera puede que contenga un diseño perfecto que incluso puede combinarse con invitaciones para bodas e inspirarse mutuamente.

Tarjetas para despedida de soltera en .EPS

Esta colección ofrece 15 tarjetas con texturas, colores y combinaciones de formas y paletas de todo tipo. Se incluyen en formato .EPS lo que las hace perfectas para editar con Illustrator, aunque tienen una contra bastante importante, las tipografías utilizadas no están incluídas.

Tarjetas para despedida de soltera en .EPS

Descargar Free 15 Bridal Shower Cards | webvilladesign

Con respecto a esto les recomiendo que busquen opciones similares (lo más posible) para que el resultado final sea lo más acertado posible y sobretodo, armónico. También deberán inspirarse para diseñar las caras internas o dorsos de las invitaciones. Pueden optar por crear unas completamente nuevas, o simplemente utilizar el frente completando el dorso a mano si quieren darle un toque más personal.

Se descargan de forma gratuita desde el sitio de autor quien posee otros diseños también muy interesantes, son aptas tanto para uso comercial como personal. Deberán dejar su email para realizar la descarga, pero el material lo vale.

Pueden encontrar opciones de tipografías para reemplazar los textos en nuestra categoría fuentes.