Donde el diseño web encaja

Como diseñador, ¿sabes dónde está tu trabajo en realidad se inscribe en el proceso de diseño?

A todos nos gusta el diseño web. Mirar un cuadro en blanco en una pantalla de ordenador y utilizando sólo el ojo de su mente, un ratón y un teclado para convertirlo en la vida, la respiración Sitio Web no es una hazaña menor, y sin duda hay un pico creativo a la hora de hacer algo como este. Diseño web puede ser una salida de gran valor artístico e inevitablemente trae consigo la alegría que viene con mirar su obra terminada y presentar a los demás.

Sí, en una palabra, el diseño web es muy divertido. Pero seamos realistas: si va a hacer dinero con el diseño Web, a continuación, también se convierte en un negocio.

Si el diseño Web es su negocio, entonces usted debe asegurarse de que está en la perspectiva correcta y se utiliza el procedimiento adecuado cuando se trata de su trabajo. Usted no quiere que sus diseños a fallar, pero, por desgracia, hay una fuerte posibilidad de que van a hacer exactamente eso. Permite dar un paso atrás por un minuto y definir lo que un diseño no es, y por qué no.

Ya tienes pagina web? Crea tu pagina web facil y rapido con el programa mas novedoso y facil de usar, visita okhosting.com web hosting en mexico, dominios y paginas web, los planes completos con hospedaje web o host de 50 megas, pagina web y registro de tu nombre en internet, ejem: www.tu-dominio.com y MX, ademas te incluimos cuentas de correo electronico ilimitadas y ayuda para cualquier duda que tengas en la creacion de tu sitio web, visita ahora www.okhosting.com y sal a la luz de la internet.

A falta de diseño de diseño no es necesariamente mala. Esto significa que un diseño "no" no es necesariamente un sitio web feo. Más bien, un diseño no es algo que no funciona correctamente para el sitio donde se utiliza. Un diseño puede ser muy bonito, pero ser terrible para su propósito.

Si a usted (o su cliente) con el objetivo de una página web es para vender algo o generar entusiasmo por una idea específica o de la campaña, tendrá que diseñar en consecuencia. Para un sitio como este, que no desea utilizar una imagen de mar en calma, como el encabezado de los blues de los fondos oceánicos y los negros en su diseño. Claro, usted puede ser capaz de hacer un muy bonito diseño de esta manera, pero es un diseño no porque no completar el objetivo del sitio o un mensaje.

El ejemplo anterior es una exageración, pero sirve para mostrar por qué fracasan tantos diseños. El problema radica en la incomprensión del proceso de diseño.
El Proceso de Diseño Web

Así que muchos diseñadores, sobre todo nuevos, los trabajadores independientes, mezcla el proceso de diseño. Lo peor es que este es un camino directo al fracaso y que ni siquiera lo saben. Nos centraremos en cada uno de los aspectos del proceso de diseño en tan sólo un poco, pero primero, vamos a ver un panorama general. Esto, en su forma más básica, es el proceso de diseño:

* Planificación
Antes de siquiera tener una sola idea en su cabeza sobre lo que su último diseño de Web que va a parecer, que tiene que hacer toda la planificación adecuada. Sobre todo, esto incluye conocer las respuestas a preguntas importantes.
* Contenido de construcción
Es necesario construir todo el contenido de su sitio después de tener un plan claro. Esto no significa necesariamente obtener todos los detalles abajo, pero lo que necesita saber lo que su contenido será y dónde ir.
* Diseño
Ahora vamos a diseñar el sitio Web. Este es un paso crucial, por supuesto, pero si usted ha hecho la planificación y la creación de contenidos en primer lugar, esta parte será la más divertida, y muy probablemente el más rentable! Pero tenga en cuenta que hay varias consideraciones clave que será teniendo en cuenta, por lo que no será en celo con sus pinceles digitales de aquí.
* Desarrollo
Una vez finalizado su diseño, le convierten en XHTML / CSS / PHP / MySQL y todo lo demás necesidades de su sitio. Desarrollo general se refiere a la parte técnica de diseño Web: la materia de codificación y de servidor.

