Sacando El Misterio Del Diseño Web: Una Guía Básica


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.

Aprender a tener habilidades para Internet es una manera segura de ir camino a una gran carrera. Tan grande como el diseño web es, este campo es competitivo. Busque aumentar sus habilidades para que se destaque.

Intente usar la navegación de posición fija para permitir que los usuarios naveguen con facilidad. Esta técnica implica bloquear el panel de navegación de un sitio en su lugar mientras el visitante se desplaza por la página. Esto no sólo es conveniente para el visitante, pero también puede ser útil para los vendedores de Internet, es esto hace que sea más fácil para los visitantes tomar alguna acción deseada (por ejemplo, comprar un producto, inscribirse en un boletín informativo).

TIPS Intente usar la navegación de posición fija para permitir que los usuarios naveguen con facilidad. Esta técnica implica bloquear el panel de navegación de un sitio en su lugar mientras el visitante se desplaza por la página.

Evite usar demasiados gráficos. Mientras que los gráficos son importantes para dar a su sitio web un aspecto profesional, cohesionado y bien diseñado, el uso de demasiados de ellos puede crear desorden. Nunca debe usar gráficos simplemente para decorar su sitio; se utilizan para mejorar su sitio. Tener el número adecuado de gráficos que no crean desorden mejora la usabilidad de su sitio web, también.

No deshabilite la funcionalidad de clic derecho del visitante. Algunos sitios hacen esto con el fin de evitar que las personas copien y peguen texto o guardar imágenes desde el sitio. La cosa es que no funciona y desactiva otras funciones útiles. OCR puede ser utilizado para capturar texto de tales sitios, y agarrar imágenes es tan simple como tomar una captura de pantalla.

TIPS No deshabilite la funcionalidad de clic derecho del visitante. Algunos sitios hacen esto con el fin de evitar que las personas copien y peguen texto o guardar imágenes desde el sitio.

Educarse a sí mismo con respecto a los accesos directos, y hacer un uso amplio de ellos. La mayoría de las técnicas de diseño web tienen atajos que puedes usar. Los códigos HTML son un atajo que te permite arreglar cosas en tus páginas sin necesidad de volver a subirlas.

Compruebe la copia de los enlaces rotos antes de publicar la página. Los visitantes pueden frustrarse cuando hacen clic en un enlace y se encuentran con una página de error. La mayoría de las personas eligen uno de los muchos programas o extensiones disponibles que comprueban los vínculos de trabajo, pero también se pueden completar manualmente si solo tiene unos pocos que hacer.

Boletín Informativo

Utilice las imágenes sabiamente. Imágenes de mapa de bits no tienden a la tarifa bien para el uso de Internet, y algunos GIFs no funcionan bien con un montón de color. El tamaño de la imagen también es importante, ya que las imágenes más grandes pueden hacer que los espectadores tengan que esperar a que se descarguen. Elija imágenes más pequeñas y utilícelos con moderación para que su sitio sea más manejable.

TIPS Utilice las imágenes sabiamente. Imágenes de mapa de bits no tienden a la tarifa bien para el uso de Internet, y algunos GIFs no funcionan bien con un montón de color.

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!

Mientras que usted puede ser inclinado a añadir un montón de campanas y silbatos a su sitio web, gráficos parpadeantes, música fuerte y colores de neón sólo distraerá del propósito de su sitio Web. Los visitantes que son bombardeados por demasiados lugares de interés y sonidos pueden estar inclinados a salir de su sitio Web antes de que incluso empezar a navegar. Mantén los colores simples y el contenido relevante y el diseño de tu sitio web será un ganador.

TIPS Mientras que usted puede ser inclinado a añadir un montón de campanas y silbatos a su sitio web, gráficos parpadeantes, música fuerte y colores de neón sólo distraerá del propósito de su sitio Web. Los visitantes que son bombardeados por demasiados lugares de interés y sonidos pueden estar inclinados a salir de su sitio Web antes de que incluso empezar a navegar.

Desea investigar minuciosamente las palabras clave para su negocio. Mientras que su objetivo principal es ofrecer a los clientes información actualizada y relevante, el primer orden de negocio es formar una base de clientes. Saber qué palabras clave son las que dibujaran a los visitantes del motor de búsqueda en su sitio es esencial si desea tener éxito.

Si desea que los visitantes de su sitio pasen el mayor tiempo posible en su sitio, haga que el texto sea fácil de leer. Uno de los errores de diseño más comunes es el uso de fondos gráficos con patrones o colores oscuros; combinarlo con texto igualmente oscuro y tienes una receta para el desastre. A menos que el texto sea claro y fácil de leer, su sitio no será un éxito.

TIPS Si desea que los visitantes de su sitio pasen el mayor tiempo posible en su sitio, haga que el texto sea fácil de leer. Uno de los errores de diseño más comunes es el uso de fondos gráficos con patrones o colores oscuros; combinarlo con texto igualmente oscuro y tienes una receta para el desastre.

