Elegante diseño para nuestro blog wordpress, donde se puede apreciar sencillos efectos de luz que al mismo tiempo resaltan el diseño.visita : http://www.grafpedia.com/tutorials/design-a-creative-wordpress-themeArchive for the ‘Diseño Web’ Category
Tutorial :: diseño de blog paso a paso en Photoshop
Agosto 12th, 2009 Elegante diseño para nuestro blog wordpress, donde se puede apreciar sencillos efectos de luz que al mismo tiempo resaltan el diseño.visita : http://www.grafpedia.com/tutorials/design-a-creative-wordpress-themeComo diseñar un theme para wordpress en photoshop paso a paso
Agosto 12th, 2009
Aquí les dejo un buen tutorial que los guiara paso a paso en el rediseño de nuestro blog wordpressVisita: http://www.grafpedia.com/tutorials/design-wordpress-theme-photoshopDe Photoshop a Worpress Gratis
Agosto 10th, 2009 En el sitio de DIVINE ofrecen la descarga de una herramienta para convertir de manera gratuita diseños de themes hechos en Photoshop a WordPress.Solo tienes que facilitar tu dirección de email y te mandan el enlace de descarga. Luego el proceso de uso es bastante sencillo pero te puedes guiar por el tutorial oficial. Básicamente es ejecutar el enlace recibido y acceder al nuevo menú Divine que aparecerá en Adobe Photoshop CS3 (requisito mínimo).¿Alguna pega?, pues que solo está disponible para Windows … Enlace: www.ayudawordpress.com
Utilizar fonts ttf en diseño web con @font-face
Agosto 7th, 2009
@font-face fue incluida en el estandar CSS2 y ha sido implementada en el Internet Explorer desde su version 5 y utilizada bajo el formato Embedded Open Type (.eot), ningun otro navegador lo soportaba.Hoy es soportada por la mayoria de los navegadores debido a que esta directiva ha sido incluida en el CSS3, soportando no solo fuentes OpenType (.eot) tambien TrueType (.ttf).Esta directiva debera ser declarada usando @font-face
ejemplo: @font-face {
font-family: Ghostwriter;
src: url("http://site/font/ghostwrit.ttf");
} h1 {
font-family: "Ghostwriter";
}Esta directiva también nos permite definir otras propiedades del font, como formato, grosor y estilo.
ejemplo: @font-face {
font-family: Techi;
src: url("fonts/font_techina_24b.otf") format("opentype");
font-weight: bold;
font-style: italic;
}Photo Slide (Flash Slider)
Julio 29th, 2009
Cada vez es más frecuente ver slide de noticias, Photos slides, texto slide, etc. esta herramienta tan práctica se ha puesto de moda y es algo que toda buena web deberia tener.JC Play List es un componente creado en AS3 de fácil uso y diseñado para una agradable presentación visual (.xml y RSS 2.0 feeds de Picasa y Flickr).Puedes usar JC Play List para mostrar listas que contengan imágenes con títulos y descripción, índice numérico e información adicional, esta herramienta puede ser personalizada para mostrar listas en posición vertical, slide horizontal, con controles o sin controles, slide scroll automático ó scroll sensible al movimiento del mouse.Enlace: http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/Demo: http://www.jumpeyecomponents.com/Flash-Components/User-Interface/JC-Play-List-285/examples.htm24 hermosos diseños web realisticos (Immersive Design)
Julio 27th, 2009
La mayoría de websites son solo una colección de gráficos y texto colocados de una manera atractiva y ordenada, pero para algunos el diseño web es más que eso, ya que con un buen diseño pueden transmitir rápidamente un mensaje, una filosofía y conservar al visitante a que siga explorando nuestra web, ya que la primera impresión lo es todo y muchos al no ver lo que esperan solo cierran su navegador y pasan a la siguiente búsqueda.» More: 24 hermosos diseños web realisticos (Immersive Design)Webs con bellos diseños ilustrados (Beautifully Illustrated Websites)
Julio 27th, 2009
Muchos Diseñadores Web utilizan hermosas ilustraciones para diseñar sus Websites personales y así poder plasmar toda su creatividad o simplemente por diversión.Sin embargo vemos que esta técnica también puede ser encontrada en Website corporativas o de negocios explotando la grafica como señales visuales para captar la atención del visitante.A continuación algunas webs con bellos diseños ilustrados que nos pueden inspirar.Sketchen
» More: Webs con bellos diseños ilustrados (Beautifully Illustrated Websites)
Ideas creativas para tablas, diseño de planes de venta
Julio 26th, 2009
Una página web bien desarrollada y organizada se traduce en éxito, transmitir una gran cantidad de datos al usuario teniendo solo una pequeña área a mostrar muchas veces es complicado, pero con un buen diseño esto puede ser fácil de leer y comprender, sobre todo cuando vendemos u ofrecemos algún producto o servicio.Al diseñar nuestros planes para venta, es necesario resaltar las características de los servicios ofrecidos, siendo este el punto crucial para concretar una venta.Aquí hay varios ejemplos muy creativos de empresas que nos pueden servir de inspiración a la hora de diseñar nuestros propios paquetes de venta. » More: Ideas creativas para tablas, diseño de planes de ventaPhothoshop Letterpress emboss text effect, efecto de letras troquelado
Julio 15th, 2009 Letterpress o efecto de troquel se ha puesto de moda por los diseñadores, tal es así que el mismo Adobe incluye dicho efectos en todos sus logos de la suite Adobe CS4, esta tendencia muy de moda pasa a ser una de los tantos efectos utilizados para el ya conocido estilo Web 2.0, resaltando y dando mayor énfasis al diseño, utilizado no solo para logotipos también para menús de navegación y botones.Navegando por la red me tope con este video donde el autor explica paso a paso el diseño del Logo Photoshop CS4.
Tipografías para mi web de estilo web 2.0
Julio 15th, 2009
Se escucha mucho hablar sobre Web 2.0 pero pocos entienden el concepto, pero lo que esta claro es que este nuevo concepto trajo consigo mejoras e interacción de casi toda herramienta diseñada para Web, las mejoras visuales son una notable característica en este paso, ya que podemos enriquecer nuestros diseños añadiendo tipografías que sean de fácil lectura o simplemente bellas que resalten nuestro diseño, generando un buen impacto visual a nuestros visitantes, a continuación algunos ejemplos de estilos CSS.
.style1 {
font-family: Cambria, serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}
.style2 {
font-family: Cambria, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.7em;
}» More: Tipografías para mi web de estilo web 2.0