Thursday, November 19th, 2009
La cabecera de un sitio web generalmente es donde ubicamos parte de la información mas importante. Ahí se suele colocar por supuesto el logo del sitio, además de la navegación y quizás alguna información que cuenta mas o menos de qué se trata.
Si planean un rediseño o directamente tienen en mente un nuevo proyecto, recuerden prestar atención a la parte superior y ubicar lo que mas visible quieran en esta zona.
Mi consejo es que por un rato busquen inspiración y esto pueden hacerlo en la recopilación de excelentes cabeceras que publicó SmashingBuzz hace unos días. Seguramente terminen con mas ideas si es que andan con poca inspiración.
Tags: Cabeceras, Creatividad, diseño, Diseño Web, inspiración
Posted in Creatividad | No Comments »
Wednesday, November 18th, 2009
Si nos dedicamos al mundo del diseño, o a la fotografía, o a cualquier profesión que tenga que ver con lo visual, tarde o temprano es importante que tengamos un portafolio en línea donde podamos ofrecer una pequeña muestra de nuestro trabajo. Hoy en día un cliente pide entre sus primeras cosas un sitio donde pueda conocernos, y los portafolios son la mejor opción, donde tendremos ejemplos y trabajos realizados, además de contar nuestros conocimientos y datos de contacto.
En Designm.ag publicaron un excelente tutorial que nos explica paso a paso cómo crear un portafolio de una página utilizando Photoshop, obteniendo un diseño con estilo e ideal para un sitio de esta temática. Si desean además, ofrecen el archivo en formato Psd para poder aprender mas fácilmente.
Tags: diseño, Diseño Web, Photoshop, Portafolios, Tutorial
Posted in Photoshop, Tutorial | No Comments »
Monday, November 16th, 2009
Si tienes pensando crea un nuevo sitio web o blog, o bien dar un cambio de aspecto a uno que ya tengas hace tiempo quizás para terminar el año con nueva imagen, seguramente vas a necesitar iconos que ayuden a darle vida.
Un buen grupo de iconos, aparte de darle un cambio a nuestro escritorio y Pc, puede transformarse en los últimos detalles de un diseño web, ilustrando diferentes secciones o dando estilo a un menú de navegación moderno.
Una buena opción es Bright, un nuevo paquete, disponible en Iconeden con 148 imágenes variadas que pueden relacionarse al mundo del blogging y que podremos descargar en formato vectorial.
Tags: descargas, diseño, Diseño Web, iconos, Recursos
Posted in Recursos | No Comments »
Tuesday, November 10th, 2009
Creo que alguna vez les comenté la importancia que un menú CSS tiene para un sitio web. Debe ser atractivo, combinar con el resto del diseño, estar ordenada, cumplir con ciertas reglas en cuanto a la estética, y sobretodo, ser cómodo de navegar para el lector. Al fin y al cabo, es desde el menú donde tendrá la posibilidad de recorrer todas las secciones de nuestro proyecto, así que se merece la atención.
Skyje publicó hace poco un interesante artículo donde nos ofrece trece tutoriales CSS que nos explican paso a paso cómo crear un menú para nuestro sitio web o blog. Se incluyen menús horizontales, verticales, con efectos o bien simples, así que seguramente encuentres uno adecuado a tu proyecto sin mayores problemas.
Tags: CSS, Diseño Web, Menú CSS, menu, Navegación, tutoriales
Posted in CSS, Tutorial | No Comments »
Monday, November 9th, 2009
Si están pensando en crear un portafolio para sus trabajos, lo ideal si trabajan de diseñadores es crearlos ustedes mismos y se convierta así en una muestra mas de lo que hacen. Nadie nace sabiendo, y para esto es que son útiles los tutoriales que podemos encontrar en Internet.
Un genial ejemplo es el que fue publicado en SixRevisions, y que fue separado en dos partes: En la primera aprenderemos a diseñar el proyecto con Photoshop, y en la segunda a convertir esta imagen a XHTML/CSS. Es extenso, pero esta explicado de forma excelente y quita muchas dudas en cuanto a las creaciones de una plantilla. Para diseñar utilizaremos Photoshop y para convertirlo a código fue utilizado Adobe Dreamweaver.
Tags: Diseño Web, Dreamweaver, Photoshop, Plantillas, Tutorial
Posted in Dreamweaver, Photoshop, Tutorial | No Comments »
