Conceptos básicos del diseño del Web site
| by Kim Eyer | February 04, 2002
¿Así pues, cuál está en un diseño del Web site de todos modos? ¿Y, cómo consigues un diseño que esté abrogando al gusto amplio y variado de todas esas personas que practica surf de Internet hacia fuera allí?
Esto es crítico. Tu diseño del Web site es la primera impresión que haces en tus clientes y visitantes. Hay algunos sitios en mis favoritos y bookmarks a que considere diseñados mal. Todavía los tengo, porque tienen información que deseo. ¡Afortunado para el dueño del sitio que su contenido era ése bueno! Pero un día encontraré otro sitio con la misma información y un diseño mejor. ¿Entonces conjeturar quién estarán en mis favoritos y quién será dejada hacia fuera? Tu contenido es quizá grande también, pero no toma ocasiones en un diseño pobre. Pensar cuánto conseguirán más tráfico de la repetición y el tráfico referido tú si tienes el gran contenido y gran diseño.
El gusto del diseño varía - ACEPTABLE, el diseño es una cuestión de audiencias del gusto y de blanco a un cierto grado. Qué parece bueno a un visitante no puede ser tan grande a otro. Aquí tenemos el viejo adagio de “una basura del hombre somos tesoro de otro hombre”. Pero hay los fundamentos sólidos que entran buen diseño del sitio. Crear un estilo visual distintivo y la aplicación de él es constantemente la mejor manera de atar a una serie de temas y de Web pages juntos.
Disposiciones - la disposición de tu sitio es un elemento importante del diseño. Un Web page es un documento, un llano y un simple. Es como ajustar a formato una letra, un contorno, un informe, o un anuncio. Establecer una rejilla de la disposición y un estilo para manejar tu texto y gráficos, entonces se pega con él para construir un ritmo y una unidad constantes a través de todas las páginas de tu sitio. Hacer fácil seguir, satisfaciendo al ojo. Aprender utilizar las tablas y las tablas jerarquizadas, las listas, e incluso los marcos bien diseñados para las disposiciones que controlan.
Color - el color tiene mucho hacer con las audiencias de blanco también. Qué abroga a un adolescente no puede trabajar con una audiencia de blanco del bebé-boomers, y así sucesivamente. Pero cualquiera puede apreciar la coordinación del color. La coordinación del color puede ser aprendida. Sí, es mucho más fácil si tienes una “destreza natural” para estas cosas, pero puedes aprender las técnicas básicas que diferencian entre “pegajoso, yuk de la coordinación del color!!!” y “calmando al ojo”.
Colores seguros - cada uno no tiene 16 millones de colores en su computadora. Aprender utilizar los colores del websafe 216. Notar que es 216 colores, no 256 colores. Ésta es una cuestión de capacidad de la tarjeta video y estás en la misericordia del sistema del ordenador personal del espectador. Tu mejor apuesta es pegarse a 6 x 6 x 6 resoluciones del color del pedacito (216 colores) de cubrir a la mayoría de usuarios del Internet. La gama de colores de 216 colores te da la abundancia para las opciones del diseño. Seguro, no tanto como 256 colores o 16 millones, pero todavía la abundancia para lograr lo que deseas o necesidad de hacer con color.
Carga Tiempo de la página - ahora seré la primera persona para admitir que he hecho los Web pages del *personal* que tienen gráficos o los archivos grandes de la música .wav y otras cosas que llevan un rato la carga. El punto aquí es, ellos es mis Web site personales, *not* mis Web site profesionales o comerciales. Puedo utilizar estas páginas largas del cargamento para la versión parcial de programa-ing varias técnicas, o nunca nunca nunca charla con los amigos y otros reveladores, pero para el diseño profesional del sitio (a menos que mi cliente insiste, en este caso no utilizo su sitio como versión parcial de programa a otros clientes potenciales!). Esto no significa que tienes que dar para arriba todo en sitios profesionales. Los medios justos lo toma fácil, utiliza solamente un elemento o dos del alto-carga-tiempo, aprende comprimir tus gráficos correctamente, y si tienes que mucha “materia” entonces lo rompe para arriba en más de una página.
No exagerarlo - un error típico entre los reveladores es exagerarla al juntar un Web site. Intentar utilizar suplementos en la moderación. Algunas cosas comunes que consiguen usadas en exceso son:
• gráficos
• imágenes de fondo
• cartabones y otros trucos gráficos
• marcos excesivos
• movimiento en sentido vertical del texto, .gif animado ' s, descolorar-ins de la página
Demasiado algo apenas sale como siendo “cutsie”, pegajoso, o unoriginal… pero utilizado correctamente te puede agregar apenas el tacto derecho. Aprender utilizar las cosas que felicitan el contenido de tu sitio, y no exagerarlas con técnicas y trucos adicionales.
Legibilidad - hacer tus páginas tan fáciles leer como sea posible. Ennegrecer el texto en un blanco o el fondo grisáceo es el más fácil de leer. Hay un montón de duro-a-lee las páginas que utilizan fondos la misma cortina que el texto (texto oscuro en un fondo y una luz oscuros en luz), o qué llamo la mirada “de neón” con color brillante en color brillante.
Aprender utilizar el face= " FirstFontChoice, SecondFontChoice, de sans serif " del <font > etiqueta y dar a tus lectores una fuente que sea fácil en el ojo. Pienso siempre que es tal vergüenza ver un sitio por completo del gran contenido y entonces izquierdo en la fuente romana nueva de los tiempos de defecto. Utilizar una fuente de de sans serif - arial y verdana son las buenas opciones, fuente genérica entonces puesta de “de sans serif” en tu cualidad pasada de la etiqueta del HTML para cubrir cualquier persona que pueda no tener una fuente específica que enumeraste como una primera opción o segunda opción.
Compatibilidad del Browser y del monitor -. Aprender hacer tus Web pages compatibles con el Microsoft Internet Explorer (IE) y el Netscape Navigator. Después de preparar un sitio, probarlo en browsers y los tamaños o las resoluciones ondifferent de pantalla. Las figuras típicas son los 80% de usuarios del Internet están en el browser del IE, resolución del 80% 800 que usan x 600, y la mayoría en 15 " o 17 " defienden….¿pero, puedes realmente permitirse para que tu sitio parezca pobre hasta el 20% del mercado? La respuesta es NO. Hacer tu sitio compatible con ambos browsers y tomar que tonto “vio lo más mejor posible con…” ¡gráfico del sitio! Además, utilizar las etiquetas del alt en tus gráficos para la gente que practica surf con las imágenes dadas vuelta apagado, o en browsers más pequeños que no los apoyen.
Usando Java - personalmente, tengo gusto de Java y la utilizo en diseño del sitio. Sin embargo, tienes que recordar vuelta de mucha gente él apagado por una razón u otra. O ella puede utilizar un browser que no lo apoye. Por lo tanto, si utilizas un menú conducido Java (absolutamente popular hoy en día), tienes mejor cierta navegación alterna.
--
El artículo es un extracto ebook “amo del Web”. Para una copia completa del href= del <a de la visita del eBook”
http://www.eyerstation.com/ebook2.html
Esto es crítico. Tu diseño del Web site es la primera impresión que haces en tus clientes y visitantes. Hay algunos sitios en mis favoritos y bookmarks a que considere diseñados mal. Todavía los tengo, porque tienen información que deseo. ¡Afortunado para el dueño del sitio que su contenido era ése bueno! Pero un día encontraré otro sitio con la misma información y un diseño mejor. ¿Entonces conjeturar quién estarán en mis favoritos y quién será dejada hacia fuera? Tu contenido es quizá grande también, pero no toma ocasiones en un diseño pobre. Pensar cuánto conseguirán más tráfico de la repetición y el tráfico referido tú si tienes el gran contenido y gran diseño.
El gusto del diseño varía - ACEPTABLE, el diseño es una cuestión de audiencias del gusto y de blanco a un cierto grado. Qué parece bueno a un visitante no puede ser tan grande a otro. Aquí tenemos el viejo adagio de “una basura del hombre somos tesoro de otro hombre”. Pero hay los fundamentos sólidos que entran buen diseño del sitio. Crear un estilo visual distintivo y la aplicación de él es constantemente la mejor manera de atar a una serie de temas y de Web pages juntos.
Disposiciones - la disposición de tu sitio es un elemento importante del diseño. Un Web page es un documento, un llano y un simple. Es como ajustar a formato una letra, un contorno, un informe, o un anuncio. Establecer una rejilla de la disposición y un estilo para manejar tu texto y gráficos, entonces se pega con él para construir un ritmo y una unidad constantes a través de todas las páginas de tu sitio. Hacer fácil seguir, satisfaciendo al ojo. Aprender utilizar las tablas y las tablas jerarquizadas, las listas, e incluso los marcos bien diseñados para las disposiciones que controlan.
Color - el color tiene mucho hacer con las audiencias de blanco también. Qué abroga a un adolescente no puede trabajar con una audiencia de blanco del bebé-boomers, y así sucesivamente. Pero cualquiera puede apreciar la coordinación del color. La coordinación del color puede ser aprendida. Sí, es mucho más fácil si tienes una “destreza natural” para estas cosas, pero puedes aprender las técnicas básicas que diferencian entre “pegajoso, yuk de la coordinación del color!!!” y “calmando al ojo”.
Colores seguros - cada uno no tiene 16 millones de colores en su computadora. Aprender utilizar los colores del websafe 216. Notar que es 216 colores, no 256 colores. Ésta es una cuestión de capacidad de la tarjeta video y estás en la misericordia del sistema del ordenador personal del espectador. Tu mejor apuesta es pegarse a 6 x 6 x 6 resoluciones del color del pedacito (216 colores) de cubrir a la mayoría de usuarios del Internet. La gama de colores de 216 colores te da la abundancia para las opciones del diseño. Seguro, no tanto como 256 colores o 16 millones, pero todavía la abundancia para lograr lo que deseas o necesidad de hacer con color.
Carga Tiempo de la página - ahora seré la primera persona para admitir que he hecho los Web pages del *personal* que tienen gráficos o los archivos grandes de la música .wav y otras cosas que llevan un rato la carga. El punto aquí es, ellos es mis Web site personales, *not* mis Web site profesionales o comerciales. Puedo utilizar estas páginas largas del cargamento para la versión parcial de programa-ing varias técnicas, o nunca nunca nunca charla con los amigos y otros reveladores, pero para el diseño profesional del sitio (a menos que mi cliente insiste, en este caso no utilizo su sitio como versión parcial de programa a otros clientes potenciales!). Esto no significa que tienes que dar para arriba todo en sitios profesionales. Los medios justos lo toma fácil, utiliza solamente un elemento o dos del alto-carga-tiempo, aprende comprimir tus gráficos correctamente, y si tienes que mucha “materia” entonces lo rompe para arriba en más de una página.
No exagerarlo - un error típico entre los reveladores es exagerarla al juntar un Web site. Intentar utilizar suplementos en la moderación. Algunas cosas comunes que consiguen usadas en exceso son:
• gráficos
• imágenes de fondo
• cartabones y otros trucos gráficos
• marcos excesivos
• movimiento en sentido vertical del texto, .gif animado ' s, descolorar-ins de la página
Demasiado algo apenas sale como siendo “cutsie”, pegajoso, o unoriginal… pero utilizado correctamente te puede agregar apenas el tacto derecho. Aprender utilizar las cosas que felicitan el contenido de tu sitio, y no exagerarlas con técnicas y trucos adicionales.
Legibilidad - hacer tus páginas tan fáciles leer como sea posible. Ennegrecer el texto en un blanco o el fondo grisáceo es el más fácil de leer. Hay un montón de duro-a-lee las páginas que utilizan fondos la misma cortina que el texto (texto oscuro en un fondo y una luz oscuros en luz), o qué llamo la mirada “de neón” con color brillante en color brillante.
Aprender utilizar el face= " FirstFontChoice, SecondFontChoice, de sans serif " del <font > etiqueta y dar a tus lectores una fuente que sea fácil en el ojo. Pienso siempre que es tal vergüenza ver un sitio por completo del gran contenido y entonces izquierdo en la fuente romana nueva de los tiempos de defecto. Utilizar una fuente de de sans serif - arial y verdana son las buenas opciones, fuente genérica entonces puesta de “de sans serif” en tu cualidad pasada de la etiqueta del HTML para cubrir cualquier persona que pueda no tener una fuente específica que enumeraste como una primera opción o segunda opción.
Compatibilidad del Browser y del monitor -. Aprender hacer tus Web pages compatibles con el Microsoft Internet Explorer (IE) y el Netscape Navigator. Después de preparar un sitio, probarlo en browsers y los tamaños o las resoluciones ondifferent de pantalla. Las figuras típicas son los 80% de usuarios del Internet están en el browser del IE, resolución del 80% 800 que usan x 600, y la mayoría en 15 " o 17 " defienden….¿pero, puedes realmente permitirse para que tu sitio parezca pobre hasta el 20% del mercado? La respuesta es NO. Hacer tu sitio compatible con ambos browsers y tomar que tonto “vio lo más mejor posible con…” ¡gráfico del sitio! Además, utilizar las etiquetas del alt en tus gráficos para la gente que practica surf con las imágenes dadas vuelta apagado, o en browsers más pequeños que no los apoyen.
Usando Java - personalmente, tengo gusto de Java y la utilizo en diseño del sitio. Sin embargo, tienes que recordar vuelta de mucha gente él apagado por una razón u otra. O ella puede utilizar un browser que no lo apoye. Por lo tanto, si utilizas un menú conducido Java (absolutamente popular hoy en día), tienes mejor cierta navegación alterna.
--
El artículo es un extracto ebook “amo del Web”. Para una copia completa del href= del <a de la visita del eBook”
http://www.eyerstation.com/ebook2.html
Article Source: http://www.articleset.com
You are welcome to publish or reprint this article free of charge, provided:
- you include the entire article, unchanged, including the "About The Author" box
- all hyperlinks remain active, including the bottom ArticleSet.com link (does not apply to print publications)
- you agree not to hold the authors nor ArticleSet.com liable for any loss profits, expenses, or any other damages resulting from the use or misuse of articles published on this website
Menu
Home Top ArticlesTop AuthorsSubmit ArticleArticleSet BlogLink To UsArticle FeedsTermsContactFeatured
Language
