Cómo crear un buen sitio web

Con el continuo desarrollo de la tecnología de redes, las aplicaciones de red han penetrado en todos los rincones de la sociedad humana. Como punto de apoyo del mundo en línea, los sitios web también son un punto de atención de la gente: el gobierno utiliza el sitio web para promover su agenda política y se ha convertido cada vez más en una línea directa de comunicación con la gente; las empresas utilizan el sitio web para promover la suya propia; imagen y aprovechar oportunidades de negocio ilimitadas; las personas utilizan el sitio web para mostrar la personalidad y el estilo crean un puente de comunicación entre sí. Cada vez más personas quieren tener un sitio web y abrirse un mundo en el mundo online. ¿Cómo diseñar un excelente sitio web? Con respecto a este tema, la gente ha discutido mucho y hay mucho que se puede discutir. Además, con el rápido desarrollo de la tecnología de red, es difícil encontrar una idea de diseño absolutamente autorizada y correcta. talentoso y basado en su propia experiencia en diseño

Reúna y resuma las siguientes ideas básicas de diseño:

1. Posicione el tema y el nombre del sitio web

El tema. El tema del sitio web también es el tema del sitio web, que es el primer problema encontrado al diseñar el sitio web. Los temas de sitios web son muy extraños y deslumbrantes. Siempre que puedas pensar en ello, puedes hacerlo. Las siguientes son las diez categorías de los 100 sitios web más conocidos de los Estados Unidos clasificados en 1999 por PC Magazine:

Categoría 1: Búsqueda de empleo en línea

Categoría 2: Chat en línea /mensajería instantánea/ICQ

Categoría 3: Comunidad en línea/discusión/lista de correo

Categoría 4: Tecnología informática

No. Categoría 5: Web/Desarrollo de sitios web.

Categoría 6: Sitio web de entretenimiento

Categoría 7: Viajes

Categoría 8: Referencia/Información

Categoría 9: Familia/Educación

Categoría 10: Estilo de vida/Moda

Cada categoría principal se puede subdividir aún más, por ejemplo, el entretenimiento se divide en deportes/películas/Música y otras subcategorías, la música se puede dividir en MP3. , VQF, Ra, etc. según el formato, y divididos en clásico, moderno, rock, etc. según la forma de expresión. Al mismo tiempo, de la conexión y combinación cruzada de varios temas se pueden generar nuevos temas, como foros de viajes (viajes + discusión), transmisiones de goles clásicas (fútbol + cine y televisión), divididos de esta manera, pueden haber miles de temas. Con tantos temas, ¿cómo elegir? Los principios a seguir son los siguientes:

1. El tema debe ser pequeño y preciso.

El posicionamiento debe ser pequeño y el contenido debe ser preciso. Si desea crear un sitio web con todo incluido y poner en él todas las cosas que cree que son maravillosas, a menudo será contraproducente. Le dará a la gente la sensación de que no hay ningún tema, ni características, todo está ahí, pero todo es superficial. , porque es imposible tener tanta energía para mantenerlo. La característica más importante del sitio web es que es nuevo y rápido. Actualmente, las páginas de inicio personales más populares se actualizan todos los días o incluso cada pocas horas. Los resultados de la última encuesta también muestran que los "sitios temáticos" en Internet son más populares que los "sitios universales", al igual que las tiendas especializadas y los grandes almacenes. Si necesito comprar algo en un área determinada, definitivamente elegiré una tienda especializada.

2. El tema debe ser preferiblemente algo en lo que seas bueno o que te guste.

Por ejemplo: si eres bueno programando, puedes crear un sitio web para entusiastas de la programación; Si estás interesado en el fútbol, ​​puedes informar sobre las últimas noticias, la situación de la batalla, la dinámica de las estrellas, etc. De esta forma no te sentirás aburrido ni abrumado al realizarlo. El interés es la fuerza impulsora para crear un sitio web. Sin pasión, es difícil diseñar y crear un sitio web excelente.

3. No utilices demasiados temas ni objetivos demasiado altos.

"Demasiado excesivo" se refiere a temas que se pueden ver en todas partes y están disponibles para todos, como descargas de software e información gratuita. "Apuntar demasiado alto" significa que ya existen sitios muy buenos y conocidos en este tema, y ​​es muy difícil para ti superarlos.

