Cómo aprender diseño web.

Algunas grandes respuestas aquí. Respaldo la opinión de los usuarios de Quora de que necesita aprender acerca de los conceptos básicos del diseño, como los principios de Gestalt.

Pero quiero comentar sobre otro aspecto de su pregunta:

Hasta ahora sé que todo el mundo comienza a aprender HTML / CSS, Photoshop, Dreamweaver.

Y lo están haciendo casi enteramente mal.

Necesitas HTML y CSS para poder hacer funcionar un sitio web. Pero no necesita dominar Photoshop o Dreamweaver o cualquier herramienta de diseño que sea la más popular hoy en día.

Dominar Photoshop no te hará un diseñador web. Al igual que dominar el uso de un horno no te hará un chef.

Obviamente, necesitas cocinar mucho para convertirte en un chef de renombre mundial.

Siguiendo con la analogía, esto significa que debe diseñar muchos sitios web para convertirse en un diseñador web de renombre mundial.

Pero primero, necesita saber qué es el diseño para poder comenzar a practicarlo.

El diseño es el arte de resolver problemas.

Cuando creas sitios web, esto significa que, en el sentido más amplio, estás resolviendo un problema de negocios .

Existe un sitio web para realizar un objetivo de negocio.

Los usuarios de un sitio web también tienen su propio objetivo en mente: pueden querer comprar algo, comparar productos, leer sobre un tema, etc.

Es su trabajo como diseñador ayudar a la empresa asegurándose de que la mayor cantidad posible de usuarios cumpla el objetivo comercial y ayudar a los usuarios a navegar el sitio web para que puedan cumplir su propio objetivo.

Por ejemplo, estás diseñando una tienda de comercio electrónico: el objetivo comercial aquí sería vender los productos. Y el objetivo de los usuarios es encontrar exactamente lo que quieren comprar, lo más rápido posible y retirar, lo más rápido posible.

Una gran parte del proceso de diseño pasa por resolver el problema, crear un perfil del usuario, pensar cómo alcanzar el objetivo comercial, etc.

Los colores, las fuentes, el diseño, cada decisión de diseño que tome deben ser dictadas por el objetivo del sitio web .

No se trata de tener un presentimiento. Se trata de tener un proceso.

Necesita un proceso para resolver los problemas y resolverlos con sus diseños. Un proceso que te ayuda a tomar decisiones informadas .

Un proceso de diseño web en pocas palabras

  1. Definir el proyecto. Sumérgete en el proyecto y conoce más sobre:
    1. Su propósito, resultados previstos para los grupos de interés.
    2. Sus (futuros) usuarios.
    3. La experiencia prevista para sus usuarios / visitantes.
    4. La marca detrás del proyecto.
  2. Adquirir los recursos necesarios. Ponga sus manos en el contenido (de muestra) (tome prestado de sitios similares o pregunte al cliente)
  3. Dar forma al contenido.
    1. Elija un tipo de letra para escribir el contenido (elija uno que se ajuste al estado de ánimo y al mensaje del sitio)
    2. Elija el tamaño de fuente para la copia del cuerpo
    3. Genere una escala modular (una tabla de dimensiones armónicas proporcionales) a partir del tamaño de fuente de la copia del cuerpo (utilizando la escala de tipo – Una calculadora visual)
    4. Dibuje diferentes diseños basados ​​en los requisitos del proyecto.
    5. Cree el diseño (en HTML y CSS) con la ayuda de la escala modular: ancho de columna, altura de línea, tamaño de encabezado, márgenes inferiores, columnas (si es necesario)
    6. Aplicar color de acuerdo a las pautas de la marca.

Puede leer en detalle sobre cada uno de estos puntos aquí: ¿Se siente estancado después de aprender HTML y CSS? Aquí es cómo crear sitios web por su cuenta

Le animaré a que intente diseñar una sola página utilizando el proceso anterior. Piensa en el objetivo del sitio web. Piense en el mensaje que el propietario del sitio web quiere enviar. Piensa en los usuarios. ¿Qué quieren hacer? ¿Por qué vinieron a este sitio web? ¿Cómo puedes hacer su vida más fácil?

Breve guía:

  • Aprende lo básico. Pista: lee un libro, no artículos.
  • Diseña algo. Consejo: comience con herramientas geniales, diga Sketch + Principle.
  • Hacer pruebas de usabilidad. Pista: no te la saltes. Te hará sobresalir del 99% de los diseñadores web.

Pasos detallados:

Paso 1. Lea sobre Cara por Alan Cooper: me gusta por ser práctico (a diferencia de otro libro que se recomienda con frecuencia para los principiantes: Diseño de las cosas cotidianas por Don Norman). Mi respuesta sobre el libro, otros libros y blogs.

Sugerencia: no utilice Smashing Magazine y otras fuentes de información de tamaño reducido en esta etapa. Necesitamos algo más académico y ordenado.

Paso 2. Instale Sketch + Valores y principios (verifique mi respuesta sobre esta configuración) o Sketch + InVision, o alguna otra herramienta de creación rápida de prototipos (el enlace también va a la agencia de Cooper. Pero bueno, no tengo ninguna afiliación con Cooper).

Pista: usa herramientas geniales como Sketch; te dará algunos puntos extra cuando estés buscando trabajo. Adobe Photoshop no es genial.

Paso 3. Hacer un prototipo interactivo de algún sitio web.

Pista: hacer algo funcional. No se puede aprender mucho resolviendo problemas que se resuelven con un complemento de WordPress. Hacer comercio electrónico, un servicio o un sitio web de contenido complicado.

