• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

Diseño Web

Basic, un theme de base para crear con WordPress

Sebastián Thüer · 07.05.2012 ·

Basic, un theme inicial para WordPress
Para los diseñadores que están intentando crear un theme para WordPress siempre es más fácil partir de un tema básico existente y realizar progresivamente diferentes modificaciones. Este es propósito de Basic, un theme especificamente creado como utilizarse de punto de partida de nuevos temas.

Algunas de sus características

  • Simple y fácil para modificar
  • Responsive Design (diseño web adaptativo).
  • Incluye una grilla básica.
  • Botón para ir al inicio de la página.
  • Encabezado y pie de pa´gina personalizado.
  • Template para comentarios propio
  • Paginación.
  • Listo para ser traducido.
  • Soporte para child themes.

Basic es de distribuye de forma gratuita y se puede reutilizar en proyectos comerciales. Además, su página está bastante bien documentada.

Style Tiles, una plantilla para mostrar el estilo gráfico de tu proyecto web

Sebastián Thüer · 18.04.2012 ·

Plantilla para estilos de diseño

Un problema frecuente en el diseño web consiste en pasar de los borradores o wireframing inciales al boceto en Photoshop. Armar una página lleva bastante tiempo y no siempre tenemos indicaciones precisas de los clientes acerca de qué estilo visual esperan para sus página.

Para solucionar este problema, la diseñadora Samantha Warren desarrolló una plantilla que comparte libremente a través del sitio Style Tiles. En ella, podemos avanzar sobre los aspectos visuales del sitio como paletas de colores, texturas, tipografía y logotipo sin necesidad de diseñar completamente la página.

Una buena manera de mostrar el estilo que tenemos en mente para una web sin necesidad de diseñar la página completamente.

[tf_button link=»http://styletil.es/» target=»_blank» align=»left»]Ir a Styles Tiles »[/tf_button]

CSS3 Maker, un sencillo generador de estilos CSS3 online

Sebastián Thüer · 26.03.2012 ·

CSS3 Maker: Generador online de CSS3

Bordes curvos, gradientes de color, animaciones, transisiciones, sombras y nuevas tipografías son solo algunas de las ventajas que trae CSS3 para los diseñadores web. Sin embargo, muchos todavía desconocen las nuevas etiquetas y otros se complican con la escritura específica que hay que realiza para algunos navegadores.

Para eso sirven herramientas como CSS3 Maker, un sitio web que nos ofrece las funciones más usuales que incorpora la nueva versión de CSS y genera las sintaxis automáticamente a partir de las opciones que configuramos en línea.

Sencillo y bastante práctico.

 

 

Qué imágenes te ayudan a vender más en tu sitio web

Sebastián Thüer · 21.03.2012 ·

¿Con qué fotografía ilustrar el producto que estás vendiendo en la web? Es una pregunta muy simple pero de vital importancia. Sabemos que una buena imagen es indispensable para vender a través de un medio intangible como Internet pero pocas veces nos detenemos a pensar en esta cuestión.

Lo más habitual es poner el producto sobre un fondo blanco, tomarle fotografías desde 2 o 3 ángulos diferentes y problema resuelto. Sin embargo, el marketing se trata de contar historias y la combinación producto-fondo blanco no nos dice mucho salvo honrosas excepciones, como Apple donde el minimalismo es parte de la identidad de la empresa.

Christian Holst aborda el tema en su blog y propone pensar en 7 categorías de imágenes para mostrar un producto.

1. Imágenes de Compatibilidad

Los usuarios que compran por Internet suelen ser bastante detallistas y les gusta conocer los detalles técnicos de los productos. En lugar una larga lista de jerga específica una simple imagen mostrando las posibilidades del producto vale por mil palabras. Por ejemplo, los tipos de conectores disponibles, los controles que ofrece, oel nombre completo con la referencia del tipo de model y submodelo.

2. Imágenes de estilo de vida


Si el diseño es más importante que la configuración técnica del producto lo mejor es mostrarlo dentro de un contexto de uso que muestre su valor. Un TV utradelgado luce bastante mejor puesto en un living bien decorado que una vista lateral mostrando su grosor. El recursos se utiliza bastane en publicidad y catálgos impresor pero poco en las tiendas online.

3. Imágenes de los usuarios

Tener un negocio con 300 artículos y fotografíarlos uno por uno puede ser bastante costoso. Una alternativa es solicitar a los clientes que suban sus propias imágenes y otorgarles alguna recompensa por ello. Es de esperar que las imágenes no tengan calidad profesional, pero algunas veces es más importante el toque personal y que los usuarios sepan que se trata de fotografías originales sin pasar por un editor de imágenes.

4. Texturas

Es un recurso particularmente interesante cuando se ofrecen productos donde la calidad no se percibe en un simple golpe de vista. Por ejemplo, la ropa. Un plano detalle de un par de zapatillas para ver la trama de la tela y la calidad de la terminación es mucho más interesante que un modelo corriendo por una avenida.

5. Tamaños y proporciones

El principal problema de mostrar elementos aislados es que no tenemos un punto de referencia para saber cómo son en realidad. Es especialmente interesante en pequeñas piezas, gadgets tecnológicos y objetos de uso cotidiano que pueden tener un tamaño variable. Se pueden utilizar como referencia objetos fácilmente reconocibles: una moneda, un dedo, la palma de la mano o una mochila llena de productos.

6. Imágenes inspiradoras

Otro recurso para salir de los lugares comunes es hacer imágenes donde el producto se muestre en un contexto creativo, original o inspirador para el posible comprador. Un lector de ebook sostenido con una mano por un chico que espera el tren apoyado contra una pared o un minicomponente para reproducir música ubicado sobre la arena de la playa son imágenes diferentes. Evocan contextos de uso que nos remiten a sensaciones de bienestar o confort. Y es bastante más sugestivo que la clásica foto del chico sosteniendo un ebook sentado en un escritorio o ula foto del minicomponente sobre un estante.

7. Imágenes animadas

No hablamos realmente de imágenes animadas sino de aquellas que evocan movimiento o acción. Una ciclista paseando con su bicicleta por la ciudad delante de un fondo borroso,un futbolista dejando atrás a un defensor y listo para patear al arco o un caballo galopando sobre un bosque esfumado. Las acciones favorecen una conexión más profunda con el espectador porque, en cierta medida, lo obligan a proyectar el resultado del movimiento que está observando.

Vía baymard.com

ZeroBundle, completo paquete de recursos gratis para el diseño web

Sebastián Thüer · 14.02.2012 ·

Iconos, texturas, elementos de interfaz, menús de navegación, botones, tablas, pinceles y más en Zero Bundle. Este paquete tiene varios elementos interesantes para los diseñadores web que seguramente te ayudarán la labor diaria.

Generalmente estos paquete gratuitos no suelen ofrecer recrusos de calidad. Sin embargo, esta es la exepción. Va la pena dejar el mail para descargar varios megas de recursos que podemos necesitar en algún momento. El sitio es de los creadores de Mighty Deals.

Atención: El paquete es gratis por las próximas 36 horas… ¡apurate!

  • « Ir a la página anterior
  • Página 1
  • Páginas intermedias omitidas …
  • Página 6
  • Página 7
  • Página 8
  • Página 9
  • Página 10
  • Páginas intermedias omitidas …
  • Página 38
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder