Archivos de la categoría ‘Diseño Web’

Una página que te enseña a como usar google font en cualquier sitio sin necesidad de editar código, te muestra el resultado de inmediato, tan solo hace falta seleccionar un tipo de fuente.

 

como usar google font

Aplicación we que te enseña a como usar google font

 

Google font, te permite utilizar muchas tipografías en tu página web, para que sean visible en cualquier computadora, independientemente de que la tenga instalada o no. Gracias a eso tenemos mucha libertad creativa al momento de hacer un diseño de una página web, no tenemos que estar atados a utilizar unicamente en nuestro trabajo las tipografías que vienen pre-instaladas en todas las computadoras. De hecho éste blog utiliza tipografías de Google font. Es muy fácil utilizarlas, solo copias unos códigos y los pegas en tu página, y todavía es más fácil entender como funciona gracias a una página que encontré y que quiero compartir en este blog.

 

Se trata de TypeWonder, es una página que te permite cambiar la tipografía de cualquier página web existente en internet, sin necesidad de modificar su código. Unicamente lo que tienes que hacer es escribir la dirección de la página, elegir entre todas las fuentes que puedes encontrar en Google font, si prueban esta página se podrán dar cuenta de que hay muchos diseños, para todo tipo de gustos y de diseños, finalmente dan clic en el botón que dice; use! y podrán ver la página con la tipografía que seleccionaron. Pueden cambiar la fuente dando clic en el botón superior que dice Change font, casi de inmediato podrán ver reflejado el cambio de tipografía en su web.

 

Y también tiene la opción de conseguir el código por si vieron una fuente que les gusta y la quieren implementar en su página. Son dos líneas de códigos que deben de colocar en para que se vean en su diseño, una la deben de poner en su página y el otro lo ponen en el archivo donde tienen el código CSS, así de fácil y sencillo. Deja la dirección acá para que hagan pruebas en todas las páginas que conozcan y vean si les gusta antes de implementarlo definitivamente en sus sitios | [TypeWonder Beta]

66-aniversario-incidente-OVNI-Roswell-Doodle

El caso de un supuesto incidente protagonizado por un OVNI en Roswell, una localidad del estado de Nuevo México (EEUU), hace 66 años aparece hoy como un nuevo y simpático ‘doodle’ interactivo en la página de inicio de Google.

Se trata de un suceso que saltó a la primera plana del diario local, el Roswell Daily Record, el 8 de julio de 1947. Entonces el diario aseguró que se había hallado un ‘platillo volante’ gracias a la colaboración de locales, pese a los desmentidos inmediatos de los militares de la cercana base aérea (base del primer escuadrón atómico del mundo. el Grupo de Bombarderos 509), así como la postura oficial estadounidense, que siempre ha negado la supuesta naturaleza paranormal o extraterrestre de los hechos.

De hecho, la versión más sólida de los hechos se basa en la desclasificación de documentos de la Fuerza Aérea de EEUU a mediados de los años noventa, en los que se apuntaba a que los restos hallados eran los de un globo con un sofisticado equipo de espionaje, enmarcado dentro del Proyecto Mogul, para detectar a gran distancia indicios de pruebas nucleares en la entoces Unión Soviértica.

Pese a todo, parece que este suceso inició lo que algunos consideran la ‘ufología moderna’. A pesar de la escasa atención que recibióp durante décadas, a finales de los años setenta dos investigadores, Stanton T. Friedman y William L. Moore, compararon los resultados de una serie de entrevistas que ponían en tela de juicio la versión oficial. Y en 1980, Charles Berlitz y el propio Moore publicaron un libro, ‘El incidente’, en el que se afirmaba que se hab´ñian recuperado cuerpos de alienígenas.

Esto llevó a Roswell a convertirse en uno de los principales -y más lucrativos- destinos para ‘ufólogos’ y turistas en busca de experiencias y ‘souvenirs’.

