Bienvenido a Webdesigntuts +, un recurso en línea dedicado a enseñar y alentar a los diseñadores web de todos los niveles y experiencia. Ya sea que sea la primera vez que vienes aquí, te has sumergido en nuestro contenido en el pasado o eres un visitante habitual, esta publicación te ayudará a encontrar lo mejor de nuestro contenido..
Aquí hay un rápido desglose de lo que encontrará en esta página ...
Para familiarizarse con el diseño de un sitio web se trata de comprender lo que se pretende lograr y cómo puede resolver los problemas a través del diseño. En las primeras etapas del proceso, vale la pena pensar en creatividad y tenemos una sesión completa de tutoriales para ayudarte con eso:
Más allá de la creatividad viene lo real diseño. ¿Cómo alguien toma ideas y las comunica en términos de diseño? ¿Cómo se debe diseñar una página web? ¿Cómo influye el color en un diseño? ¿Y cómo deberíamos tener en cuenta a nuestros usuarios??
¿Y si eres un desarrollador, vienes al diseño web desde un fondo de codificación? Tenemos toda una serie de artículos de teoría del diseño (cada uno con una tarea al final) para ayudarte, además de algunos tutoriales de flujo de trabajo muy útiles:
La planificación, el boceto, el cableado y los visuales simulados son aspectos importantes del diseño web, pero ¿qué hay de realizar esos diseños para el navegador? Controlar los estándares web (HTML, CSS y JavaScript) es vital si está interesado en el mundo del desarrollo frontal. Vamos a empezar con lo básico ...
Con una comprensión fundamental de HTML y CSS, ahora puede comenzar a traducir sus imágenes estáticas en páginas web que viven y respiran. Sigue a Adi Purdila a medida que pasa de Photoshop al editor de código, construyendo su tema adaptativo de blog en esta serie ampliada de screencast.
¡Todo artesano necesita buenas herramientas y el diseño web no es diferente! De hecho, con un simple editor de texto y un navegador web tiene suficiente para comenzar, pero hay muchas otras aplicaciones y herramientas para ayudarlo con otras tareas..
El caballo de batalla de muchos un estudio de diseño web durante años. Su papel puede estar cambiando en estos días, pero no se puede negar su presencia en el campo del diseño..
Se está suspendiendo el desarrollo de Adobe Fireworks, en lugar de dar paso a algunos niños nuevos en el bloque, pero todavía tiene seguidores apasionados y es una herramienta de diseño web muy capaz.
Emmet es una de esas herramientas mágicas que, una vez que empieces a usarla, siempre te preguntarás cómo te las arreglaste sin ella. Echar un vistazo!
¿Esos nuevos niños de la cuadra de los que acabamos de hablar sobre la desaparición de Fireworks? Eso sería Reflow y la otra suite de herramientas Adobe Edge. El futuro está aquí, damas y caballeros..
Hay muchas herramientas de armado de alambre para elegir, pero Omnigraffle es sin duda una de las más populares. Echa un vistazo a nuestra guía de principiantes..
Podría decirse que el diseño web sensible ha sido el movimiento más dramático para golpear la web, ya que alguien sugirió que dejemos de usar tablas HTML para fines de diseño. Para entender más de lo que es, eche un vistazo a esta entrevista rápida con su fundador, Ethan Marcotte.
Al involucrarse más, encontrará una serie de tutoriales y artículos que exploran los muchos aspectos de RWD..
Los diseñadores web han estado utilizando los Sistemas de gestión de contenido como una solución web del mundo real desde hace años. ¿Por qué reinventar la rueda cuando los CMS como WordPress hacen tan bien la estructura y la administración del sitio web??
En una continuación de la sesión mostrada anteriormente, Adi Purdila toma su sitio web estático y lo convierte en un tema de WordPress. Síguelo durante estos screencasts muy completos y pronto podrás hacer lo mismo. Alternativamente, sígueme mientras camino por otra compilación de WordPress, esta vez basada en el popular framework Skeleton..
WordPress no es el único CMS por ahí, sin embargo. Siempre estamos agregando a nuestros tutoriales de CMS, así que aquí hay un ejemplo de lo que hay ahí fuera:
Ser capaz de diseñar y construir un sitio web es una pequeña parte del negocio. Si va a tener éxito en ganar dinero como diseñador web, es importante que entienda la industria..
Poder trabajar con un equipo y sus clientes es crucial, así que eche un vistazo a estos artículos que le ayudarán en su camino:
Aprender de sus compañeros es una de las mejores maneras de avanzar en el diseño web. En Webdesigntuts + disfrutamos criticando tanto el trabajo de nuestros lectores como el trabajo de los jugadores más grandes de la industria. Eche un vistazo a nuestra serie Cómo lo hicieron, además de nuestra colección de publicaciones del taller. Únete a la discusión!
Hay mucho más para sumergirse en Webdesigntuts +, tal vez esté interesado en la accesibilidad, Frameworks como Bootstrap, Foundation, Pure y Jeet, SEO, tipografía, correo electrónico HTML o UX, además de más..
Y, al igual que con todas las demás facetas de Tuts +, nuestro contenido crece continuamente, así que manténgase al día con nosotros en nuestros diversos canales sociales para asegurarse de que nunca se pierda un truco:
Gracias por visitar Webdesigntuts+!