Cómo Diseñar En La Web Como Un Pro


Usa JavaScript para incluir una fuente personalizada en tus páginas Web. Las bibliotecas como typekit y Google Web Fonts facilitan el incluir fuentes esotéricas en páginas web, incluso si la mayoría de los visitantes no tienen esas fuentes en sus equipos. Funciona incrustando la fuente en JavaScript para que pueda ser decodificada por el cliente sobre la marcha.

Quick Tip Usa JavaScript para incluir una fuente personalizada en tus páginas Web. Las bibliotecas como typekit y Google Web Fonts facilitan el incluir fuentes esotéricas en páginas web, incluso si la mayoría de los visitantes no tienen esas fuentes en sus equipos.

Hay pocos de nosotros con el dinero, la habilidad o el tiempo para construir un coche o una motocicleta. Pero todos tenemos las herramientas necesarias para diseñar sitios web personalizados. Si puedes conseguirlo, incluso puedes convertirlo en una carrera. Este artículo está lleno de los mejores y más recientes consejos de diseño web.

Evite intentar agregar cada nuevo gadget a su sitio Web. Puede ser tentador hacer que su sitio se vea de vanguardia al incluir cada nueva opción de diseño web por ahí, pero puede terminar apagando a la gente. Simple generalmente hará el trabajo incluso mejor que un diseño llamativo.

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.

Quick Tip 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.

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.

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.

Quick Tip 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.

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.

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.

Quick Tip 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.

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.

Utilice un título descriptivo. Muchos propietarios de sitios se olvidan de nombrar sus páginas, o nombrarlas algo genérico, como «página de bienvenida.» Los motores de búsqueda usan descripciones de títulos en sus clasificaciones, así que asegúrate de que eres lo más descriptivo posible, sin pasar por la borda. Asegúrese de que es utilizable para sus espectadores y los motores de búsqueda.

Su Sitio

El uso de JavaScript debe mantenerse como mínimo. Para algunas personas que visitan su sitio, Java causará problemas en lugar de proporcionar una funcionalidad mejorada. Tenga en cuenta que sus visitantes utilizan diferentes navegadores Web. Muchos visitantes utilizan versiones obsoletas de varios exploradores Web, lo que significa que el código podría no ser compatible. Además, algunas personas navegan con secuencias de comandos desactivadas. Cualquiera de estos problemas puede hacer que el visitante no pueda usar su sitio.

Quick Tip El uso de JavaScript debe mantenerse como mínimo. Para algunas personas que visitan su sitio, Java causará problemas en lugar de proporcionar una funcionalidad mejorada.

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.

Para ayudar a que sus páginas web se carguen rápidamente, debe comprimir todas las imágenes en la página del sitio Web. Si tiene imágenes comprimidas, las páginas se cargarán mucho más rápido. Nada es más frustrante para los espectadores que esperar un gráfico 250K para cargar cuando realmente sólo debería ser 20K.

Quick Tip Para ayudar a que sus páginas web se carguen rápidamente, debe comprimir todas las imágenes en la página del sitio Web. Si tiene imágenes comprimidas, las páginas se cargarán mucho más rápido.

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.

Asegúrese de que todos los temas estén claramente divididos. Separe el tema de discusión en su sitio poniéndolos en páginas separadas. Esto mantendrá las cosas claras y simples para los lectores, y también le ayudará a clasificar con los motores de búsqueda.

Quick Tip Asegúrese de que todos los temas estén claramente divididos. Separe el tema de discusión en su sitio poniéndolos en páginas separadas.

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.

Mantenga la Página principal de su sitio web simple. Las personas que navegan por la web rápidamente deciden si van a profundizar en un sitio web basado en la Página principal. hacer que la descripción de tu negocio sea específica y ofrecer ofertas únicas, solo Mantén la distracción al mínimo.

Quick Tip Mantenga la Página principal de su sitio web simple. Las personas que navegan por la web rápidamente deciden si van a profundizar en un sitio web basado en la Página principal.

A medida que diseñe su sitio, incorpore la paginación CSS independiente para los exploradores y haga uso de la carga condicional. La aplicación de estas dos técnicas hace que las pruebas y el mantenimiento del sitio web consuman menos tiempo en el futuro. Eventualmente tendrá que mantenerlo y esto lo hará fácil.

Trate de tener un diseño claro y consistente en el diseño de sus sitios. Los diseños limpios que hacen uso de una gran cantidad de espacio en blanco tienden a mejorar la legibilidad del sitio y el aspecto general. El diseño debe centrarse en el contenido. Intente utilizar fuentes que estén en cada equipo para evitar que su sitio web parezca incorrecto.

Quick Tip Trate de tener un diseño claro y consistente en el diseño de sus sitios. Los diseños limpios que hacen uso de una gran cantidad de espacio en blanco tienden a mejorar la legibilidad del sitio y el aspecto general.

Aprender sobre el diseño web es un tema que se hace más fácil cuanto más se trabaja en él. Así que adelante y empezar con algunas páginas simples con HTML y c + para ver si usted tiene algunos de los fundamentos abajo. La práctica tiene que empezar en algún lugar mejor para empezar antes que tarde.

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

Quick Tip 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.

No coloque los agregados que aparecen en su sitio. Estos son molestos para sus usuarios y son menos propensos a confiar en su sitio. Esto usualmente da como resultado que los visitantes no regresen a su sitio. La simplicidad es clave cuando se trata de anuncios. Usted no tiene que depender de pop-ups.

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.

Quick Tip 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.

Los gráficos ayudan a mantener el sitio visualmente estimulante y entretenido. Debe incorporar el ajuste de texto para que su sitio se vea más profesional. Si el contenido está rodeado de diseño creativo, a los visitantes les gustará más su sitio.

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.

Quick Tip 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.

Trabajar con un profesional. Usted puede obtener una gran cantidad de conocimientos de un maestro de diseño web que sabe cómo funciona el campo. Esto te ayudará a convertirte en un profesional.

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.

La Configuración

Si alguna vez te has encontrado con un problema no tengas miedo de pedir consejo. Seguir adelante y consultar con un amigo o alguien a través de un foro o correo electrónico que usted piensa que podría estar dispuesto a ayudarle. No vas a llegar a ningún lado si no obtienes ayuda, todos lo necesitamos de vez en cuando así que no sientas vergüenza.

Quick Tip Si alguna vez te has encontrado con un problema no tengas miedo de pedir consejo. Seguir adelante y consultar con un amigo o alguien a través de un foro o correo electrónico que usted piensa que podría estar dispuesto a ayudarle.

Cuando uses FileZilla como servidor de archivos, asegúrate de programar la configuración rápida del menú con tu dominio, tu nombre de usuario y el puerto correcto. Haciendo esto, hará que el registro en mucho más fácil, ya que sólo puede seleccionar la configuración. Eso ahorra mucho tiempo.

Asegúrese de que todas las herramientas de interfaz que utilice sean coherentes y fáciles de entender para los usuarios. Por ejemplo, los usuarios deben ser capaces de hacer clic en el texto que está subrayado. Si usted consigue el diseño de su sitio abajo, sus visitantes quieren marcar por más tiempo y volverán a su sitio una y otra vez.

Quick Tip Asegúrese de que todas las herramientas de interfaz que utilice sean coherentes y fáciles de entender para los usuarios. Por ejemplo, los usuarios deben ser capaces de hacer clic en el texto que está subrayado.

Si sigues aprendiendo mientras diseñas un sitio web, eso será un beneficio para ti. Cuando tengas confianza en tus habilidades para usar una técnica, debes pasar a dominar la siguiente habilidad. Esto puede hacer que su construcción inicial del sitio tome más tiempo, pero una vez que haya terminado con ese primero, estará listo para hacer docenas.

Agregue un mapa del sitio al diseño web. Los mapas del sitio desempeñan un papel importante cuando se trata de la optimización del motor de búsqueda. Las arañas del motor de búsqueda los utilizan para gatear eficientemente sobre su sitio para ayudar a clasificar sus páginas mejor. También sirven como un propósito operacional para usted como diseñador. Un mapa del sitio es esencial para realizar un seguimiento de la arquitectura de su sitio web, por lo que puede agregarle páginas más eficazmente.

Quick Tip Agregue un mapa del sitio al diseño web. Los mapas del sitio desempeñan un papel importante cuando se trata de la optimización del motor de búsqueda.

Asegúrese de que su sitio sea seguro. Por ejemplo, si las personas están comprando productos de usted e introduciendo sus números de tarjeta de crédito, desea obtener un certificado SSL. El anfitrión de su sitio web también puede ofrecer funciones de seguridad para su sitio Web.

Incluya imágenes de su espacio de oficina y mano de obra, en lugar de usar fotos de stock en todo su sitio. Cuanto más sientan sus visitantes que saben a quién le están dando negocios, más probabilidades hay de que lo elijan por encima de sus competidores. Este Tip de diseño puede hacer más de lo que usted pensaría para impulsar su negocio.