Von K es un estudio de diseño ubicado en Graz (Austria) y liderado por la diseñadora Julia Klinger, principalmente especializado en diseño de identidad visual, editorial y web.

En su porfolio encontramos brillantes proyectos donde juega de forma brillante con la tipografía, consiguiendo efectos visuales muy interesantes.

 

 

 

 

 

 

 

 

 

 

 

La agencia inglesa Tender Design hace 8 meses tuvo la buena idea de crear un blog únicamente dedicado a mostrar trabajos creados por estudiantes a nivel mundial y que lleva por nombre “Student Showcase”. La verdad después de estar mas de media hora navegando dentro del sitio, les puedo recomendar ampliamente que sigan este blog, la curaduría de cada uno de los trabajos que se exponen es impecable; por otro lado, si son estudiantes y creen que tienen algún muy buen proyecto, no duden en mandarselos.

Student Showcase

Color Scheme Designer, o sencillamente “CSD” por sus iniciales, es una aplicación desarrollada con el propósito de facilitar la elección y visualización de colores y esquemas de colores. Se trata de una herramienta de gran utilidad para todos los diseñadores gráficos que suelen trabajar con herramientas tales como Photoshop, InDesign, Corell, entre otros.

El concepto de Color Scheme Designer es simplificar los conocimientos que existen sobre la teoría de colores y facilitarnos encontrar combinaciones de colores agradables a la vista, ahorrándonos una cantidad de tiempo considerable.

Manejar la herramienta es muy sencilla, lo primero es definir el tipo de esquema que queremos obtener. Escogemos un color central y el resto es ir trabajando con parámetros que nos permitirán generar combinaciones de colores, el resto queda a nuestro criterio de ir viendo qué combinaciones de colores nos resultan más agradables.

Una vez seleccionado el color podremos trabajar con esquemas de colores monocromáticos, buscar colores complementarios, triadas, tétradas, o también buscar colores análogos, entre otras opciones.

Al final podemos exportar toda la información que generemos a un archivo Html, Xml, o incluso ACO para que lo integremos fácilmente a nuestras paletas de Photoshop.

Sencillamente no te lo puedes perder.

Enlace: ColorSchemeDesigner

Buen artículo que nos demuestra como la animación con CSS3 no es tan complicada, si es que se entiende como funcionan sus componentes.

keyframes CSS3

Animation With CSS: It’s Easier Than You Think/a>


Imagino que la mayoría de los diseñadores ya han leído este decálogo en algún blog. Aun así, quería dejarlo también en el mío, como si de los 10 mandamientos del diseño se tratase.

Por el bien de nuestra profesión, intentad no olvidarlos nunca. 🙂

1. El diseñador gráfico debe ser honesto.

2. El diseñador gráfico debe cumplir los plazos.

3. El diseñador gráfico debe corregir sus errores.

4. El diseñador gráfico debe ser discreto.

5. El diseñador gráfico debe ser profesional.

6. El diseñador gráfico debe tarificar de acuerdo a unas bases.

7. El diseñador gráfico debe acordar con su cliente los derechos de su obra.

8. El diseñador gráfico debe solicitar permiso para incluir el trabajo en su portafolio.

9. El diseñador gráfico debe ser responsable de su obra.

10. El diseñador gráfico debe especificar cuando el trabajo no es original.

CapturaDePantalla 2011 03 16 a las 13.50.32 Un generador CSS3 fantástico

Si no te llevas muy bien con CSS3 y eres más de usar herramientas visuales, creo que tu gran opción es usar un generador que te simplifique el trabajo de manera que todo sea más sencillo para tí.

Este generador te pone unos sencillos controles para que hagas todo de una forma muy visual y cuando acabas te suelta el código que hay que meter, ni más ni menos.

Además, te avisa de las funciones que no son compatibles con ciertos navegadores y te da a elegir si meter soporte para IE.

Enlace | CSS3 Gen