El contenido que aparece en su sitio debe ser convincente e interesante. El diseño del sitio web es crítico, pero sin contenido, no importará. Cuando un sitio web contiene información útil que se ajusta a las necesidades de los espectadores, estarán más inclinados a volver más tarde.

No importa quién sea su público objetivo o para qué está destinado su sitio, siempre debe apuntar a mantener el tiempo de carga a diez segundos o menos. Un sitio bien diseñado y eficiente debe aparecer en los navegadores de los visitantes en cuestión de segundos. La mayoría de los usuarios en línea exigen gratificación instantánea, y es en su mejor interés para proporcionarlo.

TIPS No importa quién sea su público objetivo o para qué está destinado su sitio, siempre debe apuntar a mantener el tiempo de carga a diez segundos o menos. Un sitio bien diseñado y eficiente debe aparecer en los navegadores de los visitantes en cuestión de segundos.

A lo largo del proceso de diseño, es esencial asegurarse de que los diseños de su sitio se ve y funciona de la manera que usted desea que en cada navegador web, por lo que siempre lo compruebe en todos los navegadores web comunes. Su sitio puede parecer muy diferente en diferentes navegadores, así que no te pille desprevenido! Usando los recursos disponibles, determine qué navegadores son los más populares entre su objetivo demográfico. Asegúrese de ver su sitio en los navegadores web más utilizados y tantos navegadores móviles como sea posible.

Para ayudarle a diseñar un sitio que sea fácil para las personas a leer toda la información, asegúrese de que las páginas no son demasiado anchas. Si las páginas no son demasiado anchas entonces caben en la mayoría de las pantallas de la computadora de la gente. Si la página es demasiado amplia, entonces parte de su información valiosa podría quedar fuera de la página.

Propio Sitio

Si desea crear un sitio web rápido sin tener que aprender un lenguaje informático, utilice un generador de código. El uso de un generador de código le permite construir rápidamente un sitio y le impide cometer un error cuando no tiene idea de lo que es la programación de computadoras. Generadores de código no sólo son rápidos, pero usted será capaz de aprender mucho también.

TIPS Si desea crear un sitio web rápido sin tener que aprender un lenguaje informático, utilice un generador de código. El uso de un generador de código le permite construir rápidamente un sitio y le impide cometer un error cuando no tiene idea de lo que es la programación de computadoras.

Cada vez que se queda creativamente atascado en el diseño web, recuerde que todo el Internet está ahí para ayudar en términos de ejemplo e inspiración. Cuando necesites inspiración, puedes navegar por los sitios web casi ilimitados en línea. Mira a través de algunos ejemplos y averigua qué es lo que te gusta de ellos. Incorpore esos elementos en su propio sitio. Amplía esos atractivos aspectos para ayudarte a crear tu propio sitio Web. También debe mejorar sobre ellos.

Intente diseñar para todas las resoluciones de pantalla. Un sitio web simple siempre puede animar a los visitantes a permanecer y leer el contenido. Si su sitio no se ve bien para una resolución específica, el visitante puede salir, ya que no puede verlo. Diseñar un diseño elástico que se adapte a cualquier resolución de pantalla le permite saber que todos los visitantes pueden disfrutar del contenido.

TIPS Intente diseñar para todas las resoluciones de pantalla. Un sitio web simple siempre puede animar a los visitantes a permanecer y leer el contenido.

Simplemente no puede equivocarse al crear un sitio web a través de Dreamweaver, un programa popular de Adobe. Incluso los novatos pueden utilizar fácilmente este producto. Hay guías paso a paso sobre cómo hacer diseños y plantillas en el programa. También puede probar el sitio Web antes de ir en vivo.

Intente codificar usando solo CSS. Nos estamos alejando de los sitios basados en tablas a solo sitios CSS porque son reutilizables, accesibles y pueden reducir en gran medida los tamaños de archivo. Esto le permite un mayor control de la apariencia de su sitio. Hay varios recursos CSS que puede utilizar, por lo tanto, saber CSS es invaluable para el diseño web.

TIPS Intente codificar usando solo CSS. Nos estamos alejando de los sitios basados en tablas a solo sitios CSS porque son reutilizables, accesibles y pueden reducir en gran medida los tamaños de archivo.

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.

Intente minimizar el uso de la imagen. Por lo general, los diseños más simples son más efectivos para el usuario. Así que Mantén tu sitio simple, pero también ordenado. Evite saturar páginas con imágenes grandes y voluminosas que tienen largos tiempos de carga. Trate de ser creativo con el diseño y el uso de su «ojo.» Por ejemplo, utilice puntos focales llamativos para conseguir que un espectador visite algo específico.

Que Usted

Cada diseñador de sitios web necesita una buena plataforma para probar su trabajo, y XAMPP es probablemente el mejor que existe. XAMPP le permitirá ejecutar sus sitios de prueba con PHP y mySQL, por lo que siempre podrá detectar cualquier cosa que necesite ser cambiada. XAMPP es una descarga relativamente ligera y también es fácil de entender.

TIPS Cada diseñador de sitios web necesita una buena plataforma para probar su trabajo, y XAMPP es probablemente el mejor que existe. XAMPP le permitirá ejecutar sus sitios de prueba con PHP y mySQL, por lo que siempre podrá detectar cualquier cosa que necesite ser cambiada.

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.