Como se puede ver (atención a esta parte, es importante!), Diseñar el sitio llega tarde en el juego. Muchos diseñadores cometen el error de querer entrar de lleno en la etapa de diseño, porque es donde los talentos de un diseñador brillo. Pero si evitar o simplificar la planificación y las medidas de creación de contenidos, puede acabar con un diseño que probablemente se inscribe en el sitio bastante bien, pero en última instancia, no para ayudar al sitio lograr sus objetivos.

Por lo tanto, es importante que usted conozca y siga este proceso en su trabajo profesional. Echemos un vistazo al proceso con mayor detalle.
Paso 1: Planificación

Hay mucho trabajo por delante antes de que usted realmente llegar a empezar a dibujar, colorear, por el que se fuera, y en general el diseño de su sitio web. Primero, usted necesita las respuestas a estas preguntas. Usted sabrá de estas respuestas si está diseñando un sitio para usted, o su cliente se conocen.

Usted necesita saber las respuestas a estas:

* ¿Cuál es su objetivo con este sitio?
¿Estás tratando de vender algo? Entregar un mensaje? Compartir información? Manténgase en contacto? Etc.
* ¿Quiénes son los visitantes de su sitio web?
En otras palabras, quién es su público objetivo? Esto a veces puede ser tan vaga como "estudiantes" o tan específicos como "revisión anunciantes restaurante publicación."
* ¿Qué quieres que tus visitantes a hacer?
Por lo general, si usted está recibiendo los visitantes a su sitio, usted quiere realmente hacer algo. Algunas respuestas a esta pregunta podría ser, "comprar un producto", "suscribirse a un boletín de noticias", o "aprender a crear mejores sitios Web". Esta es una pregunta importante, asegúrese de que tiene una buena respuesta clara para él.
* ¿Por qué deberían hacerlo?
Mira a este sitio desde la perspectiva del espectador. ¿Por qué deberían estar interesados en su sitio? ¿Qué hay para ellos?

Si usted o su cliente no tiene respuestas claras para las preguntas anteriores, es tiempo de hacer algunas investigaciones. Encontrar algunos de sus clientes y obtener estas respuestas, o hacer algunas llamadas. Visita otros sitios que son similares a la suya en la idea y saber qué tipo de gente que está dibujando. Si este es el tipo de gente estará trabajando, entonces usted tendrá algunas respuestas.

Una vez que haya buenas respuestas claras a todas estas preguntas, usted puede comenzar a crear contenido para su sitio y empezar a hacer algunas decisiones de diseño. Con sólo estas respuestas, se puede determinar los aspectos básicos, como:

* Color
* Diseño
* Familia de fuentes
* Tamaño de la fuente

Colores? Diseños? Fuentes? ¡Ah, aquí vamos, esto está empezando a sonar más como el diseño del Web! Si usted sabe, por ejemplo, que su objetivo es proporcionar consejos de seguridad de vida silvestre para los campistas nuevos, tendrá un diseño que le permite proporcionar texto claro y legible. Debido a que sus consejos le vienen en su mayoría en forma de texto y las ilustraciones, usted querrá un montón de espacio del cuerpo y una fuente que se ve bien en pantalla y espacio y con CSS (Arial es un defecto para algo así). Puesto que usted está tratando con material relacionado con la fauna silvestre, sus colores pueden imitar los de los bosques, con los verdes profundos, los tonos de arena y barro, de madera oscura y colores.

Pero no a los hechos y Photoshop abierta todavía! Usted no está aún bastante listo para empezar a dibujar y colorear. A continuación, usted quiere construir el contenido de su sitio.
Paso 2: Creación de Contenido

Hay una frase que a menudo lanza alrededor en el mundo de desarrollo web: "el contenido es rey". Esto es cierto para la mayoría de webs que hay. La mayoría de sitios web quieren ser encontrados y una manera clave de los sitios que se descubren es a través de consultas de búsqueda. Los motores de búsqueda a menudo la "araña" de su base de datos de sitios web para los nuevos, claro, hasta a la fecha y el contenido original, y sitios web de contenido que tienen buenos son recompensados con más alto rango y por lo tanto se encuentran más a menudo.

