Preste atención a los colores de su sitio web para asegurarse de que coincidan. Desea asegurarse de que el texto es fácilmente visible contra los colores de fondo. Por lo general, es más fácil ver letras más oscuras que se establece sobre fondos de luz que la inversa. Si tiene dudas sobre su esquema de color, ejecútelo con algunas personas y vea lo que piensa de él.
El diseño web sigue siendo un campo sólido para ganar competencia. Si desea obtener más información sobre ella, este es el lugar perfecto para usted. La información de este artículo le dará consejos vitales sobre cómo puede empezar a diseñar sus propias páginas Web.
Evite el uso de fotogramas. La mayoría de los sitios han abandonado los marcos por su cuenta como mejores alternativas han llegado a estar disponibles, pero todavía hay sitios que están atrapados en 1996. Las alternativas a los marcos de navegación incluyen paneles de exploración de posición fija, tener navegación en múltiples áreas (por ejemplo, izquierda e inferior) o simplificar la estructura de la página para que los enlaces de navegación nunca estén lejos.
Lo Que
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.
Si estás diseñando un sitio web, necesitas mirar tu sitio web en varios navegadores. Lo que usted está viendo en su extremo puede no ser lo que otros están viendo en el suyo. Asegúrese de que la investigación de todos los navegadores populares que la gente está utilizando y luego diseñar en consecuencia. También querrás enviar tu sitio a alguien que esté usando un sistema operativo diferente para que puedas ver que su navegador es compatible con el tuyo.
Pruebe su sitio para ver si los principales servicios de traducción funcionan correctamente al traducir su sitio. Algunos sitios reciben muchos visitantes internacionales, y estos visitantes a veces utilizan servicios como Babelfish y Google Translate para traducir el texto a su idioma. Ciertos problemas de diseño web, especialmente el deficiente código del lado del servidor, pueden romper estos servicios.
Asegúrate de tener un eslogan que aparezca bien en tu sitio Web. Esto permite que la gente sepa sobre el sitio. Hay unos ocho segundos cruciales para agarrar y mantener la atención de un visitante, por lo que tener un eslogan fácil de entender es crucial.
Aprenda los fundamentos de HTML y CSS. Aunque hay muchas plantillas que le permiten simplemente rellenar los espacios en blanco, con el fin de crear una página web, estas plantillas proporcionan sólo posibilidades de diseño limitadas. Comprender cómo funcionan juntos el lenguaje de marcado y la hoja de estilos le permitirá personalizar su sitio web según el contenido de su corazón.
Ya no son los 90, así que mantente alejado del uso de Marcos. Los marcos eran de gran uso en los primeros días de diseño web, pero tenía un montón de defectos. Los diseños de cuadros dificultan que los lectores Marque su sitio web y el desplazamiento se convierta en una tarea difícil. Hay maneras mucho más fáciles de proporcionar a sus usuarios un flujo a través de su sitio Web.
Incluya una página de vínculos para su sitio y utilíla para proporcionar una variedad de recursos relacionados con el propósito del sitio. También debe incluir una variedad de enlaces, incluyendo enlaces a sitios que ofrecen backlinks a su sitio. Si los sitios relacionados se vinculan a su sitio, la clasificación de su sitio se moverá hacia arriba en la clasificación en las páginas de resultados de búsqueda.
Los sitios web funcionales funcionan para todos los visitantes, independientemente de su navegador, por lo que es esencial que su sitio web se prueba en todas las plataformas principales. Lo que puede funcionar genial en Firefox, puede que no funcione bien en Internet Explorer o Chrome. Por lo tanto, debe comprobar cómo se muestran todas las páginas de su sitio web en todos los principales navegadores del mercado, antes de convertir su sitio en vivo.
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.
Su Sitio Web
Asegúrese de que su sitio web utiliza una fuente consistente en todo. Algunos sitios web cambian las fuentes de forma willy-nilly sin ninguna razón de diseño para hacerlo. Esto hace que el contenido sea difícil de procesar para los visitantes. La mayoría de los sitios web, especialmente los sitios web de negocios, se pegan bien a fuentes básicas como Arial, Veranda o incluso Times New Roman.
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.
Utilice páginas de error personalizadas para que su sitio web sea más informativo. Por ejemplo, si desea que las personas informen de vínculos fallidos en su sitio, coloque un script del lado del servidor en su página 404 o tenga un formulario o dirección de correo electrónico que los visitantes puedan usar para notificar el error. Debe tener páginas personalizadas para los errores 403, 404 y 500, como mínimo.
Asegúrese de garantizar la prioridad de las necesidades de su usuario. El diseñador web debe centrarse en las necesidades del usuario final en todo momento. Estos incluyen la usabilidad, la experiencia del usuario, la accesibilidad y la interacción del usuario. Estas son consideraciones vitales que debe tener en cuenta. Intenta ver las cosas desde la perspectiva de tu visitante cuando diseñes.
Si ya tiene una solución de hospedaje web en particular que sabe que va a usar, tenga en cuenta sus limitaciones a medida que diseña su sitio Web. Por ejemplo, no cree un sitio web que dependa de lenguajes de programación específicos si el host web no admite estos lenguajes. Es bastante fácil averiguar qué tecnologías son compatibles con su host Web. Asegúrese de que su diseño es algo que está dentro de las limitaciones de su anfitrión.
Pruebe su sitio temprano y a menudo. Es esencial hacer pruebas de usabilidad temprano en la fase de desarrollo. Esto le permitirá realizar los cambios de diseño necesarios durante el proceso de compilación.
Asegúrese siempre de que el diseño de su sitio funcione bien en todos los navegadores. Tu código podría verse muy bien en Firefox, pero podría estar en Internet Explorer. Es necesario averiguar exactamente cómo las cosas se ven en todos los navegadores y luego el código de una manera que deja su sitio con el mismo aspecto en cada navegador popular.
Intenta escribir una buena página «acerca de nosotros». Muchos sitios web contienen páginas muy poco creativas y secas para estas áreas. ¡ Intenta condimentar las cosas! Trate de dar a la gente un pequeño vistazo a su fondo personal. Intenta mostrar cómo te has metido en el diseño web, quién te inspiró y qué esperas lograr con tu negocio.
Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web. Si su sitio web está bien diseñado, el usuario no debe tener ninguna dificultad para completar la tarea. Por otro lado, si no lo es, la tarea puede darle una idea de qué áreas de su sitio web podrían utilizar la mejora.
Utilice fuentes legibles y de aspecto profesional. Usted puede decir si un sitio es profesional con sólo ver sus fuentes. Evite el uso de fuentes como Comic Sans y varias fuentes de fantasía que podrían no estar en muchos ordenadores. Una fuente puede ser un subconjunto de la fuente predeterminada en el equipo del usuario si no la tiene. Esto puede parecer peor.
Es importante crear un mapa visual del sitio para su sitio Web. Saber lo que tendrá en cada página le permite prepararse con anticipación y saber qué dirección tomará su sitio.
Propio Sitio
Si los acuerdos de usuario o cliente se encuentran en nuestro sitio web, hable claramente en ellos, evitando la jerga legal tanto como sea posible. Usted quiere que sus clientes sientan que saben lo que está sucediendo y que se dice. La jerga legal confundirá a sus clientes, y los hará incómodos sobre su sitio.
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.
Es necesario darse cuenta de que la construcción de un sitio web va a tomar más tiempo de lo que originalmente esperaba que lo hará. Digamos que usted cree que puede hacer un sitio en tres semanas. Bueno, en el momento en que lo diseñes, cargue todas sus páginas, pruebe, haga sus ajustes y, finalmente, finalice, podría estar buscando en meses.
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.
Al hacer varias páginas para diferentes subcategorías en su sitio, la función copiar/pegar puede ser su cosa favorita acerca de su PC! En lugar de reescribir un nuevo código para cada página, simplemente copie una sección principal de su código desde la primera página. A continuación, puede utilizar esto como la base para sus próximas páginas, haciendo pequeños cambios donde sea necesario. La reutilización de la copia maestra del código HTML de su página web hará que el diseño sea más sencillo.
Diseño Web
Asegúrese de que su sitio sea fácilmente visto en varios navegadores. No todo el mundo utiliza el mismo navegador, por lo que su sitio puede verse de una manera en un navegador y ligeramente diferente en otro. Antes de tomar su sitio en vivo, asegúrese de que su sitio se puede utilizar en muchos navegadores, y que mejorará la experiencia de los visitantes de su sitio.
Hay muchos boletines disponibles que distribuyen información de diseño web probada y novedosa. Firma algunos de ellos para mantenerte inspirado y darte un diseño web «red de seguridad» en el que puedes confiar para mantener tu base de conocimiento sobre el tema. Los diseñadores web pueden obtener grandes beneficios de los boletines informativos, ya sean aficionados autodidactas o profesionales experimentados.
Utilice «espacio en blanco» para su ventaja. El espacio en blanco no es necesariamente blanco. Es sólo el espacio en blanco en las páginas. La visibilidad es clave cuando se trata del diseño del sitio y la navegación por la web, por lo que no desea saturar la pantalla. El espacio en blanco hará que su sitio web sea más legible.
HTML5 es algo con lo que vas a tener que estar familiarizado si quieres tener un verdadero éxito con el diseño web. Si usted no está familiarizado con HTML5, entonces usted va a tener un montón de trabajo para lograr en el futuro, así que tener su mente preparada y empezar a aprender,
Cuando llegue el momento de elegir un anfitrión para su sitio web, asegúrese de que sabe exactamente lo que le va a proporcionar y a qué costo. Cosas como el espacio en disco y el ancho de banda son cruciales para el correcto funcionamiento de su sitio, así que asegúrese de antemano de que su anfitrión le está proporcionando todo lo que necesita y a un precio que puede manejar.
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.
Los diseñadores web que están tratando de elegir un servicio de alojamiento web debe tener cuidado de cualquier servicio que afirma que tiene un ancho de banda ilimitado. No hay tal cosa como ancho de banda ilimitado y podrían simplemente estar tratando de estafa a firmar con ellos. ¡ Asegúrate de leer todas las letras finas!
Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web. Si su sitio web está bien diseñado, el usuario no debe tener ninguna dificultad para completar la tarea. Por otro lado, si no lo es, la tarea puede darle una idea de qué áreas de su sitio web podrían utilizar la mejora.
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.
Sitios Web
Los diseñadores web que tienen «bloques de diseñadores» pueden encontrar inspiración navegando por otros sitios alrededor de Internet para ver si pueden obtener alguna idea. Esta es una gran manera de descubrir un tema de nicho que está en alta demanda y estaría bien servido por un sitio web que cree.
Después de leer el artículo anterior, ahora debe tener una buena idea de lo que se necesita para hacer dinero extra diseñando sitios Web. No olvide que puede crear sitios web de diseño de ingresos si mantiene los ojos abiertos para oportunidades que pueden funcionar para su éxito.
Mira cuánto desplazamiento es necesario para navegar a través de su sitio. Limite la cantidad de desplazamiento horizontal que debe hacerse. Lo mejor es eliminarlo por completo. Muchos visitantes se despondrán al tener que desplazarse horizontal y verticalmente para ver la información que tiene en su sitio.