Una vez determinado el tema, puedes darle al sitio web un nombre basado en el tema. El nombre del sitio web también forma parte del diseño del sitio web y es un elemento muy crítico. Si lo miras, "Computer Learning Room" y "Computer Home" son obviamente lo último y concisos; "Midi Paradise" y "MIDI Paradise" son obviamente lo último y claro "Children's World" y "China Kindergarten"; esta última atmósfera. Todos sabemos que el nombre chino de PIII es "Pentium". Si se cambiara a "Pentium", podría no ser tan "popular" como lo es hoy. Al igual que en la vida real, el hecho de que el nombre del sitio web sea recto, llamativo y fácil de recordar también tendrá un gran impacto en la imagen y la promoción del sitio web. Mis sugerencias son:

1. El nombre debe ser correcto.

De hecho, debe ser legal, razonable y afectuoso.

No utilice sustantivos o frases reaccionarias, pornográficas, supersticiosas, que pongan en peligro la seguridad social.

2. El nombre debe ser fácil de recordar.

Es mejor utilizar un nombre chino en lugar de un nombre inglés o una mezcla de chino e inglés. Además, la cantidad de caracteres en el nombre del sitio web debe controlarse dentro de seis caracteres (preferiblemente cuatro caracteres), y también se pueden usar modismos para nombres de cuatro caracteres. El pequeño número de palabras también tiene la ventaja de ser adecuado para el diseño de enlaces en otros sitios.

3. El nombre debe ser distintivo.

Un nombre sencillo es aceptable si puede reflejar una determinada connotación y dar al espectador más impacto visual e imaginación espacial, se considera superior. calidad. Por ejemplo: música de vanguardia, página web Taoba, espacio y tiempo de libros electrónicos, etc. Si bien refleja el tema del sitio web, puede resaltar sus características.

2. Posicionar la imagen de CI del sitio web.

La llamada CI (identidad corporativa) significa unificar la imagen de la empresa a través de la visión. Un sitio web excepcional, al igual que una empresa física, requiere un diseño y una presentación de imagen general. El diseño de CI preciso y creativo tiene un efecto multiplicador en la promoción del sitio web. El método específico es:

1. Diseñar el logo del sitio web (logotipo)

Al igual que una marca comercial, el logo es una expresión concentrada de las características y connotaciones de su sitio. Cuando vea el logotipo, todos pensarán en él. Inicie su sitio. La creatividad del diseño del logotipo proviene del nombre y el contenido de su sitio web:

(1) El sitio web tiene personajes representativos, animales, flores y plantas, etc., que pueden usarse como modelo para el de diseño, caricaturescos y artísticos, por ejemplo Mickey Mouse de Disney, el zorro de dibujos animados de Sohu, etc.

(2) Si el sitio web es profesional, podrá utilizar como logotipo elementos representativos de la profesión. Por ejemplo, el logotipo en placa de cobre del Banco de China, el logotipo en el volante de Mercedes-Benz, etc.

(3) La forma más común y sencilla es utilizar el nombre en inglés de su sitio web como logotipo. Puede crear fácilmente su propio logotipo utilizando diferentes fuentes, variaciones de letras y combinaciones de letras.

2. Diseñar el color estándar del sitio web

La primera impresión del sitio web proviene del impacto visual. Determinar el color estándar del sitio web es un paso muy importante. Diferentes combinaciones de colores producen diferentes efectos y pueden afectar las emociones de los visitantes. Tomemos un ejemplo práctico para entenderlo: el azul oscuro de IBM, la barra roja de KFC y los bloques rojo, azul, amarillo y verde del logotipo de Windows nos hacen sentir muy apropiados y armoniosos. Los "colores estándar" se refieren a colores que pueden reflejar la imagen y la connotación ampliada del sitio web. En términos generales, no debe haber más de 3 colores estándar para un sitio web. Demasiados colores deslumbrarán. Se deben utilizar colores estándar para el logotipo, el título, el menú principal y los bloques de colores principales del sitio web. Da una sensación de unidad general. En cuanto a otros colores, también se pueden utilizar, pero sólo como adornos y láminas, y no deben abrumar a los demás. Los colores adecuados para los colores estándar de las páginas web son: azul, amarillo/naranja, negro/gris/blanco, tres series de colores. Preste atención a la combinación razonable de colores.

3. Fuentes estándar para diseñar sitios web

Igual que los colores estándar, las fuentes estándar se refieren a fuentes únicas utilizadas para logotipos, títulos y menús principales. Generalmente, la fuente predeterminada para nuestras páginas web es Song Dynasty. Para reflejar la "diferencia" y el estilo único del sitio, podemos elegir algunas fuentes especiales según sea necesario. Por ejemplo, para mostrar profesionalismo, puede usar una imitación aproximada de la fuente Song, para mostrar un diseño exquisito, puede usar una fuente publicitaria, para mostrar amabilidad y despreocupación, puede usar una fuente escrita a mano, etc.