Cuando realicé mi curso de UX en 2007, ofrecí uno de dos proyectos:

    • Encontrar un compañero de cuarto
    • Encontrar un camión que pueda recoger su carga.

      Fue antes de Airbnb (producto) y Uber para todo, pero ambas tareas aún están bien: incluso Airbnb se puede hacer mucho mejor que ahora.

    Paso 4. Leer un libro sobre pruebas de usabilidad . Hay muchos; Me gustan los que hablan menos sobre la configuración ideal del laboratorio de usabilidad, de todos modos no lo tendrás. Me gusta el libro llamado Remote Research.

    Paso 5. Haz un estudio de usabilidad con tus amigos. Probablemente, los amigos no son su público objetivo, pero están bien en esta etapa.

    Pero hey, no hagas trampa: ¡las pruebas automatizadas como User Experience Research Platform no son lo mismo!

    Paso 6. Durante la prueba, aprenda a no interrumpir a los usuarios y no a ayudarlos a completar la tarea. Si lo has dominado, felicidades: la parte más difícil ha terminado.

    Paso 7. Aprende que lo has diseñado mal , la mayor parte de tu prototipo.

    Paso 8. Arreglarlo.

    Paso 9. Ve al paso 5.


    ¿Se siente bien?

    ¿Y saber qué? ¡Felicidades! Eres uno de los pocos diseñadores que realmente prueban sus prototipos. La dualidad de la profesión es:

    • La mayoría de los diseñadores web entienden la importancia de las pruebas de usabilidad
    • La mayoría de los diseñadores web no prueban

    Estás en una curva de aprendizaje empinada ahora. ¿Ves cómo se siente? Lo que sientes ahora es la tranquilidad que la mayoría de los diseñadores web nunca logran.

    Un sitio web como la tienda de una empresa. Ya sea que un diseñador web pueda diseñar el sitio web de manera exquisita o no, decide cuánto tiempo los usuarios eligen quedarse en su sitio web. Para atraer a suficientes usuarios de su empresa, un diseño web excepcional es esencial. Los diseñadores web son quienes se encargan de diseñar y hacer las páginas web. Para ser honesto, diseñar un sitio web no es una tarea fácil, ya que deben dominar muchas habilidades. Incluso él no es tan profesional como un desarrollador web, aún necesita estar familiarizado con el código HTML, el diseño del diseño, el uso de colores, el flash e incluso las habilidades de escritura, por lo que definitivamente puede ser llamado como un talento integral en algunos aspectos. formas. Ser un buen diseñador web puede recibir un alto salario hoy en día, por lo que cada vez más personas quieren cambiar de trabajo y convertirse en diseñadores web. Hoy, hago una lista de los 5 requisitos cruciales para ser un buen diseñador web, sugiero que las personas que deciden hacer diseño web deberían leer este artículo para inspirarse.

    1.Suficientes habilidades básicas

    Como dije antes, es muy necesario que una persona haga diseño web. La mayoría de las personas han malinterpretado este nombre de “diseñador web”, creen que su trabajo es el mismo que el de un diseñador gráfico, comúnmente llamado diseñador de arte. Tengo que decir que está totalmente equivocado. El diseño gráfico es solo una parte del diseño web. Además, debe dominar cómo usar el código HTML como un desarrollador web, porque HTML es un sitio web en esencia. Y también puede usar HTML para crear una web potente combinándola con otras habilidades web, como el lenguaje de scripting, CGI, módulos, etc.

    2. Familiaridad con las herramientas de diseño web.

    En cuanto a un diseñador web, es necesario que esté familiarizado con los tipos de herramientas de diseño web. Por ejemplo, las herramientas de diseño de imágenes como photoshop, fuegos artificiales, diseño flash, herramientas de diseño web como Dreamweaver. Además, antes de que se publique el sitio web terminado, los diseñadores web generalmente necesitan hacer algún prototipo web. Su objetivo es evitar algunos errores innecesarios cuando comienzan su diseño real. Hoy en día, Axure, Mockplus, Invision son las herramientas de creación de prototipos más populares en el mercado.

    3. Sensibilidad al mercado.

    En esta sociedad de la información, no importa qué tipo de industria siempre se actualice y desaparezca tan rápido. Así que se supone que debes ser lo suficientemente sensible al mercado que estás posicionando. En otras palabras, debe hacer enormes investigaciones sobre la tendencia de su industria y sus competidores. Tomar en cuenta lo que a la gente le importa exactamente y considerar cómo hacer que su sitio web sea fácil de usar son los fundamentos importantes de su diseño. Si un diseñador web no puede satisfacerlos, influiría gravemente en el montaje de los usuarios objetivo y en las vistas del sitio web.

    4. Brillante estética

    Como dice el viejo dicho, la ropa hace al hombre. La apariencia es siempre la primera cosa que a la gente realmente le importa. Si no tienes buen aspecto, las personas raras quieren saber tu contenido. Es lo mismo para un diseñador web cuando él está diseñando. Los portafolios de diseño web apropiados y el uso adecuado de los colores resultan en una experiencia de usuario cómoda, haciendo que se olviden de salir. Por el contrario, la estructura de alambre y los colores en conflicto los harían irse sin dudar y nunca entrarían en su sitio web. Serían malos efectos en su empresa.

    5. Estudio constante

    La innovación es una cualidad básica para un diseñador web. Con el desarrollo de la ciencia y la tecnología, los requisitos de diseño web son cada vez más altos. Si no haces ningún avance, serás limpiado en esta sociedad. Un buen diseñador web necesita adquirir constantemente nuevos conocimientos y habilidades, ya que le ayuda a mantener una idea fresca de su trabajo y hacer que sus clientes sientan su identidad.

    Conclusión

    Por último, le sugiero que lea este artículo sobre Cinco tendencias significativas de los últimos diseños web que debe conocer en 2017 , creo que lo inspirará. Por cierto, me gustaría informarle que hay un largo camino por recorrer para ser un diseñador web, debe desarrollarse constantemente. Espero que tengas éxito al fin.

    Aprender a crear un sitio web desde cero es factible, pero no es una tarea fácil. Si no está buscando utilizar ningún framework, bibliotecas, CMS de código abierto como WordPress, Drupal o Joomla, entonces tendrá su trabajo recortado para usted.

    Diseño Web vs Desarrollo Web

    Primero, permítanme comenzar describiendo la diferencia entre los dos.

    El diseño web suele considerarse el extremo frontal de un sitio web. Cómo se ve y se siente el sitio web. La experiencia de usuario o interfaz.

    Un diseñador web es típicamente alguien que es creativo y tiene un ojo para el diseño. Algo así como un artista que codifica.

    El tipo de código con el que trabaja un diseñador web, a menudo será principalmente

    • HTML
    • CSS
    • posiblemente JavaScript

    El trabajo de los diseñadores es hacer que el sitio web se vea visualmente atractivo.

    El desarrollo web generalmente se considera el backend del sitio web y quizás algún JavaScript para el front-end.

    Un desarrollador web suele ser alguien que se centra en crear la funcionalidad del sitio web. Tratar con cosas como validar y desinfectar las entradas de un formulario al usuario, hacer que el sitio web funcione con una base de datos como MySQL, lo cual es importante para los sitios web que venden cosas o blogs.

    El tipo de código con el que trabaja un desarrollador web es

    • JavaScript
    • PHP
    • Pitón
    • Ruby & Ruby sobre rieles
    • Java
    • MySQL
    • etc

    Desarrollador Web Full Stack

    A partir de su pregunta, parece que está interesado en ser un desarrollador web de Full Stack, que es alguien que trabaja tanto con la parte delantera como con la parte posterior.

    Esto es lo que muchos codificadores aspiran a convertirse, pero no es algo fácil de lograr. Hay tanto que aprender, tantas tecnologías, la sintaxis de los diferentes idiomas es algo similar pero lo suficientemente diferente como para causar algunos problemas si no estás completamente versado en cada idioma.

    Es como alguien que habla más de 3 idiomas. A veces es difícil tener un pensamiento coherente en un idioma y saltar a otro.

    Dicho esto, se puede hacer y hay muchos desarrolladores web de Full Stack.

    ¿Cómo te conviertes en un desarrollador de pila completa?

    Toma tiempo y no debes intentar saltar de un idioma hasta que tengas una comprensión sólida de la que estás estudiando primero.

    Sigue este camino en orden

    • HTML: este es el esqueleto de un sitio web y cuál es el primer paso en su viaje.
    • CSS: esto es lo que hace que un sitio web se vea visualmente atractivo, al menos debería hacerlo si está bien codificado. Considera esto como la piel en la parte superior de tu esqueleto.
    • JavaScript: esto es lo que te ayuda a crear efectos especiales para tu sitio como Sliders, Pop Ups y mucho más
    • PHP o Python, etc. – Hay muchos idiomas del lado del servidor para elegir. Un lenguaje del lado del servidor es lo que se refiere a la funcionalidad de un sitio web y generalmente es manejado por el servidor.
    • MySQL: esta es una base de datos similar a Excel pero significativamente más potente. No le hago justicia a MySQL al compararlo con Excel, pero solo se usa como ejemplo.

    Opcional

    Una vez que entiendas completamente las cosas que mencioné anteriormente, deberías aprender algunas cosas adicionales que te harán más productivo y eficiente.

    • Git – software de control de versiones
    • Grunt o Gulp: administradores de tareas que lo ayudan a automatizar muchas cosas en su flujo de trabajo
    • Línea de comando: este es el terminal o el símbolo del sistema o powershell. Esto le permitirá trabajar mucho más rápido en una computadora o servidor.
    • Sass: es un procesador CSS que mejora significativamente su manejo de CSS. Le da superpoderes CSS.
    • Administración del servidor: los sitios web viven en un servidor y ese servidor debe configurarse correctamente.

    Herramienta del Comercio

    • Editor de texto: recomiendo un editor de texto hackeable para el 21st Century Atom
    • Servidor local: MAMP, WAMP o XAMPP están bien. Esto le ayuda a trabajar con idiomas del lado del servidor que requieren un servidor web.
    • Computadora: no deje que la guerra de computadoras le afecte, puede desarrollarse en Windows, Mac y Linux sin ningún problema.

    Recursos de aprendizaje

    • Tutoriales en línea de W3Schools en línea
    • Hipertexto preprocesador PHP sitio web
    • Red de desarrolladores de Mozilla
    • Video tutoriales y entrenamiento en línea
    • Empieza a aprender en la casa del árbol gratis
    • Desarrollador en línea ilimitado, informática y formación creativa.

    ¿Cuánto deberías estudiar por día?

    Nuevamente, esto se basa en tu pregunta y supongo que estás buscando hacerlo todo desde cero.

    6 meses no es mucho tiempo, pero si puede dedicar a un mínimo de 4 horas por día o más, debe tener una idea general de cómo crear un sitio web.

    Obviamente, no serás un profesional, pero podrás poner algo funcional en conjunto.

    Cortes cortos

    Aquí hay una lista de marcos, bibliotecas y CMS que puede utilizar para acelerar su tiempo de desarrollo.

    • Bootstrap · El framework front-end más popular y con mejor respuesta para dispositivos móviles del mundo.
    • El framework PHP para los artesanos web
    • WordPress, Drupal o Joomla son las mejores opciones para los CMS de código abierto

    Al aprender estos marcos y bibliotecas, puede acelerar significativamente su tiempo de desarrollo.

    Esperemos que esto ayude y feliz codificación.

    ¿Cuál es su origen? Mucha gente mencionó el conjunto de habilidades de desarrollo (que es importante saber al tomar decisiones de diseño, pero puede subcontratar fácilmente la tarea real), así que hablaré más específicamente sobre las otras facetas del diseño web:

    Diseño visual
    La web puede ser un medio delicado. Hay algunos traslados desde el diseño de impresión y comunicación, pero tendrá que aprender cosas como cómo manejar los activos y la producción para sistemas de red receptivos.

    • Los elementos del estilo tipográfico, Robert Bringhurst
    • Los elementos del estilo tipográfico aplicado a la web.
    • Diseño para hackers, una buena introducción incluso para no hackers

    Diseño de interfaz de usuario

    • Patrones de interfaz de usuario
    • Diseño de interfaz de usuario paso a paso, Sacha Greif

    Diseño de interacción
    Este es el estudio de cómo las personas interactúan con la tecnología y las interfaces. Hay una larga historia de investigación en esta área, desde campos relacionados con el diseño.

    • Biblioteca de patrones de diseño de interacción
    • Hecho para pegarse, Chip Heath
    • El diseño de las cosas cotidianas, Donald Norman

    Software
    Hay muchas herramientas de diseño de interacción y creación de prototipos disponibles según la tarea y la necesidad. El software estándar de la industria en el que querrá invertir para la producción de diseño de alta fidelidad es Adobe (Illustrator y Photoshop como mínimo) y quizás Sketch 3.

    Otros recursos en línea
    Si no tiene tiempo para inscribirse en un curso o en un taller, hay varios recursos en línea a su propio ritmo.

    • lynda.com
    • skillshare.com

    Revisión y crítica
    En general, la mejor manera de aprender es producir tanto trabajo como sea posible y obtener comentarios sobre él. ocean.ink es una nueva comunidad que me gusta para obtener comentarios rápidos sobre la interfaz de usuario y el diseño visual.

    Negocio
    El diseño web a menudo es un trabajo independiente / contratado / independiente, lo que significa que es importante aprender cómo gestionar clientes y conocer sus necesidades y objetivos. Mike Monterio ha escrito algunos libros excelentes en esta área.

    • El diseño es un trabajo
    • Eres mi cliente favorito

    Investigación de usabilidad
    No necesariamente tiene que ser un investigador usuario para ser un diseñador, pero comprender la investigación y comprender cómo evaluar los diseños lo ayudará a cumplir los objetivos de sus clientes, ya sea que aumente la tasa de suscripción o obtenga más visitas.

    Fuente arriba

    Pongo en papel para usted la increíble estructura de un tutorial de YouTube sobre cómo planificar su proceso de diseño web desde cero, comenzando con la etapa UX y finalizando con la preparación e implementación de su diseño.

    • 1. PLANIFICACIÓN – El gran bit del aisberg.

    Al dedicar más tiempo a la planificación de nuestro sitio web, tendremos que gastar exponencialmente menos tiempo en su ejecución.

    a) ¿Cuáles son los objetivos del sitio?

    b) ¿Quién usará el sitio?

    c) ¿Qué esperas que hagan cuando visiten?

    d) ¿Qué podría obstaculizar el éxito?

    Fuente recomendable: Tutoriales de diseño web por Envato Tuts +

    1.1. Usabilidad

    a) ¿Qué es la usabilidad?

    b) familiaridad

    c) Experiencia de usuario

    d) empatía

    Fuente recomendable: No me hagas pensar – Steve Krug

    7 razones para unirse a la IDF: Aprenda el excelente diseño de UX: obtenga 1 mes de descuento en su membresía con la Interaction Design Foundation

    1.2. Contenido

    a) ¿Qué debemos incluir?

    · Identidad (Logo – lado izquierdo según convenciones)

    · Navegación

    · Sobre nosotros

    · Contenido significativo

    a) ¿Qué no deberíamos incluir?

    · Masas de contenido innecesario.

    · Ruido visual

    · Anuncios no estructurados

    · Cualquier cosa por el bien de ella

    1.3. Objetivos: “Queremos” … “porque” … “para que” …

    a) Objetivos de negocio

    · Alinear los deseos del usuario con los requerimientos del cliente.

    · Generando nuevos leads.

    · Ventas en línea

    · Proporcionar noticias

    · Construyendo una marca – Minimizando la tasa de enlace del sitio

    b) Medir el éxito

    · La reunión de los miembros de suscripción

    · Encendiendo boletines

    · Seguidores sociales

    c) claridad

    • 2. CONCEPTOS DE DISEÑO

    · No copiar el trabajo de otra persona

    · No trabajar hacia atrás de una conclusión inevitable

    · No uses todos los silbatos y campanas disponibles.

    2.1. Inspiración

    · Bloque del diseñador

    Fuentes recomendables:

    · Typekit

    · http://www.awwwards.com

    · http://alistapart.com

    · http://www.premiumpixels.com/

    · Otros medios: http://www.creativereview.co.uk/ , comunidades como http://creattica.com o artistas como http://mcbess.com

    · http://ww1.golivebutton.com/

    2.2. Estilo y tema

    · Blanco / negro, grunge / minimalista / modernista

    · Establece el ambiente : un aire de sofisticación, organización, confianza, eventos y elementos de diversión

    · Permite al usuario relacionarse

    · Permite que el sitio resista a través de su singularidad y permanezca memorable

    · Color, textura, tipografía, imágenes y diseño.

    · Longevidad – Teniendo en cuenta las tendencias.

    Fuentes recomendables: https://color.adobe.com/fr/creat

    2.3. Bosquejo conceptual

    · Dibujar

    o es parte del proceso creativo: lluvia de ideas y experimentación

    · Wireframing

    o Visualización de la arquitectura de la información;

    o Obtener ideas de diseño y funcionalidad rápidamente

    o establecer relaciones

    o El barebone del diseño terminado.

    Fuentes recomendables:

    Aplicaciones de wireframing y blogs:

    · https://balsamiq.com

    · Blog: http://wireframes.linowski.ca

    · http://webwithoutwords.com

    · https://www.wirify.com

    2.4. Rejillas

    a) ¿Qué es tan bueno acerca de las redes?

    · Forman guías verticales y horizontales dentro de las cuales se puede componer un diseño

    · Los diseñadores confían en las rejillas para aterrizar la estructura a su diseño,

    · Ponen orden en el caos y toman una carga de la toma de decisiones de tus manos

    b) La anatomía de una grilla.

    · Márgenes, columnas, filas, canalones.

    c) El sistema de rejilla 960.

    · http://960.gs

    d) Rejillas de base

    Fuentes recomendables: http://www.thegridsystem.org

    2.5. La anatomía de una página web

    a) Convenciones

    · El comportamiento y la estructura que los usuarios de IU esperan en el transcurso de los tiempos

    b) Anatomía de una página web

    · “Las reglas son para que los tontos sigan y guíen a los sabios”.

    c) ejemplos comunes

    https://collisionlabs.com

    http://thecombine.org/

    http://www.bbc.com

    http://epic.net

    2.6. Espacio en blanco

    · A menudo se malinterpreta, se considera como los bits que faltan en el diseño. En realidad, define los elementos que ocupan el espacio positivo en su diseño.

    · Al usar correctamente los espacios en blanco, puedes enfocarte en lo que es realmente importante.

    · Márgenes, relleno alrededor de objetos.

    · No tiene que ser blanco. En realidad es el espacio negativo .

    • 3. Elementos del sitio

    3.1. Fondo y texturas

    · Ayudan a que el diseño adquiera carácter y defina el estado de ánimo, con suerte haciéndolo memorable.

    3.2. Tipografia web

    3.3. Formas

    3.4. Sección de pie de página

    · En términos de atención, el pie de página se encuentra muy cerca del primer bit de la parte superior

    4. Preparando su diseño

    · ¿Qué está preparando?

    o En los viejos tiempos. Los sitios web fueron construidos con tablas. Era un flujo de trabajo muy lento que consistía en cortar pequeños fragmentos de imágenes y usarlas para decorar y formar diseños de tablas complejas. Casi cada pulgada del diseño de PSD requería rebanar y guardar para construir una página web.

    o En las técnicas modernas, gran parte de lo que diseñas en Photoshop se puede recrear solo en CSS: sombras, esquinas, texturas y fondos, por nombrar algunos ejemplos, todo esto ayuda a acelerar el tiempo de compilación, el tiempo de carga de la página y el tiempo de edición.

    o Por supuesto, todos los navegadores siguen en uso. Por lo tanto, cuando use técnicas CSS modernas, tendrá que incluir opciones de respaldo, si desea que esos navegadores representen su trabajo correctamente.

    o Podemos comprometernos, sin embargo, y depende de nosotros decidir qué elementos de nuestro diseño se pueden recrear en el CSS y cuáles se basarán en las imágenes.

    4.1. CSS vs. Imágenes

    · El fondo / patrón que no se puede recrear en CSS se guardará como un pequeño mosaico que se repetirá en toda la página

    4.2. Hojas de Sprite CSS

    · ¿Qué son las hojas de Sprite?

    o Una hoja de sprite suele ser una única imagen de mapa de bits que se compone de una serie de activos gráficos

    o Un juego como Angry Birds se construye a través de una gran cantidad de hojas de sprites. Estas hojas contienen cada carácter en todos los estados posibles y luego se usan para animar a las aves.

    o El mismo principio puede aplicarse al diseño web. Puede colocar todos o gran parte de sus elementos gráficos en un mapa de bits y luego usar esa hoja de sprites para decorar varios elementos. Puede colocar texturas de fondo, iconos, logotipos, etc.

    o Puede crear el elemento, determinar sus dimensiones y luego aplicar la imagen de fondo, especificando las coordenadas en la hoja para el gráfico que desea usar. Estamos efectivamente enmascarando la hoja con nuestro elemento.

    · ¿Por qué una hoja de Sprite?

    o optimizando el tamaño del archivo

    o organizacion

    o Tiempo de carga de la página más rápido

    Fuentes recomendables:

    http://spriteme.org

    4.3. Organización

    · Estructura de directorios

    · Convenciones de nombres

    o una carpeta llamada CSS (reset.css, main.css, theme.css), img, js (Java Script)

    o reinicio: todos los estilos comienzan desde la misma base, independientemente del navegador

    • 5. Implementando su diseño

    5.1. Escogiendo tu editor de codificación

    · Lo que se necesita: al crear un sitio web, se necesitan dos cosas para que todo funcione:

    o un editor de texto, para escribir varios bits de codificación.

    o un cliente MTP, que es un programa utilizado para publicar sus archivos en el servidor web

    · Puede, entonces, usar fácilmente el Bloc de notas para escribir sus archivos y luego un blog en su espacio web, utilizando, por ejemplo, Filezilla, un cliente MTP gratuito y perfectamente capacitado.

    · Hay muchas aplicaciones FTP disponibles, como Transmitir

    · También hay complementos para su navegador, como FTP para Firefox

    · https://jsfiddle.net , Codeanywhere

    · Coda: le permite administrar su proyecto localmente y actúa como un cliente FTP, subiendo directamente a la web una vez que se completa su edición. Aplicaciones como esa son conocidas como IDE – Entornos de Desarrollo Integrados

    5.2. El Modelo de Estándares Web

    · Pretende resolver todos los problemas de clavado que se manifiestan en diseños basados ​​en tablas, que generalmente incluyen cualquier estilo en línea

    · Al estandarizar la forma en que construimos los sitios web, nos estamos haciendo la vida más fácil, pero lo más importante es que queda claro para los navegadores web cómo deben tratar nuestro código.

    · Rompe aspectos del diseño web en capas:

    o Estructura – HTML

    o Estilo – CSS

    o Comportamiento – Java Script

    o este enfoque conduce a

    – Eficiencia

    – Facilidad de mantenimiento

    – Accesibilidad

    – Compatibilidad

    – Optimización de motores de búsqueda

    5.3. Marcado y semántica

    · HTML semántico – Wikipedia

    · http://html5doctor.com/element-i

    5.4. CSS

    5.5. Navegadores

    · Una mirada a los navegadores.

    · Degradación elegante

    · Mejora progresiva

    · Nuestro propio CSS

    Fuente recomendada: https://www.browserstack.com/sta … – importante para probar en diferentes versiones de navegadores

    5.6. Comportamiento (jQuery Slideshow)

    · Agarrar jQuery

    o jQuery

    · Agarra el plugin Slideshow

    o http://jquery.malsup.com

    · Conectarlo

    5.7. Más comportamiento

    · ¿Qué es la validación de formularios?

    o En buena forma – lado del servidor; Lado del cliente (utilizando Java Script); Lado del cliente (HTML

    · Nuestro formulario CSS

    · Nuestro formulario de validación.

    5.8. Prueba de navegador de cuervos

    · Instalando múltiples navegadores

    · Algunos navegadores no permiten que se ejecuten varias versiones simultáneamente en el mismo sistema, como Internet Explorer. Para tener varias versiones, puede comprar una carga de computadoras o una máquina virtual usando una herramienta virtual como http://www.vmware.com

    · Otra forma es mediante el uso de un servicio de captura de pantalla como http://browsershots.org

    · https://turbo.net/browsers

    · Las pruebas de navegador de cuervos se deben realizar con frecuencia, después de cada cambio importante

    5.9. Google analitico

    · Preparándolo

    o utilizado para el seguimiento del tráfico

    o se necesita una cuenta de Google

    Afortunadamente, comenzar tu viaje puede ser algo simple. Hay muchos recursos para ayudarlo a comenzar, incluidos libros, sitios web y herramientas de práctica. Muchas puertas están abiertas para usted, solo se trata de elegir una y seguir adelante. En este artículo, describiremos tres pasos que explican cómo aprender el curso y el desarrollo del diseño de la interfaz de usuario web . Al final, estarás en el buen camino para convertirte en un profesional de la programación de pleno derecho. ¡Empecemos!

    Cómo aprender diseño web.

    1. Investiga primero.
    2. Aprender los principios básicos.
    3. ¡Práctica práctica práctica!

    Veamos cada paso con más detalle …

    1. Investiga primero

    El sitio web de Awwwards muestra lo mejor en diseño y desarrollo.

    Antes de sumergirse en el campo del desarrollo web, primero querrá reducir sus objetivos. Esta es una industria grande y multifacética, por lo que es importante averiguar en qué nichos específicos le gustaría trabajar. ¿Diseño gráfico? ¿Desarrollo de WordPress? ¿O algo completamente distinto? Usted querrá profundizar en las áreas que despiertan su interés ( cursos de seo )

    Investigue ampliamente para encontrar información clave sobre el nicho en cuestión.

    Desarrollarás un camino enfocado y ganarás una ventaja en tu campo elegido. Este paso no tiene que ser complicado, ya que simplemente está tratando de identificar algo que desea explorar más. Para ello, puedes 🙁 cursos de marketing digital )

    • Lee algunos de los clásicos libros de desarrollo web y diseño.
    • Visite sitios, como Awwwards o The Best Designs, y busque elementos de diseño que le atraigan.
    • Aprenda cómo inspeccionar el código en otros cursos de capacitación de sitios web . Usted querrá analizar cómo funcionan y hacer una conjetura acerca de por qué se construyeron de esa manera.

    Investigaciones como esta a menudo pueden brindarle más información sobre lo que no desea hacer, que es una manera fácil de trabajar con sus opciones. Sin embargo, no tiene que limitar su elección a un solo ganador en esta etapa. Siempre y cuando tengas algunas ideas claras sobre en qué te gustaría involucrarte, estarás listo para pasar al siguiente paso.

    2. Aprender los principios básicos.

    Google se ha posicionado a la vanguardia de la formación y el diseño de desarrollo web moderno.

    Al igual que en cualquier otra industria, hay ciertos fundamentos de desarrollo y diseño que forman una base básica para el campo. Aprender esto te dará una comprensión sólida de por qué estás haciendo algo, en lugar de simplemente copiar el trabajo de otros. También aumentará la calidad de sus decisiones y le permitirá hablar con autoridad ante futuros clientes.

    No podemos cubrir todos los aspectos de cómo aprender los fundamentos de diseño y desarrollo web , pero aquí hay algunos puntos de partida sólidos para comenzar:

    • Codificar las mejores prácticas. Hay un montón de recursos de empresas líderes en importantes estándares de codificación. Por ejemplo, Google tiene un sitio web dedicado para desarrolladores que presenta las últimas actualizaciones y comparte los conceptos básicos de la programación.
    • Plano de diseño. Sin esta habilidad fundamental, las experiencias de navegación de sus visitantes se verían gravemente obstaculizadas. Desea crear un diseño que sea intuitivo y visualmente atractivo.

    1. escuela

    Aunque tiendo a centrarme en soluciones informales de aprendizaje independiente basadas en la web, nunca descontaría el valor de una educación formal. Para empezar, una universidad o incluso un título universitario comunitario puede darle a tu currículum el impulso que necesita para conseguirte ese increíble trabajo.

    Los títulos de diseño y desarrollo web se están convirtiendo rápidamente en algo omnipresente. Hay una buena probabilidad de que las principales escuelas en su área ofrezcan algo en esta área. Todas las escuelas que valen la pena tienen un sitio web que enumera los títulos y certificados disponibles, además de algunas estimaciones del nivel de inversión financiera que puede esperar realizar, así que asegúrese de que los sitios web de las universidades locales sean su primera parada. Comprensiblemente, un título universitario o universitario es la ruta más costosa que puede tomar, pero también puede ser una de las más gratificantes.

    Aprendiendo estilo

    Ya sea que vayas con un título en línea o en persona, los métodos de enseñanza probablemente incorporarán varios o incluso todos los otros estilos a continuación. Sin embargo, el método de la escuela tiene algunas ventajas únicas, especialmente si estás en un aula real con un instructor presente.

    Algunos de nosotros aprendemos mejor por nuestra cuenta, avanzando a nuestro propio ritmo. Sin embargo, la triste verdad es que el aprendizaje autoguiado es muy difícil. A menudo es mucho más fácil tomar una nueva disciplina si alguien te está empujando para que lo hagas. La escuela aprovecha el factor de estrés para inducir el aprendizaje, un truco que funciona tan bien que todo nuestro sistema educativo se basa en él.

    “A menudo es mucho más fácil aprender una nueva disciplina si alguien te está presionando para que lo hagas”.

    Con la escuela tienes tareas, plazos, proyectos a plazo y un horario estructurado. O te mantienes al día o abandonas. Si necesitas aprender muchas cosas extremadamente bien en un corto período de tiempo, casi no hay mejor manera de hacerlo que una clase formal.

    Además, la instrucción en persona es un método rico de aprendizaje que le brinda la capacidad única de hacer preguntas y obtener ayuda donde la necesita, a menudo en una conversación individualizada. Esto es algo que es extremadamente difícil o casi imposible de encontrar en el mundo de la educación en línea gratuita e incluso premium.

    La línea de fondo

    Si tiene un presupuesto decente, aprenda mejor en un entorno estructurado, tenga un buen desempeño bajo presión y valore la instrucción cara a cara donde puede hacer muchas preguntas, la escuela es su mejor opción.

    2. lectura

    La instrucción escrita es la chispa que encendió el fuego en la educación de diseño web. El blog de diseño humilde comenzó como una idea novedosa y se ha elevado a alturas impresionantes. Incluso estos se basan en el éxito de un método mucho más antiguo: los libros. Érase una vez, cuando alguien quería aprender algo, un viaje a la biblioteca y / o librería, fue el primer paso en el proceso (no Google).

    La lectura es una forma atemporal de aprender algo, simplemente nunca pasará de moda sin importar qué tecnología de fantasía se presente. En una sociedad altamente alfabetizada, a menudo es el método a seguir para la instrucción autoguiada. No es la forma más interactiva o emocionante de aprender algo, pero a menudo es la más efectiva por varias razones.

    Aprendiendo estilo

    Los materiales de aprendizaje escritos son difíciles de superar desde una perspectiva de eficiencia. La velocidad de lectura de la persona promedio es mucho más rápida que la velocidad de habla de la persona promedio, por lo que puede acumular mucha más educación en un lapso de tiempo más corto que con la instrucción oral.

    Por esta razón, la instrucción escrita a menudo es mucho más profunda que otros métodos. Los libros sobre desarrollo web tienden a ser tomos masivos que son bastante exhaustivos y cubren todos los aspectos de su tema. Incluso una serie de videos bastante larga sobre el mismo tema probablemente no cubra una décima parte del material.

    “Los materiales de aprendizaje escritos son difíciles de superar desde una perspectiva de eficiencia”.

    Incluso si no desea leer un libro masivo e integral sobre un tema, a menudo la lectura sigue siendo el método a seguir. Los blogs de diseño (como el que está leyendo ahora) y el blog de diseño web de Filipinas brindan oportunidades de aprendizaje diarias que lo pueden guiar en cada paso de su carrera, desde escribir su primera línea de HTML hasta mantener su habilidad avanzada actualizada y relevante.

    La desventaja de la lectura es que puede ser aburrido si eres el tipo de persona que tiende a favorecer la multimedia. Un obstáculo aún mayor es, obviamente, su nivel de comprensión lectora. No tiene por qué avergonzarse, la simple verdad es que muchas personas simplemente no absorben y retienen información a través de la lectura. Si nunca ha leído una publicación de blog completa (incluida esta) sin adelgazar y se encuentra durmiendo en un libro más que volteando sus páginas, ¡la lectura podría no ser el camino a seguir!

    La línea de fondo

    Los materiales de instrucción basados ​​en la lectura son perfectos si tiene un alto nivel de comprensión y retención de la lectura. Las opciones aquí se encuentran en ambos extremos del espectro de tiempo: la lectura puede proporcionarle la instrucción más breve y rápida posible y las sesiones de aprendizaje más largas y profundas que pueda desear. La lectura es también el método más popular utilizado para la instrucción gratuita, por lo que si su presupuesto es inexistente, los blogs y otros recursos en línea son el camino a seguir.

    Leer es para las masas, pero no confunda esa afirmación como una implicación de que hay algo mal con usted si esta no es la mejor manera de aprender. No pierda el tiempo en la biblioteca si los libros grandes lo intimidan o aburren, en su lugar, busque un método de aprendizaje que haga uso de su interés en métodos de comunicación más ricos.

    Recursos para retirar

    Libro HTML y CSS
    Este libro simplemente titulado es un soplo de aire fresco en el mundo de los materiales de aprendizaje impresos para diseñadores web. Es maravilloso, es minucioso y está en la parte superior de mi lista de recomendaciones para todos aquellos que buscan aprender HTML y CSS.

    Rocas HTML5
    HTML5 Rocks es un increíble recurso de código abierto para desarrolladores web en todas las etapas. Hay una gran cantidad de información gratuita y tutoriales disponibles aquí que cubren una amplia gama de temas.

    3. Video Instrucción

    Los videos instructivos han existido durante casi tanto tiempo como las cámaras de video. El concepto no es nada nuevo y la efectividad ha sido probada durante varias décadas. Si necesita una prueba, tenga en cuenta que la mayoría de nosotros nunca soñaríamos con comprar y leer un libro de ciencia, pero tan pronto como aparece un canal de ciencia en nuestro televisor, estamos cautivados durante horas y horas.

    La instrucción basada en video en la comunidad de desarrollo web tampoco es nueva, pero la instrucción de video seria, profunda y de alta calidad definitivamente no ha alcanzado el nivel de saturación de los blogs de diseño escritos. Esto se debe a que los materiales de aprendizaje de video son increíblemente intensivos en recursos para producir. El equipo, el conocimiento, el software y el tiempo necesarios para crear un producto valioso sirven como una alta barrera de entrada para cualquier persona que quiera ingresar a este mercado.

    Por esta razón, los productos que existen tienden a ser bastante caros. El método actualmente popular es vender una suscripción de forma mensual o anual. Usted paga una cierta tarifa cada mes y, a su vez, se le otorga acceso a una gran cantidad de contenido de video. Es como Netflix para la educación web.

    Aprendiendo estilo

    El estilo de aprendizaje aquí es muy visual. Si no te interesan los libros y te das cuenta de que a menudo no puedes hacerte leer siquiera una breve publicación en el blog, la instrucción en video ofrece una solución asombrosa y, a menudo, bastante entretenida.

    “Si crees que ver a una persona escribir código durante una hora va a ser emocionante, te sorprenderás mucho con la realidad”.

    Esto no significa que no te aburrirás. Si crees que ver a una persona escribir código durante una hora va a ser emocionante, te sorprenderás mucho con la realidad. Por esta razón, el instructor que dirige los videos hace toda la diferencia en el mundo. Los tipos como Jeffrey Way y Chris Coyier tienen la capacidad de hacer que la experiencia educativa sea interesante, mientras que otros instructores, lamentablemente, hablan sin parar con una voz monótona que lo mete en un coma profundo del que hay pocas esperanzas de regresar.

    Obviamente, la instrucción en video también marca la casilla de aprendizaje auditivo. Algunas personas pueden leer algo cientos de veces y no retener la información, pero tan pronto como la escuchan, quedarán atrapadas en su cerebro para siempre. Si esto te suena, los cursos de video probablemente serán la mejor ruta para ti. Existen soluciones puras de audio como podcasts, pero son más para discusión general. Es casi imposible aprender código o diseñar sin ver qué es lo que está haciendo el instructor.

    Una última cosa a considerar es que la instrucción en video puede llevar mucho tiempo. Los cursos a menudo se dividen en segmentos de cinco a diez minutos, pero en general pasarán horas y horas viendo videos para absorber la cantidad de información que probablemente pueda obtener de un libro en la mitad de tiempo.

    La línea de fondo

    Si su televisor está constantemente sintonizado con programas de ciencia, historia o tecnología educativa, entonces probablemente disfrutará aprendiendo a través de la instrucción en video. Si crees que los libros son escasos, entonces definitivamente debes revisar este método de aprendizaje.

    Los videos son ideales si puedes bloquear porciones específicas de tiempo para aprender en un ambiente tranquilo. Si está abrumado por todas las opciones de lectura disponibles, se sentirá reconfortado por el hecho de que solo hay unos pocos recursos de video realmente buenos disponibles en este momento para el aprendizaje del desarrollo web. Solo tenga en cuenta que las opciones realmente completas se basan casi exclusivamente en suscripciones.

    4. Interactivo

    Cuando estaba en la universidad, me inscribí en un curso de matemáticas con un viejo y forzado profesor dispuesto a fallar en la mayor cantidad posible de estudiantes. La instrucción fue rápida y las preguntas casi nunca fueron toleradas. Si no entendiste, no perteneces allí.

    En consecuencia, dejé la clase e intenté nuevamente usando un formato diferente. Mi escuela tenía estos cursos de aprendizaje basados ​​en computadora donde un instructor estaba presente, pero solo para apoyo. La mayor parte del aprendizaje se realizó a través de un programa de computadora que le permitió seguir las lecciones a su propio ritmo, volver a aprender temas problemáticos y realizar exámenes para evaluar su progreso antes de las pruebas oficiales. El programa usó un método de enseñanza muy interactivo que te hizo hacer clic, ingresar números y manipular modelos constantemente. Obtuve un A + en esa clase, así como los cursos de matemáticas posteriores que tomé utilizando el mismo método.

    “El modelo de interacción aquí está más cerca de un videojuego que de un libro de texto”.

    La moraleja aquí es que para algunos de nosotros, hay algo mágico en el aprendizaje guiado por computadora. En lugar de absorber información de forma pasiva, te sumerges en ella. Su progreso se verifica continuamente para que no pueda continuar a menos que esté realmente aprendiendo el material. Además, su trabajo no es verificado por un humano intimidante sino por una máquina que no lo juzgará por seguir la misma lección una y otra vez. El modelo de interacción aquí está más cerca de un videojuego que de un libro de texto.

    Este sorprendente estilo de enseñanza se está adaptando al mundo del desarrollo web con algunos resultados impresionantes. Hay una nueva generación de aplicaciones web que lo guían a través de todo el proceso de aprendizaje del desarrollo web, desde HTML y CSS hasta JavaScript, PHP y Ruby on Rails. Los procesos de configuración técnica y molestos son inexistentes y su trabajo se verifica en cada paso. Simplemente lee una lección rápida, luego escribe en un terminal en pantalla que se asegura de que lo está haciendo bien.

    Aprendiendo estilo

    El estilo de aprendizaje aquí es obviamente un enfoque muy práctico. Si tiene un período de atención corto y se aburre fácilmente, incluso una instrucción de video bien producida puede ser casi imposible de leer. El método interactivo solicita su opinión en cada paso y mantiene su interés también o mejor que cualquier otro modelo de aprendizaje que haya visto.

    “El método interactivo mantiene su interés también o mejor que cualquier otro modelo de aprendizaje que haya visto”.

    Este método también es excelente si eres un aprendiz particularmente rápido o lento. Si recopila la información rápidamente, puede leer el contenido a la vez que lo aprende, no solo leyéndolo. Por el contrario, si su proceso de aprendizaje es bastante lento, ¡a la computadora no le importa! Puede ingresar la respuesta equivocada una y otra vez y seguirá obteniendo más oportunidades, y es fácil hacer clic en atrás y seguir una lección anterior en cualquier momento.

    Si te gustan los juegos, te encantará este método. Sus resultados se guardan, su progreso a lo largo del curso se rastrea y se informa y, a menudo, incluso se trabaja para obtener puntuaciones altas y trofeos o distintivos.

    La línea de fondo

    Si prefieres pasar un día frente a tu Xbox que con tu nariz en un libro, entonces este método de aprendizaje podría resonar particularmente bien contigo. Aprender se convierte en un juego para ser derrotado y el contenido aburrido cobra vida. Hay algunas opciones gratuitas y premium aquí, por lo que no importa cuál sea su presupuesto, puede comenzar con este método hoy.

    5. híbrido

    Para algunos, uno de los métodos anteriores se destaca lejos de los demás como la mejor manera absoluta de aprender. Pero seamos realistas, su experiencia de aprendizaje típica incluirá más de uno de estos estilos de aprendizaje. No sienta la necesidad de permanecer dentro de un área, si ninguno de ellos tiene interés o proporciona lo que necesita, salte un poco.

    Por ejemplo, me gusta ver cursos de video, pero también típicamente tengo un libro en mi escritorio que cubre el tema que estoy aprendiendo. Saltar entre los dos me ayuda a mantenerme interesado y me permite profundizar más de lo que podría con una sola fuente.

    Tu objetivo debe ser encontrar no solo tu estilo de aprendizaje más exitoso, sino también la combinación de recursos que te llevará a aprender la habilidad que te propusiste. Nada es más frustrante que intentar una y otra vez aprender algo y, al final, no salir mejor. Crear un plan de aprendizaje personalizado podría ser justo lo que necesita para terminar el ciclo de frustración.

    ¿Como aprendiste?

    El mensaje que estoy tratando de transmitir aquí es que puedes aprender sobre desarrollo web, independientemente de tus éxitos y fracasos pasados. A veces, algo tan simple como un estilo de aprendizaje es todo lo que te detiene. Explorar sus intereses y las formas preferidas de aprender puede mejorar dramáticamente sus probabilidades de éxito.

    Asegúrese de tomarse un tiempo para considerar todos los métodos anteriores y encontrar el que más le convenga. A menudo es útil eliminar aquellos que sabe que no funcionarán y usarlos como punto de partida para elegir nuevas técnicas para probar.

    Fuente: 5 maneras de aprender diseño web: ¿cuál es el adecuado para usted?

    10 maneras de aprender diseño en línea con un presupuesto de $ 1000

    Aprender diseño es una experiencia divertida y agradable. Aprender cómo se hacen las fuentes, qué diseños se ven atractivos en tarjetas de presentación, anuncios, pancartas y otros materiales promocionales son prácticas de aprendizaje adicionales para usted y para su propio negocio. Ser educado en diseño tiene numerosos beneficios, especialmente si posee un negocio de diseño o cualquier otro negocio. Si conoce los fundamentos básicos del diseño, podrá utilizar ese conocimiento para crear sus propios proyectos y utilizarlo para su beneficio personal y comercial. También es una buena idea que empiece a explorar la industria del diseño independiente, que es, con mucho, uno de los servicios en línea con mayores ingresos en la actualidad.

    El diseño de aprendizaje ya no está conformado dentro de las cuatro paredes de un aula. La tecnología, la computadora y el Internet han acercado el aprendizaje a todos los que desean aprender y mejorar sus habilidades en diseño. Esto es para hacer frente a la creciente demanda de diseños visuales en diferentes industrias de hoy. Algunas personas tienen la clara impresión de que el aprendizaje es costoso, especialmente cuando se trata de diseño. Afortunadamente, hay cursos en línea asequibles que puede tomar con programas y objetivos similares a los de los cursos de diseño ofrecidos en universidades y colegios.

    Estos cursos en línea le permiten aprender diseño por tan solo $ 1000, dependiendo de los cursos que prefiera. Entre los programas que se ofrecen están Photoshop, Illustrator, InDesign, Acrobat, Typography, CSS e incluso habilidades básicas en HTML.

    Los siguientes son 10 cursos de diseño en línea que puede tomar en consideración para todas sus necesidades de aprendizaje.

    1. Udacity Aprender lo básico de todos los diseños

    Udacity es uno de los proveedores de MOOC, junto con otros programas como Coursera y edX en particular. Es uno de los fundamentos de los programas de diseño “Los tres grandes”. Los programas ofrecidos en Udacity son los mejores para los diseñadores gráficos que desean desarrollar y explorar nuevas habilidades en diseño. Esto también es un buen repaso para los profesionales. El curso tiene una duración de 2 semanas – su propio tiempo. Se tarda un promedio de 6 horas por semana para completar el curso. Una de las características de los cursos es el libro de texto virtual creado por Don Norman, un instructor y uno de los ex ejecutivos de Apple. El curso está lleno de aplicaciones educativas e instructivas, como videos, ejercicios de aprendizaje y proyectos de fin de curso para estudiantes. El curso cuenta con más de 52,000 estudiantes de diseño de todo el mundo.

    2. Pluralsight

    Para cursos de computación gráfica, Pluralsight es el sitio para usted. Pluralsight ofrece una serie de videos cortos que suelen durar 20 minutos o menos y que analizan los elementos del diseño gráfico como el espacio, alias, letras, perspectiva de gráficos lineales y mucho más. Si está interesado en el diseño de software, este es el curso que debe tomar. También hay programas para aprendizaje avanzado y habilidades en este curso en línea. Se ofrece una suscripción mensual a Digital Tutors a $ 29, una buena oferta para el aprendizaje de diseño como este.

    3. Casa del árbol para las fundaciones básicas de Photoshop.

    Treehouse también ofrece excelentes cursos de diseño que serán de gran experiencia de aprendizaje para tus habilidades de diseño. Una suscripción mensual para Treehouse es de $ 25 por mes o $ 49 por mes para aquellos que son miembros pro. Ofrecen juicios durante 14 días. Una vez que haya completado la prueba, podrá acceder a sus cientos de otros cursos de diseño. Sus cursos incluyen el uso básico de capas de Photoshop, enmascaramiento, herramientas y pruebas al final de cada curso.

    4. Lynda.com , una experiencia de aprendizaje en Photoshop CS6 Essential Training

    Aprenda Photoshop en Lynda.com: tutoriales y capacitación en video en línea y sea parte de 90,000 estudiantes en todo el mundo. Todo lo que tienes que hacer es ver una serie de videos compilados en clips de 10 horas. Esto le introducirá a los fundamentos y conceptos básicos que abarca Photoshop en su conjunto. Este curso se concentra en programas como Adobe Bridge, el tratamiento en tomas de cámara sin procesar y otras funciones básicas antes de lanzar sus fotos para enmascaramiento, series de capas, filtros y otros procesos. Se ofrece por tan solo $ 25 por mes de suscripción.

    5. Tuts + , una introducción de aprendizaje a Photoshop CS6 para diseñadores web

    El curso Tuts + Photoshop CS6 for Web Designers consta de 26 lecciones compiladas en un tutorial de 4 horas. Este curso es una gran experiencia de aprendizaje para desarrollar sus habilidades de Photoshop mientras hace el diseño de una página web. Craig Campbell, un maestro de web y Photoshop facilita este curso. El curso solo cuesta $ 25.

    6. ed2go , una Introducción a Illustrator CS6

    Por solo $ 149, puedes ser un mejor diseñador y aprender una nueva especialización: vectores. La Sra. Sherry London facilita este curso. Dentro de 6 semanas, podrá comprender los aspectos básicos y básicos de Photoshop e Illustrator. También podrá aprender las diferentes técnicas, como el uso de la herramienta Pluma. El curso también ofrece numerosas prácticas para el aprendizaje y desarrollo de su diseño.

    7. Illustrator CC: Más allá de lo básico Kelby One

    Si desea pasar de ser un diseñador principiante a ser un profesional, este curso es el adecuado para usted. Diseñado para los diseñadores gráficos en crecimiento, este curso mejorará sus habilidades como ilustrador. Corey Barker facilita el curso y toma casi 2 horas para terminar. Aquí, podrá comprender los diferentes usos de los pinceles de imagen y numerosos creadores de patrones. Kelby One ofrece numerosos planes de membresía que comienzan en $ 25 por un mes.

    8. Creative Live , InDesign CC para principiantes con Erica Gamet

    Si desea alimentar sus jugos creativos en diseño, aquí está el curso de InDesign para usted. Este curso está compuesto por 22 videos durante dos sesiones. Al comienzo de la sesión, se le ofrecerá información básica sobre InDesign, como elementos de diseños, gráficos, colorantes y diseños de texto, etc. La próxima sesión tratará sobre el ajuste de un texto, el formato de un párrafo, la inserción de tablas y capas. , bibliotecas, etc. Cuando se combinan, estos elementos le brindarán una comprensión más profunda sobre InDesign y las cosas que puede hacer al usarlo. El curso comienza en $ 69.

    9. Lynda.com : la base del funcionamiento y funcionamiento con Acrobat X

    Otro enfoque innovador para aprender de Lynda.com: tutoriales y capacitación en video en línea, en funcionamiento con Acrobat X proporciona una excelente y actualizada compilación de recursos para el aprendizaje de diseño. Este curso lo ayudará a manejar los archivos PDF y otros archivos multimedia para diseños visuales.

    10. Habilidades infinitas : un aprendizaje básico para aprender Adobe Acrobat XI

    Este programa llamado Infinite Skills es un paquete de aprendizaje en línea flexible que puede personalizar según sus preferencias de curso. Está compuesto por un video de 6 horas y media y contiene 58 lecciones sobre la administración de archivos PDF. El destacado Michael Hoffman facilita el curso. Aquí, le muestra cómo asociar archivos, incorporar multimedia y el uso de diferentes contenidos como 3D y otros fondos en sus diseños. El curso cuesta 100 $ y todo vale la pena.

    Fuente: 10 maneras de aprender diseño en línea con un presupuesto de $ 1000

    El primer paso más crítico para convertirse en un diseñador web es aprender a codificar HTML. y Aprender los principios básicos. Intente crear páginas web con Javascript y CSS. La mejor manera es aprender a través de recursos en línea. También puedo sugerirle los mejores cursos en línea de diseño web.

    • HTML CSS JavaScript: las formas más populares de codificar HTML CSS JS
    • Total Frontend Creación de sitios web HTML CSS JavaScript jQuery

    Elige el primer curso. De este curso puedes aprender sobre:

    HTML, CSS y JavaScript son los principales idiomas que debe conocer para crear páginas web estáticas y dinámicas. Este curso lo llevará de ninguna experiencia a profesional en desarrollo web.

    He dividido este curso en tres partes para HTML, CSS y JavaScript. Comenzaremos este curso desde HTML, donde conocerá las etiquetas, los atributos y otros tipos de cosas. Después de completar la parte HTML, tenemos CSS con muchos videos que le enseñarán CSS con gran detalle. Tenemos videos separados para cada propiedad que tenemos en CSS para que pueda obtener la mayor parte del curso. Luego viene la parte de JavaScript, por lo que en esta sección, aprenderá acerca de las secuencias de comandos y cómo hacemos interactividad en las páginas web dinámicas. Junto con el aprendizaje completo, estoy aquí para brindarte un soporte completo en todas las plataformas posibles para que pueda eliminar todas tus dudas tan pronto como se te acerquen. Aprenderás muchas más cosas en este curso.

    Y también … La estructura del documento HTML para HTML 4.01, XHTML y HTML 5

    • Enlaces internos, externos y de anclaje
    • Visualización y estilo de imágenes
    • Modelo de caja CSS y diseño
    • Cómo usar y aplicar el modelo CSS Box al diseño de página
    • Cómo entender y usar la posición de CSS
    • Cómo trabajar con imágenes en CSS
    • Cómo usar CSS Selctors
    • Entender las hojas de estilo en cascada
    • Aprenda los fundamentos de la programación de JavaScript, incluidos los operadores, las declaraciones de control, las funciones y las matrices.
    • Comience con lo básico de JavaScript, que incluye instrucciones de control, funciones, matrices,

    Cursos adicionales en línea:

    • Especialización en Diseño Web para Todos (Fundamentos de Desarrollo Web y Codificación)
    • Todo en uno HTML / HTML5 y CSS / CSS3 Suite en Simplilearn

    TODO LO MEJOR…

    Tal vez un destacado entre los prospectos más dinámicos acerca de ingresar a un campo como la mejora de la web es la capacidad de ingresar de inmediato. ¡No se parece en nada a los numerosos llamamientos que requieren meses o incluso mucho tiempo de preparación, con el avance de la web puede comenzar sin mucho esfuerzo hoy en día, en la remota posibilidad de que sienta el fuego del aprendizaje y la revelación que se cierne bajo sus pies!

    El mejor lugar para comenzar a descubrir cómo las funciones de avance son simplemente los diversos cursos de mejora de Diseño Web en línea gratuitos y guiados que cubren todo, desde conocidos de programación fundamentales con las mejores prácticas de avance. A continuación, investigaremos la crema de los cursos de mejora de la web de rendimiento y presentaremos lo que cada uno puede ofrecerle y una determinación de las mejores conexiones o aparatos a los que mirar.

    descubrirá cómo delinear y ensamblar sitios encantadores al observar los estándares esenciales de configuración, como el marcado, sombreado, hipótesis y tipografía, que son en su mayor parte instrumentales en el procedimiento del plan de un sitio. Asimismo, aprenderá HTML y CSS, que son los dialectos de código básicos en los que se basan todos los sitios actuales. Estas son aptitudes valiosas para obtener, ya que son requeridas por casi todas y cada una de las empresas del planeta para impartir a los clientes. Antes de finalizar esta pista, tendrá todas las habilidades necesarias para delinear y fabricar sus propios sitios o incluso comenzar una profesión con una de las muchas organizaciones que tienen un sitio.

    1. Codecademia

    2. Khan Academy

    3. MIT OpenCourseware

    4. Coursera

    5. Red de desarrolladores de Mozilla

    El mensaje que estoy tratando de cruzar aquí es que puedes aprender Diseño Web , prestando poca atención a tus triunfos y decepciones del pasado. A veces, todo lo que te mantiene deprimido es algo tan sencillo como un estilo de aprendizaje. Investigar sus intereses y los enfoques de aprendizaje con apoyo puede mejorar significativamente sus posibilidades de éxito.

    Asegúrese de tomarse un tiempo para considerar la mayor parte de las diferentes técnicas mencionadas anteriormente y busque la pareja que quizás le resulte más conveniente. Regularmente prescinde de aquellos que sabe que no funcionarán y lo utilizan como una etapa inicial para elegir nuevas estrategias para intentarlo.

    ¿Intenta descubrir cómo aprender Diseño Web en Houston y crear sitios web? El desarrollo web es un campo complejo en el que participar, gracias en parte a sus filosofías y estándares en constante movimiento. Si quieres convertirte en un profesional de la web a tiempo completo, es posible que tengas un viaje lleno de baches.

    Afortunadamente, comenzar tu viaje puede ser algo simple. Hay muchos recursos para ayudarlo a comenzar, incluidos libros, sitios web y herramientas de práctica. Muchas puertas están abiertas para ti, es solo un caso de elegir una y seguir adelante. En este artículo, describiremos tres pasos que explican cómo aprender diseño y desarrollo web. Al final, estarás en el buen camino para convertirte en un profesional de la programación de pleno derecho. ¡Empecemos!

    Cómo aprender diseño web.

    1. Investiga primero.
    2. Aprender los principios básicos.
    3. ¡Práctica práctica práctica!

    Antes de sumergirse en el campo del desarrollo web, primero querrá reducir sus objetivos. Esta es una industria grande y multifacética, por lo que es importante averiguar en qué nichos específicos le gustaría trabajar. ¿Diseño gráfico? ¿Desarrollo de WordPress? ¿O algo completamente distinto? Querrás profundizar en las áreas que despiertan tu interés.

    Desarrollarás un camino enfocado y ganarás una ventaja en tu campo elegido. Este paso no tiene que ser complicado, ya que simplemente está tratando de identificar algo que desea explorar más. Para hacerlo, puedes:

    • Lee algunos de los clásicos libros de desarrollo web y diseño.
    • Visita sitios y busca elementos de diseño que te atraigan.
    • Aprenda a inspeccionar el código en otros sitios web. Usted querrá analizar cómo funcionan y hacer una conjetura acerca de por qué se construyeron de esa manera.

    Investigaciones como esta a menudo pueden brindarle más información sobre lo que no desea hacer, que es una manera fácil de trabajar con sus opciones. Sin embargo, no tiene que limitar su elección a un solo ganador en esta etapa. Siempre y cuando tengas algunas ideas claras sobre en qué te gustaría involucrarte, estarás listo para pasar al siguiente paso.

    Al igual que en cualquier otra industria, hay ciertos fundamentos de desarrollo y diseño que forman una base básica para el campo. Aprender esto te dará una comprensión sólida de por qué estás haciendo algo, en lugar de simplemente copiar el trabajo de otros. También aumentará la calidad de sus decisiones y le permitirá hablar con autoridad ante futuros clientes.

    No podemos cubrir todos los aspectos de cómo aprender los fundamentos de diseño y desarrollo web, pero aquí hay algunos puntos de partida sólidos para comenzar:

    • Codificar las mejores prácticas. Hay un montón de recursos de empresas líderes en importantes estándares de codificación. Por ejemplo, Google tiene un sitio web dedicado para desarrolladores que presenta las últimas actualizaciones y comparte los conceptos básicos de la programación.
    • Plano de diseño. Sin esta habilidad fundamental, las experiencias de navegación de sus visitantes se verían gravemente obstaculizadas. Desea crear un diseño que sea intuitivo y visualmente atractivo.
    • Tipografía y teoría del color. Esto puede ser bastante el agujero del conejo. Al menos querrá basarse en los conceptos básicos de la elección de la tipografía y la teoría del color antes de llegar demasiado lejos.
    • Experiencia de usuario (UX) e interfaz de usuario (UI). Esta es otra área vasta ya veces compleja. Si bien leer un artículo de calidad o dos puede ser un buen comienzo, es posible que desee tomar un curso adecuado si esta es un área sobre la que desea obtener más información.

    También querrá estar al tanto de las tendencias de diseño que surgen con el tiempo y leer acerca de cómo trabajan otros desarrolladores.

    La industria de la educación en diseño web ha explotado de un pequeño nicho a una fuerza poderosa y en continua expansión. Innumerables personas en todo el planeta están interesadas en aprender sobre cómo crear y diseñar sitios web, y muchas compañías están prometiendo la solución definitiva.

    La buena noticia para usted es que el aumento de la competencia en este campo es una gran cosa para los clientes. Tiene más opciones que nunca para aprender casi todo lo que quiera saber sobre tecnologías web. Sin embargo, la gran pregunta es, con tantas opciones disponibles, ¿cuál es la correcta para usted? Revisaremos una serie de estrategias diferentes que se utilizan para enseñar el desarrollo web y analizaremos cómo puede descubrir la más adecuada para su estilo de aprendizaje único. También incluiremos algunos recursos para comenzar en cada ruta disponible.

    Tantas opciones!

    Con algunas disciplinas, la parte más difícil del proceso educativo es encontrar recursos de aprendizaje de calidad. Este definitivamente no es el caso con el diseño web. La web está completamente llena de información tanto gratuita como comprable que le enseñará todo lo que hay que saber sobre diseño y desarrollo web.

    Entonces, el problema cambia de uno de escasez a sobreabundancia. Con tanta información disponible, ¿cómo puedes saber por dónde empezar? Sin embargo, antes de responder a esta pregunta, creo que es de vital importancia descubrir qué estilo de aprendizaje es el más efectivo para usted. Una vez que tenga esta información, puede reducir considerablemente sus recursos.

    ¿Por qué eso importa?

    Si alguna vez has intentado y fallado en aprender algo, entonces esta lección debería ser cierta para ti. A veces quieres adquirir una nueva habilidad, pero parece que hay una barrera entre tú y el éxito. ¿Cómo puedes superarlo? En un artículo anterior, te presenté el secreto del profesional independiente para aprender cualquier habilidad nueva, lo que creo firmemente es una excelente manera de obligarte a aprender. Sin embargo, incluso si se ha puesto en la posición sugerida por ese artículo, todavía tiene el proceso de aprendizaje real por delante.

    “Lo más probable es que descubras que, personalmente, tienes más éxito usando algunos métodos que otros”.

    A menudo se reduce a una cuestión de metodología. Los profesionales de la educación descubrieron hace mucho tiempo que las personas difieren en sus estilos de aprendizaje. Algunas personas son aprendices visuales, otras se absorben a través de la lectura y otras no pueden sentir algo hasta que se sumergen en un experimento práctico. Las probabilidades son que encontrará que personalmente tiene más éxito usando algunos métodos que otros.

    La clave, entonces, es descubrir con qué método de aprendizaje tiende a tener más éxito y encontrar recursos que se centren en la enseñanza a través de este método. En lugar de realizar una búsqueda aleatoria en Google que conduzca a horas y horas de intentos de aprendizaje fallidos, intente hacer una elección educada sobre cómo aprender el diseño web. Hacerlo literalmente podría significar la diferencia entre otro intento fallido y una nueva carrera emocionante.

    1. escuela

    Aunque tiendo a centrarme en soluciones informales de aprendizaje independiente basadas en la web, nunca descontaría el valor de una educación formal. Para empezar, una universidad o incluso un título universitario comunitario puede darle a tu currículum el impulso que necesita para conseguirte ese increíble trabajo.

    Los títulos de diseño y desarrollo web se están convirtiendo rápidamente en algo omnipresente. Hay una buena probabilidad de que las principales escuelas en su área ofrezcan algo en esta área. Todas las escuelas que valen la pena tienen un sitio web que enumera los títulos y certificados disponibles, además de algunas estimaciones del nivel de inversión financiera que puede esperar realizar, así que asegúrese de que los sitios web de las universidades locales sean su primera parada. Comprensiblemente, un título universitario o universitario es la ruta más costosa que puede tomar, pero también puede ser una de las más gratificantes.

    ¿Deberías volver a la escuela?

    Obviamente, si estás a punto de ingresar a la universidad y necesitas un título, entonces esta opción es el territorio principal para ti. Me concentraré en las personas para quienes esta decisión podría no ser tan simple: aquellos que piensan volver a la escuela.

    Si eres un adulto que ha estado en el mundo laboral durante algún tiempo, la decisión de volver o no a la escuela es difícil. ¿Los duros sacrificios de tiempo y dinero se pagarán al final? A veces lo hacen, otras veces no lo hacen.

    Si no tiene un título formal de ningún tipo, le recomiendo que obtenga uno. Los empleadores potenciales a menudo solo quieren ver que estás comprometido lo suficiente como para llegar a la universidad sin darte por vencido.

    Si tiene un título universitario, pero no en el desarrollo web, es posible que tenga mucho éxito aprendiendo por su cuenta. Cada vez más, la industria web está comenzando a valorar la experiencia y la capacidad sobre la educación formal. Salte a aprender por su cuenta, tome algunos empleos de bajo presupuesto para dar inicio a su carrera y luego ascienda en la escalera a través del trabajo independiente o el mundo corporativo.

    Si descubre que la falta de un título en desarrollo web lo está frenando, debería pensar en obtener uno. De lo contrario, su tiempo y recursos podrían ser mejor gastados en la experiencia del mundo real. Incluso podría considerar elegir una clase o dos donde lo necesite y saltarse el grado completo.

    Aprendiendo estilo

    Ya sea que vayas con un título en línea o en persona, los métodos de enseñanza probablemente incorporarán varios o incluso todos los otros estilos a continuación. Sin embargo, el método de la escuela tiene algunas ventajas únicas, especialmente si estás en un aula real con un instructor presente.

    Algunos de nosotros aprendemos mejor por nuestra cuenta, avanzando a nuestro propio ritmo. Sin embargo, la triste verdad es que el aprendizaje autoguiado es muy difícil. A menudo es mucho más fácil tomar una nueva disciplina si alguien te está empujando para que lo hagas. La escuela aprovecha el factor de estrés para inducir el aprendizaje, un truco que funciona tan bien que todo nuestro sistema educativo se basa en él.

    “A menudo es mucho más fácil aprender una nueva disciplina si alguien te está presionando para que lo hagas”.

    Con la escuela tienes tareas, plazos, proyectos a plazo y un horario estructurado. O te mantienes al día o abandonas. Si necesitas aprender muchas cosas extremadamente bien en un corto período de tiempo, casi no hay mejor manera de hacerlo que una clase formal.

    Además, la instrucción en persona es un método rico de aprendizaje que le brinda la capacidad única de hacer preguntas y obtener ayuda donde la necesita, a menudo en una conversación individualizada. Esto es algo que es extremadamente difícil o casi imposible de encontrar en el mundo de la educación en línea gratuita e incluso premium.

    La línea de fondo

    Si tiene un presupuesto decente, aprenda mejor en un entorno estructurado, tenga un buen desempeño bajo presión y valore la instrucción cara a cara donde puede hacer muchas preguntas, la escuela es su mejor opción.

    2. lectura

    La instrucción escrita es la chispa que encendió el fuego en la educación de diseño web. El blog de diseño humilde comenzó como una idea novedosa y se ha elevado a alturas impresionantes. Incluso estos se basan en el éxito de un método mucho más antiguo: los libros. Érase una vez, cuando alguien quería aprender algo, un viaje a la biblioteca y / o librería, fue el primer paso en el proceso (no Google).

    La lectura es una forma atemporal de aprender algo, simplemente nunca pasará de moda sin importar qué tecnología de fantasía se presente. En una sociedad altamente alfabetizada, a menudo es el método a seguir para la instrucción autoguiada. No es la forma más interactiva o emocionante de aprender algo, pero a menudo es la más efectiva por varias razones.

    Aprendiendo estilo

    Los materiales de aprendizaje escritos son difíciles de superar desde una perspectiva de eficiencia. La velocidad de lectura de la persona promedio es mucho más rápida que la velocidad de habla de la persona promedio, por lo que puede acumular mucha más educación en un lapso de tiempo más corto que con la instrucción hablada.

    Por esta razón, la instrucción escrita a menudo es mucho más profunda que otros métodos. Los libros sobre desarrollo web tienden a ser tomos masivos que son bastante exhaustivos y cubren todos los aspectos de su tema. Incluso una serie de videos bastante larga sobre el mismo tema probablemente no cubra una décima parte del material.

    “Los materiales de aprendizaje escritos son difíciles de superar desde una perspectiva de eficiencia”.

    Incluso si no desea leer un libro masivo e integral sobre un tema, a menudo la lectura sigue siendo el método a seguir. Los blogs de diseño como el que está leyendo ahora brindan oportunidades de aprendizaje diarias que pueden guiarlo en cada paso de su carrera, desde escribir su primera línea de HTML hasta mantener su habilidad avanzada actualizada y relevante.

    La desventaja de la lectura es que puede ser aburrido si eres el tipo de persona que tiende a favorecer la multimedia. Un obstáculo aún mayor es, obviamente, su nivel de comprensión lectora. No tiene por qué avergonzarse, la simple verdad es que muchas personas simplemente no absorben y retienen información a través de la lectura. Si nunca ha leído una publicación de blog completa (incluida esta) sin adelgazar y se encuentra durmiendo en un libro más que volteando sus páginas, ¡la lectura podría no ser el camino a seguir!

    La línea de fondo

    Los materiales de instrucción basados ​​en la lectura son perfectos si tiene un alto nivel de comprensión y retención de la lectura. Las opciones aquí se encuentran en ambos extremos del espectro de tiempo: la lectura puede proporcionarle la instrucción más breve y rápida posible y las sesiones de aprendizaje más largas y profundas que pueda desear. La lectura es también el método más popular utilizado para la instrucción gratuita, por lo que si su presupuesto es inexistente, los blogs y otros recursos en línea son el camino a seguir.

    Leer es para las masas, pero no confunda esa afirmación como una implicación de que hay algo mal con usted si esta no es la mejor manera de aprender. No pierda el tiempo en la biblioteca si los libros grandes lo intimidan o aburren, en su lugar, busque un método de aprendizaje que haga uso de su interés en métodos de comunicación más ricos.

    Recursos para retirar

    Un libro aparte
    Como uno de los editores de libros para profesionales de la web más reconocidos, A Book Apart crea exámenes muy detallados y meticulosamente editados de temas individuales. Son breves, no requieren demasiado esfuerzo para sumergirse y cubren HTML5, CSS3, estrategia de contenido, diseño web sensible y más.

    Biblioteca de smashing
    The Smashing Library es una gran colección de libros creados por Smashing Magazine y otros autores que cubren una gran variedad de temas de diseño web. Divertido, amigable y accesible es el nombre del juego aquí.

    3. Video Instrucción

    Los videos instructivos han existido durante casi tanto tiempo como las cámaras de video. El concepto no es nada nuevo y la efectividad ha sido probada durante varias décadas. Si necesita una prueba, tenga en cuenta que la mayoría de nosotros nunca soñaríamos con comprar y leer un libro de ciencia, pero tan pronto como aparece un canal de ciencia en nuestro televisor, estamos cautivados durante horas y horas.

    La instrucción basada en video en la comunidad de desarrollo web tampoco es nueva, pero la instrucción de video seria, profunda y de alta calidad definitivamente no ha alcanzado el nivel de saturación de los blogs de diseño escritos. Esto se debe a que los materiales de aprendizaje de video son increíblemente intensivos en recursos para producir. El equipo, el conocimiento, el software y el tiempo necesarios para crear un producto valioso sirven como una alta barrera de entrada para cualquier persona que quiera ingresar a este mercado.

    Por esta razón, los productos que existen tienden a ser bastante caros. El método actualmente popular es vender una suscripción de forma mensual o anual. Usted paga una cierta tarifa cada mes y, a su vez, se le otorga acceso a una gran cantidad de contenido de video. Es como Netflix para la educación web.

    Aprendiendo estilo

    El estilo de aprendizaje aquí es muy visual. Si no te interesan los libros y te das cuenta de que a menudo no puedes hacerte leer siquiera una breve publicación en el blog, la instrucción en video ofrece una solución asombrosa y, a menudo, bastante entretenida.

    “Si crees que ver a una persona escribir código durante una hora va a ser emocionante, te sorprenderás mucho con la realidad”.

    Esto no significa que no te aburrirás. Si crees que ver a una persona escribir código durante una hora va a ser emocionante, te sorprenderás mucho con la realidad. Por esta razón, el instructor que dirige los videos hace toda la diferencia en el mundo. Los tipos como Jeffrey Way y Chris Coyier tienen la capacidad de hacer que la experiencia educativa sea interesante, mientras que otros instructores, lamentablemente, hablan sin parar con una voz monótona que lo mete en un coma profundo del que hay pocas esperanzas de regresar.

    Obviamente, la instrucción en video también marca la casilla de aprendizaje auditivo. Algunas personas pueden leer algo cientos de veces y no retener la información, pero tan pronto como la escuchan, quedarán atrapadas en su cerebro para siempre. Si esto te suena, los cursos de video probablemente serán la mejor ruta para ti. Existen soluciones puras de audio como podcasts, pero son más para discusión general. Es casi imposible aprender código o diseñar sin ver qué es lo que está haciendo el instructor.

    Una última cosa a considerar es que la instrucción en video puede llevar mucho tiempo. Los cursos a menudo se dividen en segmentos de cinco a diez minutos, pero en general pasarán horas y horas viendo videos para absorber la cantidad de información que probablemente pueda obtener de un libro en la mitad de tiempo.

    La línea de fondo

    Si su televisor está constantemente sintonizado con programas de ciencia, historia o tecnología educativa, entonces probablemente disfrutará aprendiendo a través de la instrucción en video. Si crees que los libros son escasos, entonces definitivamente debes revisar este método de aprendizaje.

    Los videos son ideales si puedes bloquear porciones específicas de tiempo para aprender en un ambiente tranquilo. Si está abrumado por todas las opciones de lectura disponibles, se sentirá reconfortado por el hecho de que solo hay unos pocos recursos de video realmente buenos disponibles en este momento para el aprendizaje del desarrollo web. Solo tenga en cuenta que las opciones realmente completas se basan casi exclusivamente en suscripciones.

    Recursos para revisar

    Tuts +
    He trabajado de manera constante con la gente de Tuts + a lo largo de los años, por lo que soy un poco parcial, pero creo que es una de las mejores opciones para cualquier persona que quiera aprender sobre diseño y desarrollo web. Desde $ 29 por mes, tienes acceso a una gran cantidad de tutoriales exclusivos, tanto escritos como en video. ¡Están agregando contenido semanalmente para que su membresía solo mejore con el tiempo!

    Lynda
    Lynda es uno de los recursos en línea más antiguos y completos para aprender casi cualquier cosa técnica. Usted paga una tarifa de suscripción considerable, pero vale la pena acceder a su extensa biblioteca de videos de aprendizaje que abarcan toneladas de temas. Aprenda HTML y CSS, domine Photoshop, tome un curso sobre producción de video y, finalmente, empiece a desarrollar la idea de la aplicación para iPhone que ha tenido en mente.

    4. Interactivo

    Cuando estaba en la universidad, me inscribí en un curso de matemáticas con un viejo y forzado profesor dispuesto a fallar en la mayor cantidad posible de estudiantes. La instrucción fue rápida y las preguntas casi nunca fueron toleradas. Si no entendiste, no perteneces allí.

    En consecuencia, dejé la clase e intenté nuevamente usando un formato diferente. Mi escuela tenía estos cursos de aprendizaje basados ​​en computadora donde un instructor estaba presente, pero solo para apoyo. La mayor parte del aprendizaje se realizó a través de un programa de computadora que le permitió seguir las lecciones a su propio ritmo, volver a aprender temas problemáticos y realizar exámenes para evaluar su progreso antes de las pruebas oficiales. El programa usó un método de enseñanza muy interactivo que te hizo hacer clic, ingresar números y manipular modelos constantemente. Obtuve un A + en esa clase, así como los cursos de matemáticas posteriores que tomé utilizando el mismo método.

    “El modelo de interacción aquí está más cerca de un videojuego que de un libro de texto”.

    La moraleja aquí es que para algunos de nosotros, hay algo mágico en el aprendizaje guiado por computadora. En lugar de absorber información de forma pasiva, te sumerges en ella. Su progreso se verifica continuamente para que no pueda continuar a menos que esté realmente aprendiendo el material. Además, su trabajo no es verificado por un humano intimidante sino por una máquina que no lo juzgará por seguir la misma lección una y otra vez. El modelo de interacción aquí está más cerca de un videojuego que de un libro de texto.

    Este sorprendente estilo de enseñanza se está adaptando al mundo del desarrollo web con algunos resultados impresionantes. Hay una nueva generación de aplicaciones web que lo guían a través de todo el proceso de aprendizaje del desarrollo web, desde HTML y CSS hasta JavaScript, PHP y Ruby on Rails. Los procesos de configuración técnica y molestos son inexistentes y su trabajo se verifica en cada paso. Simplemente lee una lección rápida, luego escribe en un terminal en pantalla que se asegura de que lo está haciendo bien.

    Aprendiendo estilo

    El estilo de aprendizaje aquí es obviamente un enfoque muy práctico. Si tiene un período de atención corto y se aburre fácilmente, incluso una instrucción de video bien producida puede ser casi imposible de leer. El método interactivo solicita su opinión en cada paso y mantiene su interés también o mejor que cualquier otro modelo de aprendizaje que haya visto.

    “El método interactivo mantiene su interés también o mejor que cualquier otro modelo de aprendizaje que haya visto”.

    Este método también es excelente si eres un aprendiz particularmente rápido o lento. Si recopila la información rápidamente, puede leer el contenido a la vez que lo aprende, no solo leyéndolo. Por el contrario, si su proceso de aprendizaje es bastante lento, ¡a la computadora no le importa! Puede ingresar la respuesta equivocada una y otra vez y seguirá obteniendo más oportunidades, y es fácil hacer clic en atrás y seguir una lección anterior en cualquier momento.

    Si te gustan los juegos, te encantará este método. Sus resultados se guardan, su progreso a lo largo del curso se rastrea y se informa y, a menudo, incluso se trabaja para obtener puntuaciones altas y trofeos o distintivos.

    La línea de fondo

    Si prefieres pasar un día frente a tu Xbox que con tu nariz en un libro, entonces este método de aprendizaje podría resonar particularmente bien contigo. Aprender se convierte en un juego para ser derrotado y el contenido aburrido cobra vida. Hay algunas opciones gratuitas y premium aquí, por lo que no importa cuál sea su presupuesto, puede comenzar con este método hoy.

    Recursos para revisar

    Codecademia
    Me encanta este sitio web. Es un recurso fantástico y actualmente gratuito que es pequeño pero está creciendo rápidamente. Aquí puedes aprender programación y / o desarrollo de sitios web. a través de una serie de cursos interactivos que le enseñan pequeños fragmentos de información a la vez y le permiten escribir el código usted mismo. Codecademy verifica sus respuestas y lo guía a través del proceso de aprendizaje de una manera completamente agradable y accesible. De hecho, es tan fácil de usar que incluso les dije a mis padres que lo comprobaran.

    Código de la escuela
    Code School es una especie de versión premium pagada del modelo de Codecademy. Por $ 29 al mes, obtienes acceso a varios cursos interactivos sobre desarrollo web y programación. Usted ingresa el código directamente en el navegador al igual que con Codecademy, pero el lado de aprendizaje es más sólido e incluye algunos videos y contenido gráfico de excelente producción.

    5. híbrido

    Para algunos, uno de los métodos anteriores se destaca lejos de los demás como la mejor manera absoluta de aprender. Pero seamos realistas, su experiencia de aprendizaje típica incluirá más de uno de estos estilos de aprendizaje. No sienta la necesidad de permanecer dentro de un área, si ninguno de ellos tiene interés o proporciona lo que necesita, salte un poco.

    Por ejemplo, me gusta ver cursos de video, pero también típicamente tengo un libro en mi escritorio que cubre el tema que estoy aprendiendo. Saltar entre los dos me ayuda a mantenerme interesado y me permite profundizar más de lo que podría con una sola fuente.

    Tu objetivo debe ser encontrar no solo tu estilo de aprendizaje más exitoso, sino también la combinación de recursos que te llevará a aprender la habilidad que te propusiste. Nada es más frustrante que intentar una y otra vez aprender algo y, al final, no salir mejor. Construir un plan de aprendizaje personalizado podría ser justo lo que necesita para terminar el ciclo de frustración.

    En realidad no hay una “mejor manera” de aprender diseño web. Todos tienden a aprender de manera diferente, pero les di algunos consejos para que la misma pregunta sobre diseño gráfico y diseño web y diseño gráfico vaya de la mano. Aquí hay algunos buenos métodos:

    1. Inspiración : marque las mejores galerías de inspiración de diseño web y revíselas constantemente para buscar nuevas inspiraciones. También visita páginas que no tienen nada que ver con el diseño web. Decir, como las mejores arquitecturas, los mejores diseños de muebles y otras cosas que realmente te inspiran. No se trata solo de ver grandes sitios web, a veces incluso la naturaleza puede inspirarte y, de repente, las ideas comienzan a fluir en tu cabeza.

    2. Obtenga retroalimentación : diseñe algo, pula hasta el punto en el que piense que es absolutamente genial y luego obtenga alguna retroalimentación para él. A veces te derriban, pero debes tener la fuerza para volver a empezar y hacerlo de nuevo. En mi opinión, la retroalimentación es la mejor manera de mejorar. Y siempre recuerda ser humilde.

    3. Tutoriales – Luche a su manera a través de muchos tutoriales sobre diseño web y al mismo tiempo que aprende las herramientas para el comercio.

    4. Diseño con rejillas – Verificación: Sistema de rejillas 960

    5. Leer : obtenga libros sobre diseño web y léalos para inspirarse y hacer técnicas.

    6. Establezca metas : siempre tenga algo o alguien a quien admirar y decir “¡Quiero ser tan bueno!”. De esa manera tienes metas y esas metas te empujan hacia adelante.

    7. No lo fuerce , si le falta inspiración, no empiece a empujar. respire hondo o salga a caminar. El gran trabajo no viene con forzar tu camino hacia la meta.

    Espero que esto ayude.

    Cuando se habla del diseño web, el primer sitio web que viene a la mente son los tutoriales web en línea de W3Schools. Pero hay tutoriales disponibles que son mucho mejores que w3schools. Creo que puedes considerar

    Aprende a Codificar HTML y CSS

    Aprender a codificar

    Aprende a codificar haciendo | Código de Escuela {Pagado]

    Comienza a aprender en la casa del árbol gratis [pagado]

    Internstreet | Aprenda diseño y desarrollo web de desarrolladores senior [Curso pagado, asequible y dirigido por un mentor]

    Puedes elegir el curso de acuerdo a tu flexibilidad.

    Ya que estás entrando en el curso de diseño web, también es mejor aprender el lado del diseño.

    Las lecciones de diseño para todos, organizadas por los mejores diseñadores, son uno de los mejores tutoriales para eso.

    Debes seguir los blogs desde donde puedes inspirarte más sobre el diseño web y los sitios web bellamente diseñados.

    Awwwards – Premios del sitio web – Mejores tendencias de diseño web

    Codrops | Recursos útiles e inspiración para mentes creativas.

    Puedes hacerme ping para más enlaces. Yo te ayudare

    Le sugiero que dedique un poco de tiempo a leer los principios de diseño inicialmente y luego elija cualquier software / herramienta. Personalmente sugiero comenzar con No me hagas pensar: un enfoque de sentido común para la usabilidad web. Siempre dé UX más prioridad como comapare a la UI. Comience con un software moderno como sketch 3, atomic, UXPin, etc.
    Use Behance o Dribble para inspirarse y exhibir su trabajo. Elija una ruta, ya sea Código o Diseño. Si quieres codificar, entonces aprende JavaScript y está disponible en plataformas como Meteor, AngularJS, React, etc. porque creo que JavaScript será la próxima gran cosa. Si usted quiere ir totalmente en Diseño, no hay necesidad de aprender ningún idioma, pero debe saber qué es posible y qué no es posible implementar.

    Otros han enviado muchas buenas respuestas. El punto de Ben sobre el aprendizaje de los fundamentos del diseño es importante. Los programas e idiomas que utilizamos son herramientas importantes que necesitamos para crear sitios, pero entender primero los fundamentos del diseño le permitirá crear sitios que sean más efectivos para transmitir sus mensajes, lograr sus objetivos y satisfacer a los visitantes del sitio.

    Tomaría algunas clases sobre teoría del diseño en las que aprende más sobre diseño, teoría del color, tipografía, etc.

    Si ofrecieran clases sobre interfaces de usuario y experiencia de usuario, también las tomaría.

    Volviendo a la cuestión de los programas / idiomas, los aprendí en este orden:

    Pagemaker (finalmente reemplazado por InDesign)
    A mano alzada (ya no es compatible, así que usa Illustrator)
    Photoshop
    HTML
    CSS
    Destello
    Javascript / jQuery
    PHP

    He dejado de lado algunas cosas que ya no uso, aunque tampoco he usado Flash en mucho tiempo.

    Probablemente sea mayor que tú, así que aprendí algunas de estas cosas antes de que existiera la Web, pero todavía las uso para la Web.

    InDesign: lo uso para crear sitemaps y wireframes, así como documentación para los clientes. También lo uso para escribir propuestas de proyectos.

    Illustrator: los gráficos vectoriales son útiles para crear dibujos de líneas, logotipos y otras cosas. Estamos viendo un mayor uso de gráficos vectoriales en la web ahora, pero también puede copiarlos en Photoshop y Flash para producir .jpgs, .pngs y, en este último caso, archivos .swf.

    PHP: en estos días construyo la mayoría de los sitios en WordPress, que usa PHP. (Lo mismo ocurre con Drupal y Joomla, entre otros). También he usado PHP en sitios más “estáticos” para incluir archivos y hacer cosas poco complicadas como mostrar un mensaje personalizado según la hora del día.

    Si se inclinara más hacia un entorno de Microsoft, podría considerar el sitio oficial de Microsoft ASP.NET. Hago muy poco con eso, pero otros lo usan.

    Si bien aún no los he usado (soy más un desarrollador de aplicaciones frontales), a continuación, también podría considerar Ruby Programming Language y Ruby on Rails o Welcome to Python.org.

    Debes comenzar a utilizar HTML 5 ahora. Es solo la última versión de HTML, por lo que no es necesario que pienses que es algo separado.

    ¡Buena suerte!

    El diseño web es bastante complejo y desalentador, pero con el desarrollo de Internet y la tecnología, el diseño web se desborda como nunca antes. Por lo tanto, convertirse en un diseñador web se ha convertido en la principal tendencia entre los jóvenes diseñadores. Hoy, te guiaré sobre cómo aprender brevemente el diseño web en casa.

    1. Primero, debes saber sobre que es el diseño web?

    Visual + interacción = núcleo de diseño web

    Muchos diseñadores jóvenes a menudo malinterpretan el concepto de diseño web, el diseño web se trata de diseño, no de codificación y desarrollo front-end. Por supuesto, sería genial si conociera algún lenguaje de codificación (HTML, CSS, Java), pero no puede profundizar en el desarrollo de aplicaciones para usuario, ya que no es el núcleo del diseño web. El diseño web es resolver los problemas de comunicación entre los usuarios y la información de la página web.

    2. 9 habilidades de diseño web diseñador joven debe dominar

    Domina las reglas básicas del diseño visual.

    Para aprender el diseño de la disposición.

    Aprender los principios del color.

    Dominar los conocimientos básicos de diseño de interacción.

    Tienes que dominar el PS y otra herramienta de maqueta de interfaz de usuario web

    Comprender el lenguaje de codificación básico (HTML, CSS).

    Familiarizado con el producto de la empresa y el grupo de usuarios.

    Al menos, un maestro del software de edición de codificación de front-end, me gustaría recomendar el Dreamweaver

    Saber sobre el SEO

    3. Cinco elementos del diseño web.

    Diseño, color, gráficos, fuente, contenido.

    4. Cómo aprender diseño web en casa.

    Una publicación no puede incluir toda la información, por lo que aquí presentaré un sitio web de aprendizaje para guiarte paso a paso.

    Diseño web de aprendizaje de libros :

    1. HTML y CSS: Diseñar y construir sitios web

    2. Aprendizaje de diseño web: una guía para principiantes

    3. No me hagas pensar: un enfoque de sentido común para la usabilidad web

    4. Aprender a hacer funcionales las páginas web.

    5. Diseñar con estándares web

    Diseño web cursos de aprendizaje en línea :

    Casa del árbol

    Lynda

    Udemy

    Blogs de diseño web:

    1. Revista Smashing

    2. Mockplus blog

    3. Webdesigner Depot

    4. Webdesignledger

    5. BIBLIOTECA DE DISEÑO WEB

    6. Hacking UI

    7. 1stwebdesigner

    8. WEBAPPERS

    Codificación:

    1. W3Schools

    Para aprender el lenguaje de codificación básico, incluye : HTML y CSS con un lenguaje sencillo para enseñarte.

    2. Google Code University

    Otro sitio web de aprendizaje de codificación creado por el desarrollador de Google.

    3.Código Avengers

    Me gusta este sitio web de aprendizaje, porque es como una gran aventura que te permite participar en su programa de desafío de codificación y en la búsqueda de errores.

    HTML y CSS:

    30 días para aprender HTML y CSS

    Una guía para principiantes de HTML y CSS

    No temas a internet

    Conclusión:

    No importa en qué posición se encuentre, el aprendizaje es la única forma de lograr su objetivo. Si quieres saber cómo aprender el diseño web en casa, todo lo que tienes que saber es lo anterior. Deja de perder tu tiempo en Facebook o Twitter para buscar respuestas. Puede crear su círculo de diseño allí, pero no puede ser un diseñador web si trabaja alrededor. Te deseo buena suerte.

    Gracias por la A2A.

    Esta es una pregunta que es bastante común entre los novatos. Aunque hay tantos recursos disponibles en línea, pero es obvio tener una confusión como principiante.

    Lo que puedo sugerir es que tome una decisión de acuerdo con su capacidad y recursos.

    En primer lugar, para comenzar con el diseño web, debe sentirse cómodo con el diseño y la codificación en HTML y CSS.

    Lecciones de diseño para todos, organizadas por los mejores diseñadores: pista GRATUITA para obtener los fundamentos del diseño

    Para el HTML y CSS puede elegir de acuerdo a su preferencia.

    Si usted es alguien a quien le gusta leer de un libro, le recomiendo que descargue el libro de John Duckett. Compre HTML y CSS: Diseñe y cree sitios web Reserve en línea a precios bajos en la India

    Si está interesado en la codificación mientras aprende, puede consultar el curso GRATUITO de Learn to code haciendo | Código de la escuela

    También puedes aprender GRATIS de los documentos de Mozilla mdn. Es muy bueno.

    HTML – HTML

    CSS – CSS

    Si desea tener un mentor personal y aprender uno a uno de un diseñador web de alto nivel, creo que debería probar el curso de diseño web de Internstreet Learn Web Design Online | Internstreet.

    Editar – Acabo de ver que Internstreet proporciona el 50% en todos los cursos.

    Si te gusta tener capacitación en línea sin conexión en lugar de cursos en línea, deberías intentar ver algunos buenos institutos de capacitación en tu localidad, pero personalmente no lo recomiendo solo porque la mayoría de las cosas que enseñan son anticuadas o antiguas.

    Espero que esto ayude. Si no, simplemente puede comentar sus más preguntas y seguramente le responderé.

    Había estado en una situación similar hace unos 5 años y encontré el sitio web de Lynda muy útil. Sugeriré ir con HTML y PHP, porque son muy fáciles de aprender, son de código abierto y tienen un buen soporte comunitario. He encontrado algunos videos tutoriales relevantes y fáciles de entender para ti en Lynda. Verlos enumerados a continuación. Puede que necesites desembolsar algo de dinero en la licencia mensual de Lynda, pero vale la pena. Una vez que sepa lo básico a través de estos videos, puede tomar la ayuda de YoueTube para encontrar tutoriales de video relevantes para usted. Espero que ayude. 🙂

    http://www.lynda.com/HTML-tutori…

    http://www.lynda.com/Web-Web-Des…

    http://www.lynda.com/WordPress-t

    http://www.lynda.com/Joomla-tuto

    Esperamos conocer tu experiencia. 🙂

    PS: Y sí, te sugiero que encuentres mejores videos para ti en Lynda. Los que mencioné anteriormente son pocos, los encontré rápidamente.

    Saludos
    Ashish Mittal