No es de extrañar, entonces, que la creación de contenido es un paso tan importante en el diseño Web. Con las respuestas que obtuvo de Paso 1: Planificación, usted debe saber qué tipo de contenido que se quiere empezar a construir. Si su objetivo es vender la música y la electrónica, y su público objetivo son los estudiantes universitarios que buscan comprar cosas como iPods y cámaras digitales, entonces usted querrá escribir algunos contenidos que es alegre, los pies en la tierra, y al momento, mientras sigue construyendo en el estilo de vida popular "," tendencia que vende aparatos como estos tan bien.

O, como otro ejemplo, si su público objetivo es un grupo de profesionales en el campo de la investigación médica y su objetivo es plantear un desafío de nuevas ideas para la colaboración o la discusión, usted querrá escribir el contenido que sale como algo de un blog técnico .

En última instancia, sin embargo, la cosa más importante que quiere hacer en este paso es conseguir que todas sus ideas para el contenido en papel o en un archivo de texto. No es necesario escribir los anuncios de su música y la electrónica de ahora, por ejemplo, y por supuesto usted no quiere pasar el tiempo en este paso para escribir una larga entrada revista médica. Por ahora, es suficiente sólo para obtener todo el contenido en taquigrafía. Sólo asegúrese de tener todo.

Una vez que tenga toda su información en un lugar donde usted puede mirar, usted desea construir su sitio. Este es el paso final antes de empezar a diseñar el sitio. Puede utilizar un programa de computadora para dibujar su mapa de sitio como lo hice a continuación, pero la mayoría de las veces un lápiz y papel que funciona mejor para esta parte.

Echemos un vistazo a un mapa del sitio pequeña muestra de la música y la electrónica de la tienda los que hablamos antes.

Mi música y Electronics Store Mapa del sitio

Aquí podemos ver que nuestra página web enlaces a cuatro otras páginas: Tiendas, Música, Electrónica, y Contacto. La música y las páginas Electronics cada enlace con los incisos diferentes. La página de música le permite elegir un género de música a comprar, y la página Electronics le permite navegar a través de distintos gadgets.

Al diseñar su sitio, es importante recordar el 3-clic en Regla. Simplemente, el 3-clic en la regla establece que un usuario nunca debe tener que hacer clic en más de tres veces en su sitio para hacer nada. En nuestro sitio de ejemplo, podemos ver que si un visitante quería obtener nuestros otras tiendas, sólo se necesita 1, haga clic en la página principal. O, si quieren navegar a través de la música rock a comprar, sólo sería necesario, en Música en la página principal, a continuación, Rock en la página de música. A tan sólo 2 clics.

Si bien la construcción de su sitio, usted debe asegurarse de que cada cuadro (o página) en el mapa de sitio lo tienen algunos de los contenidos que se indica anteriormente. Todo su contenido debe tener un lugar en su sitio, y usted tiene que ser capaz de ver visualmente en qué páginas te ponen cada bit de su contenido.

Y ahora que tenemos la planificación y la creación de contenido de hecho, vamos a diseñar!
Paso 3: Diseño

Muchos diseñadores cometen el error de saltarse los pasos 1 y 2, saltando lugar aquí al Paso 3: Diseño. Pero si ha llegado hasta aquí después de haber hecho el trabajo necesario de antemano, entonces estás en el buen camino!

En el Paso 1: Planificación, usted probablemente ya tiene una buena idea de qué tipos de diseños y el diseño que desea utilizar. Deje que su flujo de la creatividad aquí. Recuerde, hay varios diseños probablemente necesite para su diseño. Usted querrá un diseño para su página web, que, de acuerdo a su sitio, sólo contendrá una información de ingreso o reflejos, algunos enlaces y, dependiendo de sus objetivos, tal vez algunas imágenes interesantes.

Usted también querrá un diseño para páginas de transición. Las páginas de Transición son las páginas que acaba de traslado al usuario a cosas más importantes. En el sitio del ejemplo anterior, la música y las páginas Electronics son sólo páginas de transición. La página de música podría ser pequeña, y contener enlaces a los diferentes géneros de la música de abajo (País, Hip Hop, Música clásica, y Rock). La página Electronics también sería pequeña, y sólo contienen pequeños trozos de información, al tiempo que se vincula a las cosas más importantes, como los reproductores de DVD, televisores, reproductores de MP3 y cámaras digitales páginas. Diseños de página de Transición debe coincidir con el sitio, sino también ser sencillo para que los usuarios pueden emplear el menor tiempo posible en ellas.