4. Diseñar el eslogan del sitio web.

También se puede decir que es el espíritu y objetivo del sitio web. Utilice una frase o incluso una palabra para resumirlo a un alto nivel. Similar a los eslóganes publicitarios de la vida real. Por ejemplo: "Sabe muy bien" de Magpie's Nest; "Las cosas buenas se comparten con buenos amigos" de Maxwell; "Te da un corazón acelerado" de Intel, etc.

3. Determina las columnas del sitio web

Construir un sitio web es como escribir un artículo. Primero debes elaborar un esquema para que el artículo pueda tener un tema claro y niveles claros. . Si la estructura del sitio web no es clara, el directorio es complejo y el contenido está disperso aquí y allá. Como resultado, no sólo los visitantes se confunden, sino que también resulta muy difícil ampliar y mantener el sitio web usted mismo. Una vez que se ha determinado el tema del sitio web y se ha recopilado y organizado mucha información relevante, ¿cómo organizar el contenido para atraer a los internautas a navegar por el sitio web? La esencia de la columna es un índice esquemático de un sitio web, y el índice debe mostrar claramente el cuerpo principal del sitio web.

La disposición general de las columnas del sitio web debe prestar atención a los siguientes aspectos:

1. Manténgalo cerca del tema

Clasifique sus temas de una manera determinada y utilícelos como las columnas principales del sitio. sitio web. El número de columnas de temas debería representar una ventaja absoluta en el total de columnas. Un sitio web de este tipo tiene un aspecto profesional y tiene temas destacados, que fácilmente pueden dejar una profunda impresión en las personas.

2. Configure una columna de guía del sitio web o actualizada recientemente.

El propósito de configurar una columna "actualizada recientemente" es atender a los visitantes frecuentes y hacer que su página de inicio sea más fácil de usar. amigable. Si el contenido de la página de inicio es grande y tiene varias capas, y no hay un motor de búsqueda en el sitio, configurar una columna "Guía del sitio" puede ayudar a quienes visitan por primera vez a encontrar rápidamente el contenido que desean.

3. Configura columnas que permitan la comunicación bidireccional.

Por ejemplo, foros, libros de visitas, listas de correo, etc., que permitan a los espectadores dejar su información.

4. Configure una columna de descargas o preguntas frecuentes.

La característica de Internet es compartir información. Por ejemplo, configure una sección de descarga de datos en su página de inicio para facilitar que los visitantes descarguen los datos requeridos. Además, si el sitio recibe con frecuencia cartas de internautas sobre ciertos temas, es mejor crear una columna para responder preguntas frecuentes, lo que no solo facilitará a los internautas, sino que también le ahorrará más tiempo.

4. Determine la estructura de directorios del sitio web.

El directorio del sitio web se refiere al directorio creado cuando crea el sitio web. Por ejemplo: cuando se utiliza frontpage98 para crear un sitio web, el directorio raíz y el subdirectorio de imágenes (almacenamiento de imágenes) se crean de forma predeterminada. La calidad de la estructura del directorio no tiene mucho impacto en el espectador, pero tiene un impacto importante en la carga y el mantenimiento del sitio en sí, así como en la futura expansión y trasplante de contenido. Las siguientes son algunas sugerencias para establecer una estructura de directorios:

1. No almacene todos los archivos en el directorio raíz, lo que causará confusión en la administración de archivos.

A menudo no puede determinar cuál. Los archivos deben editarse y actualizarse, qué archivos inútiles se pueden eliminar y cuáles son archivos relacionados que afectan la eficiencia del trabajo. Además, la velocidad de carga es lenta. El servidor generalmente crea un índice de archivos para el directorio raíz. Cuando coloca todos los archivos en el directorio raíz, incluso si solo carga y actualiza un archivo, el servidor necesita recuperar todos los archivos nuevamente y crear un nuevo archivo de índice. Evidentemente, cuanto mayor sea el tamaño del archivo, mayor será el tiempo de espera. Por lo tanto, reduzca la cantidad de archivos almacenados en el directorio raíz tanto como sea posible.

2. Crear subdirectorios según el contenido de la columna.

