Creciendo Como Diseñador Web Para Ser Mejor


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.

TIPS 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.

Este es el artículo perfecto para que usted pueda leer si usted está buscando información sobre el diseño web. Este artículo presenta información suficiente para ayudarle a aprender sobre el diseño web y cómo iniciar un sitio desde cero. Ya sea que estés comenzando o ya eres un profesional consumado, siempre hay más que aprender en este campo en constante cambio.

Puede parecer bonito, pero Mantente alejado de tener demasiadas animaciones en tu sitio. Tener su página de presentación de ventas rotar, girar y parpadear puede parecer interesante para usted, pero es probable que conduzca a los espectadores potenciales de distancia. Cuando agregas demasiados toques llamativos como ese, hace que tu sitio parezca amateur, que no es el mensaje que quieres transmitir.

Funciona Mejor

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.

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.

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.

TIPS 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.

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.

Siempre marque los archivos que deben abrirse en un programa externo con un icono. Muchos sitios alojan archivos PDF, y menos comúnmente, archivos DOC, que deben ser abiertos en Foxit Reader y Microsoft Word/OpenOffice, respectivamente. Estos archivos deben marcarse con un icono que represente el tipo de archivo y un vínculo para descargar el visor adecuado si el usuario no lo tiene.

TIPS Siempre marque los archivos que deben abrirse en un programa externo con un icono. Muchos sitios alojan archivos PDF, y menos comúnmente, archivos DOC, que deben ser abiertos en Foxit Reader y Microsoft Word/OpenOffice, respectivamente.

Su sitio debe ser capaz de pasar una prueba NoScript. Firefox tiene una simple extensión llamada NoScript que realizará la prueba. Algunos contenidos no pueden funcionar sin los scripts apropiados.

Preste mucha atención a los fondos del diseño de su sitio. Ciertos sitios contienen fondos GIF que se mueven, y aunque puede parecer agradable, puede ser más difícil leer el contenido de la página. Su audiencia tendrá una experiencia de navegación más placentera si su fondo es propicio para leer su texto.

Su Sitio

Asegúrese de utilizar el texto de anclaje derecho. El texto ancla de un enlace debe describir claramente lo que el visitante debe esperar ver cuando hace clic en el enlace. Por ejemplo, si un enlace lleva a la página de pedidos de widgets, el texto de anclaje podría leer «widget de pedido.» Específicamente evitar el uso de «clic aquí» como texto ancla.

TIPS Asegúrese de utilizar el texto de anclaje derecho. El texto ancla de un enlace debe describir claramente lo que el visitante debe esperar ver cuando hace clic en el enlace.

En Internet hoy en día, la velocidad es donde está. Por lo que debe asegurarse de que todo en su sitio se carga rápidamente. Si un visitante del sitio termina esperando un largo tiempo para que su página web se cargue, definitivamente dejará su sitio en busca de un sitio similar que se cargue más rápido y nunca recomendará a nadie a su sitio.

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.

TIPS 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.

Intenta extraer imágenes en tu publicación para maximizar la interacción. Las imágenes en su sitio web pueden proporcionar un enfoque más amigable para los visitantes. Las imágenes también ayudan a mantener a sus visitantes interesados y los mantiene en su sitio más tiempo.

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.

TIPS 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.

Considere un paquete de software gratuito cuando esté configurando su sitio Web. Muchos usuarios piensan que tienen que comprar aplicaciones caras, pero muchos programas gratuitos están ahí fuera para darle una mano. Sin embargo, encontrar un buen software libre requiere un poco más de trabajo.

Considere un paquete de software gratuito cuando esté configurando su sitio Web. Muchos usuarios piensan que tienen que comprar aplicaciones caras, pero muchos programas gratuitos están ahí fuera para darle una mano. Sin embargo, encontrar un buen software libre requiere un poco más de trabajo.

TIPS Considere un paquete de software gratuito cuando esté configurando su sitio Web. Muchos usuarios piensan que tienen que comprar aplicaciones caras, pero muchos programas gratuitos están ahí fuera para darle una mano.

Familiarícese con su sujeto. Una buena investigación le ayudará a crear el sitio ideal. Proporcionar información engañosa a sus consumidores sólo hará que dejen su sitio. El secreto de un blog de Goo es la familiaridad con su tema.

Asegúrese de que los sitios web que está diseñando son compatibles entre navegadores. Debe comprobar su sitio en las versiones más populares de cada navegador superior. Algunos ejemplos incluyen Internet Explorer, Google Chrome, Safari, Mozilla Firefox y opera. Muchos usuarios utilizan estos navegadores para navegar en línea, por lo que necesita para asegurarse de que sus diseños se están viendo correctamente en cualquier cosa que utilizan.

Como Photoshop

Un buen recurso donde se puede aprender un poco de conocimiento perspicaz es una tienda de libros. Puedes ir a una librería y leer libros que tengan información sobre HTML, c +, Photoshop y Dreamweaver, ya que estas son algunas de las claves que necesitas aprender cuando se trata de ser un diseñador web bien conocedor.