Es probable que no quiere oír esto, pero incluso en este punto, usted podría considerar dejar de Photoshop cerrado un poco. En su lugar, intente dibujar varios diseños para su sitio en papel. Es una buena idea crear múltiples presentaciones sólo para ver cómo se "siente" con el sitio que estamos construyendo, y usando Photoshop para crear un montón de diseños que usted puede ser que ni siquiera uso es mucho tiempo. Es mucho más rápido para hacer algunas presentaciones rápida y sucia en papel para tener una idea aproximada de qué manera quiere ir con el diseño.

En este punto, probablemente tienes un dedo en el gatillo derecho twitchy acerca ahora a la hora de disparar su arma de fuego de diseño. Pero tómelo con calma. Aquí hay algo a considerar sobre el diseño.

¿Sabía usted que Apple, la compañía detrás del diseño del iPhone un enorme éxito, el iPod y ordenadores iMac y MacBooks, utiliza un proceso de diseño que ellos llaman "10-3-1?" Es verdad, en el 2008 South by Southwest Interactive Festival, asistí a una presentación de Michael Lopp, director de ingeniería senior de Apple, donde se reveló poco pequeña de la información a una sala abarrotada lleno de diseñadores.

He aquí cómo funciona. Los diseñadores de Apple deben cumplir con la regla 10-3-1, donde los diseñadores primero se dan mucha libertad creativa y llegar a 10 bueno, los diseños saludable para algo. Esto podría ser para un sitio o un producto, entre otras cosas. Luego, después de subir con 10 buenos diseños, que deben pasar por las dolorosas ya menudo difícil tarea de eliminar 7 de ellos, dejándolos con 3 diseños muy buenos para trabajar.

Entonces, los diseñadores de Apple pasar algunos meses en estas 3 diseños mejorarlos y ajustarlos a la caza de Apple. Finalmente, después de todo este trabajo, los diseñadores más que eliminar 2 de los diseños, hasta que se queda con sólo 1 de diseño de gran alcance que se realiza el trabajo final y se le da la bien conocida marca Apple y el polaco.

En los últimos años este tipo de pensamiento ha sido muy bueno para Apple, y sus diseños han tenido algún éxito. Si desea que sus diseños para tener éxito, así, entonces es aquí, en este paso, Paso 3: Diseño, que debe tomar el tiempo antes de abrir el Photoshop para realmente planificar su diseño, teniendo en cuenta todo lo que aprendieron en el paso 1 y saber lo que el sitio fluirá como en el paso 2.

Asegúrese de finalizar su diseño. Una vez tengas tu diseño listo, no hay vuelta atrás.
Paso 4: Desarrollo

Si ha finalizado su diseño (ya sea para usted mismo o con su cliente), entonces usted puede comenzar a desarrollar el sitio. Dependiendo de cómo desea que el sitio funcione, esto podría entrañar complejas como la programación PHP y MySQL backend, o simplemente podría ser tan simple como algunos básica en HTML y CSS. De cualquier manera, este paso consiste en la codificación real del sitio.

Algunos diseñadores son los únicos diseñadores y tratar sólo los aspectos básicos de XHTML y CSS, optando por trabajar con un socio o contratar a alguien para hacer la codificación de un sitio. Otros diseñadores conocer el desarrollo y la codificación de lado tan bien como la parte de diseño, pero estos diseñadores no son del todo demasiado común.

De cualquier manera, no vamos a entrar en el desarrollo del sitio aquí. A los efectos de este artículo, es suficiente para decir que este es el paso final, después de que el diseño está hecho, en la creación de una página web.
Así que, como se puede ver ....

Así que, como se puede ver, en realidad el diseño de una página web viene casi por completo por última en el proceso de diseño web. Si desea que sus diseños para tener éxito, usted tomará las medidas necesarias para trabajar hasta el diseño.

Es fácil trabajar con la mentalidad de "me gustaría obtener este diseño hecho para que yo pueda añadir a mi cartera". Sí, su cartera es una parte importante de ser un diseñador web. Pero también es clave para producir un producto que realmente funciona para sus clientes (y para usted mismo). Si su trabajo es de alta calidad y éxito, entonces usted puede esperar un gran éxito para ti, también.