Para crear un subdirectorio, primero créelo según la columna del menú principal. Por ejemplo: un sitio web corporativo puede establecer directorios correspondientes según el perfil de la empresa, la introducción del producto, el precio, el pedido en línea, el contacto para comentarios, etc. Otras columnas secundarias, como las novedades, tienen enlaces más amigables y deben actualizarse con frecuencia, para que pueda crear subdirectorios independientes. Algunas columnas que son muy relevantes y no necesitan actualizarse con frecuencia, como: acerca de este sitio, acerca del webmaster, experiencia en el sitio, etc., se pueden fusionar y colocar en un directorio unificado. Todos los programas generalmente se almacenan en directorios específicos. Por ejemplo: los programas CGI se colocan en el directorio cgi-bin. También es mejor colocar todo el contenido que debe descargarse en un directorio.

3. Cree un directorio de imágenes independiente debajo de cada directorio de la columna principal.

Lo más conveniente es crear un directorio de imágenes independiente para cada columna principal. El directorio de imágenes en el directorio raíz solo se usa para almacenar imágenes en la página de inicio y algunas columnas secundarias.

4. El nivel del directorio no debe ser demasiado profundo.

Se recomienda que el nivel del directorio no supere los 3 niveles para facilitar el mantenimiento y la gestión.

5. No utilices directorios chinos

6. No utilices directorios demasiado largos

5. Determina la estructura de enlaces del sitio web.

Sitio web La estructura de enlaces se refiere a la topología de enlaces entre páginas. Se basa en una estructura de directorios pero puede abarcar directorios. Hay dos formas básicas de establecer la estructura de enlaces de un sitio web:

1. Estructura de enlaces de árbol

Similar a una estructura de directorio de DOS, el enlace de la página de inicio apunta al primer nivel. página, y el enlace de la página de primer nivel apunta a la página de segundo nivel. Al navegar por una estructura de enlaces de este tipo, ingresa a un nivel y sale de un nivel. La ventaja es que está claramente organizado y los visitantes saben exactamente dónde están y no se perderán. La desventaja es que la eficiencia de la navegación es baja desde las subpáginas de una columna a las subpáginas de otra columna, debe recorrer la página de inicio.

2. Estructura de enlaces en estrella

Similar a los enlaces de un servidor de red, cada página tiene enlaces entre sí. La ventaja de esta estructura de enlaces es que es fácil de navegar y puedes llegar a tu página favorita en cualquier momento. La desventaja es que hay demasiados enlaces, lo que fácilmente puede hacer que los espectadores se pierdan y se confundan acerca de dónde se encuentran y cuánto contenido han leído.

Estas dos estructuras básicas son sólo métodos ideales. En el diseño de sitios web reales, estas dos estructuras siempre se mezclan y se utilizan para lograr resultados más ideales. Una mejor solución es: utilizar una estructura de enlaces en estrella entre la página de inicio y las páginas de primer nivel, y utilizar una estructura de enlaces de árbol entre las páginas de primer nivel y las de nivel inferior.

6. Diseñar el estilo general del sitio web

El estilo (estilo) es abstracto y se refiere a la sensación integral que la imagen general del sitio le da al espectador. Esta "imagen general" incluye el CI del sitio (logotipo, color, fuente, eslogan), diseño, método de navegación, interactividad, texto, tono, valor del contenido, importancia de la existencia, honor del sitio y muchos otros factores. Por ejemplo: creemos que NetEase es accesible, Disney es animado e IBM es profesional y serio. Estos son los diferentes sentimientos que dejan los sitios web en las personas.

El estilo es único y es lo que diferencia al sitio de otros sitios. Ya sea el color, la tecnología o los métodos de interacción pueden hacer que los visitantes distingan claramente que esto es exclusivo de su sitio web. Por ejemplo, el blanco y negro de New Century Network y el marco único del sitio web de fondo de pantalla NetEase. Incluso si solo ve una página, aún puede saber de qué sitio web proviene.

El estilo es humano. La personalidad y el estado de ánimo de un sitio se pueden resumir a través de su apariencia, contenido, texto y comunicación. Es gentil y elegante, persistente y entusiasta, vivaz y cambiante, es laissez-faire. Al igual que la "escuela audaz" y la "escuela elegante" en poesía, puedes utilizar la personalidad de las personas para comparar sitios. ¿Cómo establecer el estilo del sitio web? Podemos dividirlo en los siguientes pasos:

1. Asegúrate de que el estilo esté basado en contenido de valor.

Una web con estilo pero sin contenido es como una almohada bordada con una bolsa de paja. Como una persona arrogante pero analfabeta. Primero debes asegurarte de la calidad y el valor del contenido, que es lo más básico.

2. Debes comprender a fondo qué impresión quieres que el sitio dé a la gente.

Puedes aclarar tus ideas a partir de estos aspectos:

a. Utilice solo una oración para describir su sitio, debe ser: ()

Respuesta de referencia: creativa, profesional, sólida (técnica), estética e impactante