Quick Tip Incluya imágenes de su espacio de oficina y mano de obra, en lugar de usar fotos de stock en todo su sitio. Cuanto más sientan sus visitantes que saben a quién le están dando negocios, más probabilidades hay de que lo elijan por encima de sus competidores.

Recuerda esto cuando publiques algo importante en tu sitio: alto y lejano-izquierdo. Así es como la gente Lee, de izquierda a derecha, por lo que tener las partes más importantes de su sitio ubicado en la parte superior de su sitio y a la izquierda se asegurará de que sus visitantes vean y lean esto antes de cualquier otra cosa en su sitio Web.

Agregue herramientas que las personas puedan usar y compartir en los sitios de redes sociales. Usted quiere que la gente esté interesada en su sitio y tenga la capacidad de compartir lo que les gusta de su sitio con sus amigos también. Cuando le das a la gente la opción de compartir cosas con sus amigos, entonces la atención que tu sitio puede obtener es ilimitada.

Una Página

Asegúrese de que su sitio web se muestra bien en todas las resoluciones de pantalla. Puede hacerlo utilizando porcentajes para la anchura y la altura de los elementos de la página web, en lugar de las dimensiones fijas en píxeles. Además, una página que se muestra correctamente en una resolución más baja, generalmente funcionará bien en resoluciones más altas. Antes de hacer público tu sitio web, debes probarlo en varias resoluciones para asegurarte de que todos tus visitantes tengan una experiencia cómoda.

Quick Tip Asegúrese de que su sitio web se muestra bien en todas las resoluciones de pantalla. Puede hacerlo utilizando porcentajes para la anchura y la altura de los elementos de la página web, en lugar de las dimensiones fijas en píxeles.

Cuando se trata de desarrollar una página de error, sea informativo. A veces los visitantes hacer clic en un enlace que está roto y recibir una página de error. Sus páginas de error deben decir a los visitantes exactamente lo que salió mal y proporcionar su enlace de la página de inicio para que puedan permanecer en su sitio.

Un buen consejo para todos los diseñadores web es elegir cualquier plataforma de desarrollo que utilice, extremadamente cuidadosamente. Todas las plataformas de desarrollo no son iguales y hay algunas, como WYSIWYG, que no son casi tan confiables como otras plataformas. Asegúrese de hacer su investigación antes de decidir qué usar.

Quick Tip Un buen consejo para todos los diseñadores web es elegir cualquier plataforma de desarrollo que utilice, extremadamente cuidadosamente. Todas las plataformas de desarrollo no son iguales y hay algunas, como WYSIWYG, que no son casi tan confiables como otras plataformas.

Para el sitio web típico, mantenga sus colores de fondo neutrales. Los fondos texturizados pueden abrumar fácilmente al visitante, y, cuando se usa incorrectamente, realmente puede hacer que su diseño parezca amateur. Pégate a un fondo blanco u otro color neutro. Se ha demostrado que estos colores neutros son los fondos más fáciles para leer.

Al diseñar tu sitio web, debes asegurarte de incluir un enlace directo a tu blog. El contenido de su blog debe demostrar la experiencia y el conocimiento que tiene en su área. Haga que sea fácil de encontrar y fácil de leer para asegurarse de que sus visitantes obtienen el máximo provecho del tiempo dedicado a leer su sitio y su blog.

Dibuja algunos bocetos de lo que quieres que parezca tu sitio Web. Muestre a algunas personas sus diseños y obtenga sus comentarios.

Muchos diseñadores web cometen el error de tratar de llenar completamente todo el espacio en blanco en su página. No tienes que hacer eso. Una página limpia y simple puede realmente salir como profesional e informativo, mientras que hace que sea fácil encontrar la información que el visitante había llegado al sitio para encontrar.

Quick Tip Muchos diseñadores web cometen el error de tratar de llenar completamente todo el espacio en blanco en su página. No tienes que hacer eso.

Tan pronto como termine este artículo, puede crear un sitio web propio con un sitio web gratuito o un servicio de demostración. Una vez que tenga la información básica, verá lo sencillo que es. A continuación, puede crear sitios que otros admiran. Recuerda siempre hacer uso de lo que has aprendido.

Si no está bien versado en el área de diseño web, considere tener un diseño experto en su sitio web para usted. Su sitio web es extremadamente importante, ya que es la cara en línea de su empresa. Como tal, es imperativo que hace la impresión correcta en los visitantes, es fácil de navegar y es motor de búsqueda optimizado. Si no sabes cómo hacer estas cosas, deleguen esta tarea a aquellos que sepan lo que están haciendo.