Secretos De Diseño Web Que Necesita Aprender


Los gráficos son importantes para cualquier diseñador pero los principiantes deben centrarse solamente en los gráficos estándar en sus primeras varias compilaciones. Tenga en cuenta lo grande que es una imagen de mapa de bits, pero el uso de imágenes PNG funciona mejor. Para los botones de texto, capturas de pantallas y otras imágenes que no son fotografías, utilice PNG para imágenes con más de 256 colores y GIF para imágenes con menos. JPEG funciona mejor para imágenes fotográficas.

TIPS Los gráficos son importantes para cualquier diseñador pero los principiantes deben centrarse solamente en los gráficos estándar en sus primeras varias compilaciones. Tenga en cuenta lo grande que es una imagen de mapa de bits, pero el uso de imágenes PNG funciona mejor.

Mientras que el diseño web interesa a muchas personas, la perspectiva de aprender todos los tecnicismos sobre él puede ser desalentadora. Mientras que usted puede ser intimidado por el diseño web, pero atraído a ella, sin embargo, explorar este artículo completamente para obtener una mejor comprensión de los desafíos.

Cuando está pensando en cómo diseñar un sitio web, debe estar seguro de pensar en la navegación. Desea que su navegación sea fácilmente accesible y fácil de usar. Coloque la barra de navegación en cada página en un lugar notable. Además, asegúrate de que fluya bien con el resto de tu página y no distraiga a los visitantes.

TIPS Cuando está pensando en cómo diseñar un sitio web, debe estar seguro de pensar en la navegación. Desea que su navegación sea fácilmente accesible y fácil de usar.

Anime a los visitantes a volver a un sitio web repetidamente, ofreciéndoles un boletín informativo. Tener clientes suscribirse a su boletín de noticias le permite enviar actualizaciones importantes sobre eventos especiales, que a su vez pueden conseguir que sigan visitando su sitio. La barra lateral de tu sitio web es una ubicación ideal para el formulario de suscripción, y debes asegurarte de estar al tanto de quién se ha registrado. ¡ Asegúrate de entregar el boletín informativo a las personas que lo hayan solicitado!

No intentes encajar demasiado en una página cuando diseñes un sitio Web. Si su página está demasiado ocupada, tardará mucho más en cargarse y puede abrumar a los visitantes. Cuando vas a poner mucho contenido, crea páginas para todo lo que puedas para reducir el desorden en tu página.

Etiquetas Alt

Evite abarrotar elementos de página juntos. Cada sección de su página debe separarse naturalmente entre sí, ya que esto hace que el propósito de cada sección sea más claro. La manera más fácil de separar secciones es mediante el uso de DIVs, pero hay otras maneras, incluyendo el posicionamiento absoluto (no recomendado), el comando de margen CSS y flotadores.

TIPS Evite abarrotar elementos de página juntos. Cada sección de su página debe separarse naturalmente entre sí, ya que esto hace que el propósito de cada sección sea más claro.

Al diseñar su sitio, utilice etiquetas ALT al agregar imágenes. Estas etiquetas se utilizan para describir las imágenes que acompañan en caso de que la imagen no se muestre, como cuando un usuario deshabilita los gráficos o tiene discapacidades visuales y utiliza software de transcripción para traducir imágenes y leerlas en voz alta. No Mater si utiliza enlaces de imagen o no, el uso de una etiqueta ALT da una mejor explicación. Y lo más importante, los bots de motor de búsqueda necesitan ver las descripciones a través de etiquetas ALT con el fin de ayudar a su ranking de motor de búsqueda.

Utilice una hoja de estilos para mantenerse consistente. No hay casi nada más desconcertante que ser enviado a una página que no mira nada como el sitio que estabas mirando, incluso si es sobre el mismo tema. Las hojas de estilo ayudan a guardar el formato, por lo que cada página tiene un aspecto similar al resto.

TIPS Utilice una hoja de estilos para mantenerse consistente. No hay casi nada más desconcertante que ser enviado a una página que no mira nada como el sitio que estabas mirando, incluso si es sobre el mismo tema.

Intente utilizar la navegación fácil, mantenible y clara. La colocación de sus enlaces de navegación en un sitio web desempeña un papel importante en la determinación del tiempo que un visitante permanecerá en su sitio. La estructura de navegación debe ser ordenada, consistente y fácil de acceder para que sus usuarios tengan una mejor experiencia.

Siempre asegúrese de que está dando retroalimentación significativa, ya que esto es lo que crea la comunicación entre un sitio web y sus visitantes. Por ejemplo, si una acción tomada por un visitante da como resultado un error, no muestre simplemente «se ha producido un error.» En su lugar, proporcione un mensaje que explique lo que sucedió y cómo el visitante puede corregir el error tomando una acción diferente. Sin esta retroalimentación, los visitantes son más propensos a crecer frustrados y simplemente renunciar al salir de su sitio Web.

Que Tengas

Dondequiera que aparezca su logotipo en su sitio, debe acompañarlo con un eslogan o lema complementario. Idealmente, este eslogan debe ser pegadizo e informativo, y debe ofrecer un resumen básico del propósito de su sitio o oferta de producto. La combinación de su logotipo y eslogan debe aparecer en cada página para crear una sensación de cohesión.

TIPS Dondequiera que aparezca su logotipo en su sitio, debe acompañarlo con un eslogan o lema complementario. Idealmente, este eslogan debe ser pegadizo e informativo, y debe ofrecer un resumen básico del propósito de su sitio o oferta de producto.

No abarrote tu sitio web usando cada píxel cuadrado del espacio que tengas disponible. Sólo porque tengas todo ese espacio no significa que tengas que usarlo. Sin embargo, al dejar espacio entre el contenido de su sitio, puede proporcionar a sus visitantes una experiencia más cómoda. Hay muchos casos en los que el espacio vacío es realmente más valioso que otro contenido.

Elija su anfitrión web cuidadosamente. Algunos hosts requieren que se vincule a ellos, mientras que otros pueden obligarlo a instalar sus ventanas emergentes. También debe probar su rendimiento utilizando una de las muchas herramientas disponibles de forma gratuita en línea, ya que no desea hospedar con alguien que es consistentemente lento o estrellarse.

TIPS Elija su anfitrión web cuidadosamente. Algunos hosts requieren que se vincule a ellos, mientras que otros pueden obligarlo a instalar sus ventanas emergentes.

Los contadores del sitio web son poco atractivos. No añade nada a su sitio web y es una característica obsoleta. Deshacerse de su cuenta de visitantes y utilizar otros métodos para ver cuántos visitantes su sitio está recibiendo.

No utilice el parpadeo, el desplazamiento de texto u otras animaciones. Además, Manténgase alejado de los sonidos o la música que se reproduce automáticamente. Todas estas cosas están distrayendo a los usuarios y no proporcionan nada de valor. Además, las velocidades de conexión varían de un visitante del sitio al siguiente, y todo el mundo no tiene la misma velocidad. Los usuarios con conexiones más lentas se resienten los elementos de carga lenta de su sitio.

TIPS No utilice el parpadeo, el desplazamiento de texto u otras animaciones. Además, Manténgase alejado de los sonidos o la música que se reproduce automáticamente.

Mientras que la utilización de las herramientas de diseño de un anfitrión para obtener su sitio web es una buena idea, nunca confíe en estas herramientas completamente. Ir más allá de las plantillas significa que tendrás un sitio web que destaca, ofrece a tus visitantes contenido que ellos regresarás y te dará mayores beneficios.

Los marcos son una característica para eliminar si está intentando optimizar su sitio para los motores de búsqueda. Los usuarios pueden gustar páginas con Marcos incluidos, pero la información dentro de esos marcos no se incluye en los motores de búsqueda. Cuando la información no se ve, su ranking con los motores de búsqueda va más abajo. Esto llevará a una reducción en los visitantes.

TIPS Los marcos son una característica para eliminar si está intentando optimizar su sitio para los motores de búsqueda. Los usuarios pueden gustar páginas con Marcos incluidos, pero la información dentro de esos marcos no se incluye en los motores de búsqueda.

Sigue practicando cuando comiences a aprender diseño web para que puedas probar pequeñas cosas y recordarla en el futuro. Utilice la práctica para aplicar el conocimiento que lea aquí para facilitar el aprendizaje. Usted no quiere sólo temporalmente aprender algo y luego encontrar que ha olvidado esta información cuando lo necesita.