b .Pensando en su sitio web, los colores que me vienen a la mente son: ()

Respuestas de referencia: rojo apasionado, azul cielo de fantasía, amarillo dorado inteligente

c.Pensando en tu La imagen que se puede asociar con el sitio web es: ()

Respuesta de referencia: un periódico matutino, un auto deportivo Ferrari, una plaza llena de gente, una tienda de comestibles

d. su personalidad es: ()

Respuesta de referencia: un hombre de mediana edad de mentalidad madura, un vaquero salvaje y desenfrenado, un empresario honesto y confiado

Como webmaster, el. La impresión que quieres dar a la gente es: ()

Respuesta de referencia: dedicada, seria, profunda, responsable, inocente, directa, señora

Utiliza un animal para metafóricamente tu sitio web. más se parece a: ()

Respuestas de referencia: gato (misterioso y noble), águila (visión aguda), conejo (inteligente y sensible), león (confiado y autoritario)

g. Los visitantes piensan que la diferencia entre usted y otros sitios web es: ()

Respuesta de referencia: confiable, información más rápida, comunicación fácil,

h. Los espectadores se comunican y cooperan con usted. Mis sentimientos son. : ()

Respuestas de referencia: profesores y alumnos, compañeros, amigos, mayores y niños.

Primero puedes completar una respuesta tú mismo y luego dejar que otros internautas completen las respuestas. Los resultados de la comparación le indicarán: las lagunas, debilidades y áreas de mejora actuales de su sitio web.

3. Después de aclarar la impresión de su sitio web, comience a trabajar duro para establecer y fortalecer esta impresión.

Después del segundo paso de "cuantificación" de la impresión, necesita conocer más a fondo la impresión. Los más importantes. Las cosas con características únicas son las que mejor reflejan el estilo del sitio web. Y utilícelo como una característica del sitio web para centrarse en fortalecerlo y promoverlo.

Las siguientes prácticas se pueden utilizar como referencia:

(1) Coloque su logotipo en cada página tanto como sea posible. O encabezado, pie de página o fondo.

(2) Resalta tus colores estándar. El color del enlace del texto, el color principal de la imagen, el color de fondo, el borde y otros colores deben ser lo más consistentes posible con el color estándar.

(3) Resalta tus fuentes estándar. Utilice fuentes estándar unificadas en títulos, menús e imágenes clave.

(4) Piense en un eslogan promocional pegadizo. Colóquelo en su banner o colóquelo en un lugar destacado para decirle a todos cuáles son las características de su sitio web...

(5) Utiliza un tono y una persona unificados. Incluso si varias personas trabajan juntas para mantenerlo, los lectores deben sentir que fue escrito por la misma persona.

(6) Utilice efectos de procesamiento de imágenes unificados. Por ejemplo, la dirección, el grosor y el desenfoque del efecto de sombra deben ser los mismos.

(7) Crea un símbolo o ícono exclusivo para tu sitio.

(8) Utiliza encajes, líneas y puntos de tu propio diseño.

(9) Muestra los honores y trabajos exitosos de tu sitio web.

(10) Cuéntale a los internautas tus verdaderas historias y pensamientos. La formación del estilo no se determina de una vez por todas, puedes fortalecerlo, ajustarlo y modificarlo continuamente en la práctica.

7. Resumen:

El diseño de sitios web está lleno de un encanto infinito y un artículo por sí solo no puede agotar sus misterios. Esta idea de diseño puede no ser completamente adecuada para todos los diseñadores, ni puede ser completamente adecuada para la situación real de varios diseños. Solo debe usarse como punto de partida. El benévolo ve la benevolencia y el sabio ve la sabiduría. Espero que usted y yo tengamos más sitios web excelentes. Si hay algún error en el artículo, critíquelo y corríjalo.

8. Bibliografía

1. "Técnicas y ejemplos de producción de títulos web" - Lu Shaohua - Tsinghua University Press

2 "FrontPage 2000" "Principiante". to Master"--Traducido por Cheng Dong et al--Electronic Industry Press

3. "Web Usability Design"--[Americano] por Jakob Nielsen--People's Posts and Telecommunications Press

4. "La combinación dorada de arquitectura y arte de sitios web" - escrito por Tianlan Studio - People's Posts and Telecommunications Publishing House

5. "Diseño y desarrollo de páginas web - Producción y producción de páginas web HTML desarrollo de sitios web en la práctica completa"- -Wu Fanhua--Aviation Industry Press

6. "Producción publicitaria"--Fan Zhiyu--People's Posts and Telecommunications Press

Referencia: /c /1781.html