Archivo etiqueta Diseño
COLECCIONES DE LINKS (Agosto 2010 #1)
Por Marcelo - CSS, Datos Utiles, Diseño, HTML, Javascript, Programación, jQuery - 16/08/2010
Compilé esta colección de links que acabo de chequear y agregar a mis marcadores, y vos también deberías….
RECURSOS CSS
Futurología en video: la cocina viviente
Por Marcelo - Diseño, Tecnología - 15/08/2010
¿En cuántas películas de ciencia ficción nos han mostrado el futuro? ¿Cuántas veces habremos soñado tener todo tipo de artefactos futuristas? ¿Quién no espera con ganas el año 2015 para poder hacer una aeroconversión a las ruedas de su DeLorean-máquina del tiempo y surcar las nubes en busca de una cafetería o dar un paseo?
La tecnología avanza de una manera muy visible, hace diez años no nos podíamos imaginar que llegaríamos a tener acceso a Internet desde el móvil y ahora todos podemos actualizar nuestras cuentas de Twitter o Facebook mientras viajás al trabajo. El mundo de la tecnología avanza y nada se queda atrás, por lo que hoy les presentamos este video conceptual sobre la Cocina 2.0.
COLECCIONES DISEÑO (Julio 2010 #2)
Por Marcelo - Datos Utiles, Diseño, Links, Wordpress - 18/07/2010
Seguimos repasando más colecciones que son un MUST para que tu musa no pueda aburrirse ni quedarse falta de ideas:
- 99 Ejemplos Creativos y Perfectos de Portfolios
- 25 Diseños de Footers más que Creativos
- Espectaculares Fotografías en Blanco y Negro
- 50 Tutoriales y Técnicas de Dibujo Tradicional
- 20 Diseños Web Excelentes de Portfolios para inspirarse
- 20 Ejemplos de Diseño Web basados en una Fotografía
- 25 Buenos Ejemplos de Diseños Web utilizando Elementos 3D
COLECCIONES DISEÑO (Julio 2010 #1)
Por Marcelo - Datos Utiles, Diseño, Links, Wordpress - 18/07/2010
Necesitabas algo de inspiración? No dejes de ver esta colección de excelentes links, que seguramente te van a iluminar:
- 27 Excelentes Ejemplos de Currículums de Diseñadores
- 60 Pies de Página con Diseños Creativos
- 90 Diseños Web Minimalistas para Inspirar a tu Musa
- 10 Excelentes Plantillas Minimalistas para WordPress
- 50 Diseños de Logos Creativos para despertar tu Inspiración
- 25 Ejemplos de Excelentes Sitios de una Sola Página
- 36 Ejemplos de Buenos Diseños en Páginas de Contacto
De colección: 479 diseños para inspirarse en el acto
De los archivos del blog Instant Shift rescato estos links que son un MUST para los Favoritos en la categoría Inspiración. Cero desperdicio.
- 90+ Smashing Twitter Themes
- 80+ Perfect Ending of Modern Website Design- Footers!
- 80+ Incredible Designs with Bird’s-eye View
- 45+ Creative and Refreshing WordPress Designs
- 44 Creative Designs for Inspiration
- 90 Inspirational And Creative Portfolio Designs
- 50+ Beautiful Website Designs Using Office Stationery
60 ejemplos de sitios web excelentemente bien ilustrados
En la web podemos encontrar miles de sitios excelentes por distintas cuestiones, pero nada nos encanta más y llama la atención que una ilustración excelente, que nos lleva a navegar un sitio de fantasía que siempre motiva más a usar el servicio que uno sin gráficas.
Y lo que más agrada es cuando la simbiosis entre creatividad y técnica está perfectamente balanceada, con personajes adecuados, colores vivos y un diseño web claro y limpio. Todo eso logra un resultado explosivo.
En este link de InstantShift vamos a ver una selección de más de 60 sitios que usan ilustraciones impecables para crear un diseño de comunicación de muy buen nivel:
60+ Amazing Examples Of Illustrative Web Designs With Overview
Excelentes!
Diseños creativos en páginas de Error 404 para inspirarse
En InstantShift vi una genial recopilación de capturas de errores 404 de diversos sitios que implementaron formas creativas de presentarlas sin que el usuarios se enfrente a la vieja y fea página del navegador.
La de Error 404 es una página tan importante como el home de un sitio web, ya que permite guiar al usuario perdido cuando busca algo que no se encuentra o cuando un link ya no está disponible en el sitio web.
Tipografías standard y cómo usarlas en HTML
Muchas veces una tipografía dada nos puede parecer muy bonita, pero a la hora de usarla en el sitio web que estamos armando nos pueden terminar decepcionando. Y es porque se ven distinto según el sistema operativo que usemos. Para evitar esto hay que saber cuales son las tipografías estándares, y sus equivalentes en distintos sistemas operativos.
En la siguiente imagen se pueden ver los equivalentes entre Windows Vista, Windows anteriores y MacOS.
Y a continuación repasamos el código CSS de las tipografías estándares:
10 motivos por los que un diseñador deberia tener conocimientos básicos de programación
Por Marcelo - Diseño, Programación - 11/08/2009
Tomado de un interesante artículo de Kabytes, donde Pablo deja unos tips sobre el tema que no podían estar mejor explicados.
En un ritmo de trabajo donde todos hacemos un poco de todo, diseñar y programar, o viceversa, es importante notar que quienes se dedican pura y exclusivamente al diseño gráfico y pretenden trabajar en diseño web, necesitan sí o sí tener una base de conocimiento de programación.
Yo soy programador, pero en la práctica noto cómo los diseñadores que entienden ALGO de programación, logran mejores productos que aquellos que no. Y a continuación, las conclusiones que cito, para compartir con los diseñadores que trabajan conmigo…
Reset de CSS
El objetico de resetear la hoja de estilos es reducir las inconsistencias del navegador en elementos como alturas de línea, márgenes y tamaños de fuente de encabezados… El razonamiento general detrás de esto puede leerse en este post de Meyerweb. Los estilos de reset suelen aparecer en frameworks de CSS.
Los estilos de reset que se presentan aquí son intencionalmente genéricos. No hay un color o fondo predeterminados para el elemento BODY, por ejemplo. Particularmente, no se recomienda usar tal cual en tus propios proyectos: debería ser ajustado, editado, extendido y tuneado para que coincida con la base de reseteado específico que cada diseño requiera.
En otras palabras, es el puntapié inicial, no una caja negra que “se mira pero no se toca”.
Estos estilos de reset son gratuitos y de dominio público. Puede descargarse una copia del archivo para modificarlo a gusto sin problemas. Y si lo prefieren copiar y pegar, a continuación se muestra el código:
Suscripción Gratuita!