Hacer el texto fácil de listo mediante el uso de colores que el contraste o fondos que son fáciles de leer texto en. Cuando el texto es más difícil de leer porque el color de fondo o texto crea una deformación ocular o porciones de texto que son irlegibles, los visitantes del sitio son menos propensos a quedarse alrededor.

Que Usted

La creación de un mapa del sitio es una parte muy importante del proceso de diseño web. Un mapa del sitio es una forma eficaz de informar a los visitantes de los diversos tipos de contenido que su sitio web tiene para ofrecer, y es una gran herramienta para navegar por su sitio Web. Los rastreadores de motores de búsqueda también utilizarán su mapa del sitio por razones similares, y por lo tanto, incluyendo un mapa del sitio ayudará a aumentar sus clasificaciones de búsqueda. Asegúrese de que su sitio web tiene un mapa del sitio, y que es a través de.

TIPS La creación de un mapa del sitio es una parte muy importante del proceso de diseño web. Un mapa del sitio es una forma eficaz de informar a los visitantes de los diversos tipos de contenido que su sitio web tiene para ofrecer, y es una gran herramienta para navegar por su sitio Web.

Necesitará un poco de espacio de oficina para diseñar y administrar un sitio Web. Elimine las distracciones y maximice la eficacia del espacio de trabajo, así que usted está siempre listo para trabajar. Ponga sus útiles de oficina donde usted puede alcanzarlos fácilmente, y apartar bastante espacio para permitir que usted diseñe su sitio.

Para asegurarte de que tu sitio web funciona a medida que lo diseñas, pruébelo como uno de los navegadores como Internet Explorer. Cuando prueba el sitio web a medida que lo construye, puede corregir rápidamente cualquier problema que pueda aparecer una vez que viva. Cuando tu sitio web se pone en marcha, quieres que tus visitantes puedan ver todo funcionando correctamente.

TIPS Para asegurarte de que tu sitio web funciona a medida que lo diseñas, pruébelo como uno de los navegadores como Internet Explorer. Cuando prueba el sitio web a medida que lo construye, puede corregir rápidamente cualquier problema que pueda aparecer una vez que viva.

Photoshop es un software que es importante aprender si desea entrar en el diseño web. Curiosamente, el programa complementario de Photoshop, Dreamweaver, es mucho menos conocido, aunque se trata de una herramienta diseñada para el diseño web. Los muchos beneficios potenciales que Dreamweaver puede ofrecerle, hacen que valga la pena investigarlo.

Si tienes ideas para varios sitios web, es un buen paso para seguir adelante y reservar un nombre de dominio ahora. Sea creativo y escoja algo que desee, pero asegúrese de reservarlo ahora para que aún pueda tenerlo más tarde en el camino. Te sorprendería saber cuántas personas tienen las mismas ideas. Es como si todos estuvieran conectados o algo así.

TIPS Si tienes ideas para varios sitios web, es un buen paso para seguir adelante y reservar un nombre de dominio ahora. Sea creativo y escoja algo que desee, pero asegúrese de reservarlo ahora para que aún pueda tenerlo más tarde en el camino.

Si bien es posible que veas otras estrategias y diseños que te gustan, es importante seguir siendo inventiva cuando diseñes tu sitio Web. Desarrolle sus propios diseños y características, así como mejorar los que ha visto en otros sitios. Tomar este paso es seguro que le ayudará a maximizar sus esfuerzos en el diseño de sitios Web.

Para ayudar a que su sitio web incorpore juegos más interactivos a su sitio. Tener juegos en su sitio hace que sea un montón de diversión para el visitante. Si sus visitantes no están pasando un buen momento en su sitio, entonces se van y van a buscar otra cosa que hacer.

TIPS Para ayudar a que su sitio web incorpore juegos más interactivos a su sitio. Tener juegos en su sitio hace que sea un montón de diversión para el visitante.

Evite el uso de captchas, excepto en el caso de un nuevo registro de usuario. Tan pronto como un espectador ve un CAPTCHA, automáticamente pensarán que tendrán que hacer mucho trabajo simplemente ver su página web. A menos que este visitante ya sea un seguidor dedicado, probablemente sólo van a hacer clic en su navegador hacia otro rincón de Internet.

Comience sus intentos de diseño web con sitios simples que se pueden evaluar para problemas potenciales. Es necesario comenzar con algunas páginas básicas con la información suficiente para que pueda determinar cómo se siente.