TIPS Un buen recurso donde se puede aprender un poco de conocimiento perspicaz es una tienda de libros. Puedes ir a una librería y leer libros que tengan información sobre HTML, c +, Photoshop y Dreamweaver, ya que estas son algunas de las claves que necesitas aprender cuando se trata de ser un diseñador web bien conocedor.

Para ayudar a los diseñadores web a empezar a crear un sitio de buen aspecto que debe utilizar Photoshop. El uso de un programa como Photoshop puede ayudar a los diseñadores web aficionados a crear sitios de aspecto profesional muy rápido. Si usted no tiene un programa superior como Photoshop, puede hacer que sea difícil y mucho tiempo para adquirir suficiente conocimiento para construir un sitio realmente agradable, rápidamente.

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.

TIPS 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.

Usted siempre debe asegurarse de implementar una manera que los usuarios pueden enviar comentarios sobre su sitio Web. Esto le ayudará a reconocer los errores en su diseño y le dará la oportunidad de arreglarlos. Los comentarios negativos y positivos son útiles para mejorar su sitio Web.

Si se pierde en absoluto durante su proceso de diseño web, entonces es posible que desee buscar videos en línea. Puede encontrar una gran cantidad de videos en lugares como YouTube que le dan tutoriales paso a paso sobre lo que debe hacer durante sus procesos de diseño web.

TIPS Si se pierde en absoluto durante su proceso de diseño web, entonces es posible que desee buscar videos en línea. Puede encontrar una gran cantidad de videos en lugares como YouTube que le dan tutoriales paso a paso sobre lo que debe hacer durante sus procesos de diseño web.

Asegúrese de que su sitio está optimizado para las ediciones anteriores de Internet Explorer. La mayoría de la gente no le gusta Internet Explorer, pero otros todavía lo utilizan. Estos no representan los elementos Web al estándar Web, por lo que debe haber soluciones alternativas. Usted debe leer sobre el frustrante «bug modelo caja» que ha plagado IE durante mucho tiempo.

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.

TIPS 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.

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.

Después de que haya aprendido nuevos programas, como Dreamweaver o Photoshop, consulte con colegas o amigos para confirmar que no se ha perdido nada. Asegúrese de que entendió todo lo que aprendió para que no se encuentre cometiendo errores al diseñar su sitio Web.

TIPS Después de que haya aprendido nuevos programas, como Dreamweaver o Photoshop, consulte con colegas o amigos para confirmar que no se ha perdido nada. Asegúrese de que entendió todo lo que aprendió para que no se encuentre cometiendo errores al diseñar su sitio Web.

Después de que haya aprendido nuevos programas, como Dreamweaver o Photoshop, consulte con colegas o amigos para confirmar que no se ha perdido nada. Asegúrese de que entendió todo lo que aprendió para que no se encuentre cometiendo errores al diseñar su sitio Web.

Comprenda cómo se leerá su página web de un vistazo, en lugar de palabra por palabra. La mayoría de los espectadores no gastarán su tiempo reuniendo cada fragmento de contenido escrito en una página; al menos hasta después de escanearla. Las palabras que son más grandes, audaces o enfatizadas deben ser las más importantes y colocadas con moderación para obtener sus ideas a través.

Su Sitio Web

Asegúrese de que su diseño no se parece mucho a los diseños de otros sitios web en su nicho. Si quieres comprobarlo, revisa los sitios web de tus competidores. Quieres estar separado de los de la manada, por lo que no quieres que tu sitio web sea demasiado similar al de otra persona. Usted será percibido de la misma manera que cualquier otra imitación: una marca inferior que vende productos inferiores.

TIPS Asegúrese de que su diseño no se parece mucho a los diseños de otros sitios web en su nicho. Si quieres comprobarlo, revisa los sitios web de tus competidores.

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.

Asegúrese de que su diseño web sea fácil de usar para todos los niveles de experiencia en computación. A veces, los sitios más profesionales y caros pueden abrumar a un visitante y rápidamente se cambian a otro sitio. Tener una persona que conoce que no está tan bien versado en un ordenador tratar de navegar por su sitio. Si pueden encontrar su camino alrededor, usted sabe que su sitio es fácil de usar!

TIPS Asegúrese de que su diseño web sea fácil de usar para todos los niveles de experiencia en computación. A veces, los sitios más profesionales y caros pueden abrumar a un visitante y rápidamente se cambian a otro sitio.

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.

La mayoría de los nombres de dominio sorprendentes ya han sido reclamados. Es posible que desee considerar la posibilidad de comprar un nombre de dominio en un sitio de subastas como SEDO. Estos sitios ofrecen acceso a docenas de nombres de dominio, incluyendo aquellos que fueron abandonados o vendidos.

TIPS La mayoría de los nombres de dominio sorprendentes ya han sido reclamados. Es posible que desee considerar la posibilidad de comprar un nombre de dominio en un sitio de subastas como SEDO.

¿Es optimista sobre la creación de su propio sitio web ahora que sabe lo que se necesita para hacerlo bien? Siempre busque nuevas cosas para aprender, para que pueda expandir su conjunto de habilidades y ser un mejor diseñador web.

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.