Utilidades para todo Diseñador Parte 1 (Fuentes y CSS)

0 comments

Posted on 27th Julio 2009 by jluisfg in Diseño Web |Herramientas

, , , ,

Todo Diseñador debe hacerse de herramientas que poco a poco le haran la vida mas fácil, desde un pequeño plugin, hasta una aplicación que le puede ahorrar horas y horas. Aqui una pequeña lista de algunas que nos recomiendan los jovenes de Web Designer Depot.

TypeTester

Este sitio Web nos permite comparar hasta 3 fuentes diferentes, ya sea desde nuestro ordenador, o podemos seleccionar de una lista de fuentes optimas para Web (Web-Safe).

Podemos probar diferentes colores, tamaños, colores de fondo, espaciado entre letras,  alineación y mas.

TypeTester

(más…)

Planeación de un Sitio Web

2 comments

Posted on 27th Julio 2009 by jluisfg in Diseño Web |Diseño y Planeación

Es muy importante siempre contar con una planeación para la creación de un sitio web. Todas estas etapas son como siempre una sugerencia, no deben seguirse al pie de la letra, pero son consideradas muy importantes para muchos diseñadores Web.

1. Analisis

El analisis de un sitio Web es muy importante, debemos analizar.

¿Que propósito tendra el sitio Web?

¿A que público estara dirigido?

¿Que prestigio tiene la marca?

¿Esta buscando nuevas visitas o es simplemente una renovación?

2. Diseño

Despues de contar con un análisis y saber el proposito y la idea que el cliente tiene para con el sitio Web, debemos plasmar una interface que sea lo que el cliente desea comunicar. Algunos puntos importantes que deben ser considerados dentro del Diseño son:

  • Logotipo y colores
  • Slogan
  • Layout
  • Tecnología a utilizar (Flash, HTML, Flash con HTML, Sistema de Manejo de Contenido, etc)
  • Fuentes de Información
  • Fotografías

3. Desarrollo

Durante la etapa del Desarrollo es únicamente el planteamiento de lo realizado en la etápa anterior, y es recomendable tener juntas periodicas con el cliente para saber que se esta llevando el proyecto por el camino deseado por la marca o empresa.

4. Implementación

Esta etápa consiste en subir el sitio a un servidor Web para su lanzamiento.

The Simplest Website

0 comments

Posted on 24th Julio 2009 by jluisfg in ActionScript 3.0 |Flash

, , , , , , , ,

Mediante el uso de la clase Tween, y unos simples botones, podemos crear una pagina web sencilla en un solo fotograma. Aqui el resultado.

This movie requires Flash Player 8

y el archivo raíz

Menu Desplegable en Flash con AS3

2 comments

Posted on 10th Julio 2009 by jluisfg in ActionScript 3.0 |Flash

, , , ,

Aunque existen componentes que pueden hacer esto. Realizar un menu desplegable en Flash resulta un poco laborioso, pues tenemos que crear diferentes simbolos que nos ayudaran a darle funcionalidad.

Se puede hacer de muchas maneras, simplemente explicare como lo haría yo.

Primero haremos el boton principal, del cual saldran los submenus. Despues, crearemos los botones que serian los submenus. Luego necesitaremos un boton invisible detonara las acciones del menu dependiendo de donde se encuentre el mouse.

Mi escenario inicial se encuentra de la siguiente manera:

(más…)

Tween en AS3

1 comment

Posted on 6th Julio 2009 by jluisfg in ActionScript 3.0 |Flash

, , , ,

La clase Tween es un novedad en ActionScript 3.0, ya que esto nos permite animar desde AS3. Esta clase tiene diferentes propiedades y metodos, pero primero tenemos que ver la sintaxis.

Antes que nada tenemos que cargar las clases en nuestra pelicula con el siguiente script:

fl

Despues podemos dar de alta la clase Tween de la siguente manera:

  1. Se da de alta la clase con la palabra reservada var y el nombre de la clase
  2. Entre parentesis espera la clase varios valores que son:
    1. El objeto que se va a animar.
    2. Entre comillas la propiedad que queremos animar (widht, height, x, y, alpha, etc).
    3. La funcion de easing que se quiera utilizar (Strong, Elastic, etc).
    4. El valor inicial.
    5. El valor final.
    6. El numero de segundos o cuadros que se va a tardar.
    7. Por ultimo se establece si se va a utilizar cuadros o segundos. (true significa que son segundos y false que son frames)

Lo cual quedaría de la siguiente manera:

tween

Agregando un simple Listener de CLICK quedaría asi:

This movie requires Flash Player 8