Cuando se conviene con contenido, recuerde que los usuarios están obligados a tener diferentes niveles de alfabetización. Algunos de los visitantes de su sitio pueden ser bastante jóvenes, y no tendrán una habilidad de la lectura del universidad-nivel todavía. Al expandir su audiencia, necesitará expandir el contenido para abarcar a estos nuevos lectores.

TIPS Cuando se conviene con contenido, recuerde que los usuarios están obligados a tener diferentes niveles de alfabetización. Algunos de los visitantes de su sitio pueden ser bastante jóvenes, y no tendrán una habilidad de la lectura del universidad-nivel todavía.

Como parte de la planificación de su sitio web, encueste a su público objetivo con respecto a qué características preferirían ver en el nuevo sitio. Esto te ayuda a hacer que tu sitio web se lo que realmente quiere tu público objetivo. También es importante obtener consejos de las personas de su público objetivo.

Si tiene alguna duda sobre su capacidad para crear un gran sitio, siempre puede reducir la visión. Un sitio no necesita un foro y una sala de chat y una página de vídeos y una sección miscelánea. Usted puede hacer muy bien con sólo unas pocas opciones. Es genial soñar en grande, pero necesitas ser realista.

TIPS Si tiene alguna duda sobre su capacidad para crear un gran sitio, siempre puede reducir la visión. Un sitio no necesita un foro y una sala de chat y una página de vídeos y una sección miscelánea.

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.

Aunque brillante y audaz puede ser su estilo, usted tiene que recordar que el diseño de un sitio es tanto para sus visitantes como lo es para usted, así que tenga cuidado con esas opciones de color brillantes y audaces. Tener un sitio brillante podría asustar a la gente. Lo último que quieres es un tono cegador de neón verde, lo que dificulta ver tu contenido.

TIPS Aunque brillante y audaz puede ser su estilo, usted tiene que recordar que el diseño de un sitio es tanto para sus visitantes como lo es para usted, así que tenga cuidado con esas opciones de color brillantes y audaces. Tener un sitio brillante podría asustar a la gente.

Mejore sus habilidades de presupuestación de tiempo si planea crear un sitio web en un marco de tiempo razonable. Hay un montón de trabajos involucrados, así que no puedes posponer. Entonces, usted tendrá un montón de trabajo acumulado y se abruman. Trabaje de manera constante y progrese hacia sus metas.

Asegúrese de que su sitio incluye un cuadro de búsqueda. Esto es realmente importante, porque la gente está acostumbrada a tener esa función, y cuando quieren encontrar algo en su sitio, necesitan ser capaces de encontrarlo. Si no pueden encontrar lo que necesitan, pueden dejar su sitio por completo.

Cada Día

Donde puedas, recicla ciertas piezas de tu sitio como barras de navegación y logotipos. Esto no sólo ayuda con la creación de algún tipo de consistencia de marca a su sitio web, sino que también ayuda a acelerar los tiempos de carga de la página para sus visitantes. Los navegadores web se almacenan en caché estas piezas en la primera carga, haciéndolos más rápidos volver a aparecer la próxima vez que se encuentran en una página.

TIPS Donde puedas, recicla ciertas piezas de tu sitio como barras de navegación y logotipos. Esto no sólo ayuda con la creación de algún tipo de consistencia de marca a su sitio web, sino que también ayuda a acelerar los tiempos de carga de la página para sus visitantes.

Trate de hacer todo lo posible para centrarse en un tiempo serio cada día para trabajar en su sitio Web. Es necesario dedicar largos periodos de tiempo para que realmente pueda hacer un poco de trabajo en lugar de simplemente trabajar un poco aquí y allá. Cuando usted trabaja duro en sus sitios cada día usted también se ayuda a retener la información.

Una gran sugerencia de diseño web con respecto a la elección de su nombre de dominio es elegir un nombre de dominio que no contiene un guión (-). Los sitios con guiones a menudo no se introducen cuando las personas intentan visitar tu sitio, así que intenta evitarlos a toda costa para que no pierdas ningún tráfico.

TIPS Una gran sugerencia de diseño web con respecto a la elección de su nombre de dominio es elegir un nombre de dominio que no contiene un guión (-). Los sitios con guiones a menudo no se introducen cuando las personas intentan visitar tu sitio, así que intenta evitarlos a toda costa para que no pierdas ningún tráfico.

A medida que navega por la web, tome nota de cuántos sitios se ven exactamente iguales y fáciles de construir. Elevándose por encima de la refriega es cómo usted finalmente hará su marca en Internet. Cuando desee empezar a trabajar en el diseño web, los consejos aquí van a ser capaces de empezar.

Debe estar seguro de incluir una lista fácilmente vista de los tipos de pagos que acepta directamente en la Página principal de su sitio. Hay muy pocas cosas que son más irritantes que tomarse su tiempo para mirar a través de un sitio, encontrar algo que desea, y aprender en el checkout que no se puede comprar porque su método de pago no se acepta.