Pueden Parecer

Deja que tus amigos vean y usen tu sitio web, para solucionar errores potenciales o bugs. Cada vez que añada una característica nueva, que alguien lo pruebe y lo juzgue siendo imparcial. Las cosas que pueden parecer inconsecuentes para usted, como los gráficos que se cargan lentamente, pueden parecer ser obstáculos importantes para otras personas. Siempre obtener varias opiniones externas.

TIPS Deja que tus amigos vean y usen tu sitio web, para solucionar errores potenciales o bugs. Cada vez que añada una característica nueva, que alguien lo pruebe y lo juzgue siendo imparcial.

Deja que tus amigos vean y usen tu sitio web, para solucionar errores potenciales o bugs. Cada vez que añada una característica nueva, que alguien lo pruebe y lo juzgue siendo imparcial. Las cosas que pueden parecer inconsecuentes para usted, como los gráficos que se cargan lentamente, pueden parecer ser obstáculos importantes para otras personas. Siempre obtener varias opiniones externas.

Busque una inspiración poco convencional a medida que diseñe su propio sitio. Las ideas pueden venir de todo tipo de lugares, como los proyectos de niños y la televisión. Busca ideas únicas para que a tus visitantes les guste tu sitio Web.

TIPS Busque una inspiración poco convencional a medida que diseñe su propio sitio. Las ideas pueden venir de todo tipo de lugares, como los proyectos de niños y la televisión.

El video es un elemento cada vez más importante para cualquier sitio web, así que asegúrese de que su servicio de hosting pueda acomodarlo. Muchos hosts no permiten el video en absoluto, mientras que otros restringirán la cantidad de ancho de banda que puede usar antes de pagar una tarifa. No pierdas tiempo construyendo vídeos para ser alojados en un sitio que no permite el espacio que necesitas para FLV o archivos similares.

Asegúrate de tener el enlace del logotipo de tu sitio web desde cualquier lugar del sitio. A medida que pasa el tiempo, la gente ha llegado a la espera de que los logotipos son clicables y los llevará a una página de inicio. Los visitantes se frustrarán si no hay una manera fácil de volver a la página de inicio. Su sitio es mucho más fácil de usar si su logotipo es clicable.

TIPS Asegúrate de tener el enlace del logotipo de tu sitio web desde cualquier lugar del sitio. A medida que pasa el tiempo, la gente ha llegado a la espera de que los logotipos son clicables y los llevará a una página de inicio.

Evite el uso de aplicaciones Flash al diseñar su sitio Web. Flash puede parecer de alta tecnología y splashy, pero podría hacer que el ordenador de un visitante a cargar lentamente y lag. Además, debe tener en cuenta que muchas herramientas de Internet móvil, como smartphones y tabletas, no mostrarán Flash. Usted podría estar cortando fuera de una piscina bastante grande de visitantes potenciales usando Flash.

Conviértase en un experto en hojas de estilos en cascada (CSS). HTML es una cosa, pero el diseño real (y la consistencia en el diseño) ocurre en CSS. Estas hojas de estilo actúan como una guía de referencia de formato a su sitio para ayudar a cada página a mantener una apariencia consistente. Esto también hace que sea muy fácil para cambiar universalmente las cosas en su sitio. Si desea cambiar el color de la fuente a rojo en cada página, todo lo que necesita hacer es alterar una línea de código!

TIPS Conviértase en un experto en hojas de estilos en cascada (CSS). HTML es una cosa, pero el diseño real (y la consistencia en el diseño) ocurre en CSS.

Esperemos que este artículo le haya proporcionado algunos buenos consejos sobre el diseño web, y usted está más seguro que nunca de sumergirse en él. Tenga en cuenta que siempre puede ampliar sus conocimientos con un tema como el diseño web, por lo que siempre busque nueva información. La habilidad y el entusiasmo, junto con recursos como los que se encuentran aquí, brindará inicio a sus proyectos de diseño web y le traerá mucho éxito.

Para ahorrar dinero, usa imágenes de stock gratuitas al diseñar tu sitio Web. Estas imágenes se pueden encontrar a través de Internet y son a menudo de alta calidad como las que tiene que pagar. Al ahorrar dinero en las imágenes que utilizas, puedes gastar ese dinero en otros aspectos del diseño y el negocio.