Como aprender diseño web

Algunas buenas respuestas aquí. Respaldo la opinión del usuario de Quora de que necesita aprender 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 todos comienzan a aprender HTML / CSS, Photoshop, Dreamweaver.

Y lo están haciendo casi completamente mal.

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

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

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

Manteniéndose al día con la analogía, esto significa que necesita 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 crea sitios web, esto significa que, en el sentido más amplio, está resolviendo un problema comercial .

Existe un sitio web para alcanzar un objetivo comercial.

Los usuarios de un sitio web también vienen con 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 tantos usuarios como sea posible cumplan el objetivo comercial y ayudar a los usuarios a navegar por el sitio web para que puedan cumplir su propio objetivo.

Por ejemplo, está 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 pagar, lo más rápido posible.

Una gran parte del proceso de diseño consiste en resolver el problema, construir 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 tomes deben ser dictados 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 lo ayuda a tomar decisiones informadas .

Un proceso de diseño web en pocas palabras

  1. Define el proyecto. Sumérgete en el proyecto y conoce más sobre:
    1. Su propósito, resultados previstos para las partes interesadas
    2. Sus (futuros) usuarios
    3. La experiencia prevista para sus usuarios / visitantes
    4. La marca detrás del proyecto.
  2. Adquirir los recursos necesarios. Obtenga contenido (de muestra) (pida prestado de sitios similares o pregúntele al cliente)
  3. Dar forma al contenido
    1. Elija un tipo de letra para componer 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 (usando Type Scale – A Visual Calculator)
    4. Dibuje diferentes diseños según 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ños de encabezado, márgenes inferiores, columnas (si es necesario)
    6. Aplicar color de acuerdo con la directriz de la marca.

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

Te animo a que pruebes y diseñes una sola página usando el proceso anterior. Piensa en el objetivo del sitio web. Piensa 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 hacerles la vida más fácil?

Instrucciones cortas:

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

Pasos detallados:

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

Sugerencia: no use Smashing Magazine y otras fuentes de información del tamaño de un bocado 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 estoy afiliado a Cooper).

Sugerencia: use herramientas interesantes como Sketch; te dará algunos puntos extra cuando estés buscando trabajo. Adobe Photoshop no es genial.

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

Pista: haz que algo funcione. No puedes aprender mucho resolviendo problemas resueltos por un complemento de WordPress. Cree 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 de lo que se hace ahora.

    Paso 4. Lea 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 la tendrá. Me gusta el libro llamado Remote Research.

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

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

    Paso 6. Durante la prueba, aprende a no interrumpir a los usuarios y a no 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. Arreglalo.

    Paso 9. Ve al paso 5.


    ¿Se siente bien?

    ¿Y sabes que? ¡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 siente ahora es la tranquilidad que la mayoría de los diseñadores web nunca logran.

    Un sitio web como el escaparate de una empresa. Si un diseñador web puede diseñar el sitio web de manera exquisita o no, decide cuánto tiempo los usuarios eligen permanecer en su sitio web. Para atraer suficientes usuarios de su empresa, un diseño web excepcional es esencial. Los diseñadores web son alguien que se encarga de diseñar y crear las páginas web. Para ser sincero, diseñar un sitio web no es un trabajo fácil, ya que deben dominar muchas habilidades. Aunque no es tan profesional como un desarrollador web, aún necesita estar familiarizado con el código HTML, el diseño, el uso de colores, el flash e incluso las habilidades de escritura, por lo que definitivamente puede ser llamado como un talento completo en algunos formas. Ser un buen diseñador web puede recibir altos salarios hoy en día, por lo que cada vez más personas quieren cambiar sus trabajos y convertirse en diseñadores web. Hoy, hago una lista de 5 requisitos cruciales para convertirse en 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 entendido mal este nombre de “diseñador web”, piensan que el trabajo de ellos es el mismo que el de un diseñador gráfico que comúnmente se llama diseñador de arte. Tengo que decir que está totalmente mal. 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 el sitio web en esencia. Y también puede usar HTML para crear una web poderosa combinándola con otras habilidades web, como lenguaje de scripting, CGI, módulos, etc.

    2.Familiaridad con 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 también, herramientas de diseño web como Dreamweaver. Además, antes de que se publique la web terminada, los diseñadores web generalmente necesitan hacer un 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. Por lo tanto, se supone que debe ser lo suficientemente sensible al mercado que está posicionando. En otras palabras, debe hacer enormes investigaciones sobre la tendencia de su industria y sus competidores. Aprovechar exactamente lo que le importa a la gente 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 la cantidad de usuarios objetivo y en las vistas del sitio web.

    4. Estética brillante

    Como dice el viejo refrán, la ropa hace al hombre. La apariencia es siempre lo primero que realmente le importa a la gente. Si no tienes buen aspecto, las personas raras quieren saber tu contenido. Es lo mismo para un diseñador web cuando está diseñando. Las carteras de diseño web adecuadas y el uso adecuado de los colores dan como resultado una experiencia de usuario cómoda, lo que hace que se olviden de irse. Por el contrario, la estructura metálica musgosa y los colores contradictorios los harían irse sin dudarlo y nunca ingresar a su sitio web. Serían efectos negativos 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 avanzas, estarías limpio en esta sociedad. Un buen diseñador web necesita adquirir constantemente nuevos conocimientos y habilidades, porque le ayuda a mantener una sensación de frescura de su trabajo y hacer que sus clientes sientan su espíritu empresarial.

    Conclusión

    Finalmente, 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ía. 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 usar marcos, bibliotecas, CMS de código abierto como WordPress, Drupal o Joomla, entonces su trabajo se reducirá por usted.

    Diseño web vs desarrollo web

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

    El diseño web generalmente se considera el front end de un sitio web. Cómo se ve y se siente el sitio web. La experiencia del usuario o la interfaz.

    Un diseñador web suele ser alguien creativo y con buen 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 suele 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 back-end del sitio web y quizás algo de JavaScript para el front-end.

    Un desarrollador web suele ser alguien que se enfoca en crear la funcionalidad del sitio web. Tratar cosas como validar y desinfectar la entrada del usuario de un formulario, hacer que el sitio web funcione con una base de datos como MySQL, que 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 y Ruby on Rails
    • Java
    • MySQL
    • etc.

    Desarrollador web Full Stack

    Según su pregunta, parece que está interesado en ser un desarrollador web Full Stack, que es alguien que trabaja tanto con el front-end como con el back-end.

    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 distintos idiomas es algo similar pero lo suficientemente diferente como para causar algunos problemas si no está 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 Full Stack?

    Lleva tiempo y no deberías intentar saltar de un idioma hasta que tengas una sólida comprensión del 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 se codifica correctamente. Considera esto como la piel en la parte superior de tu esqueleto.
    • JavaScript: esto es lo que le ayuda a crear efectos especiales para su sitio como controles deslizantes, ventanas emergentes y mucho más
    • PHP o Python, etc. – Hay muchos lenguajes del lado del servidor para elegir. Un lenguaje del lado del servidor es lo que se ocupa de la funcionalidad de un sitio web y normalmente lo maneja el servidor.
    • MySQL: esta es una base de datos similar a Excel pero significativamente más potente. No le estoy haciendo justicia a MySQL al compararlo con Excel, pero solo se usa como ejemplo.

    Opcional

    Una vez que comprenda completamente las cosas que mencioné anteriormente, debe aprender algunas cosas adicionales que lo harán más productivo y eficiente.

    • Git – software de control de versiones
    • Grunt or Gulp: administradores de tareas que lo ayudan a automatizar muchas cosas en su flujo de trabajo
    • Línea de comando: esta es la terminal o 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 pirateable para el Atom del siglo XXI
    • Servidor local: MAMP, WAMP o XAMPP son buenos. Esto le ayuda a trabajar con idiomas del lado del servidor que requieren un servidor web.
    • Computadora: no deje que la guerra de computadoras lo desactive, puede desarrollar en Windows, Mac y Linux sin ningún problema.

    Recursos de aprendizaje

    • Tutoriales web en línea de W3Schools
    • Sitio web PHP preprocesador de hipertexto
    • Red de desarrolladores de Mozilla
    • Video tutoriales y capacitación en línea
    • Comience a aprender en Treehouse gratis
    • Desarrollador en línea ilimitado, TI y capacitación creativa

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

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

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

    Obviamente no serás un profesional, pero podrás armar algo funcional.

    Cortes Cortos

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

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

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

    Esperemos que esto ayude y Happy Coding.

    Fuente arriba

    Puse en papel 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 terminando con la preparación e implementación de su diseño.

    • 1. PLANIFICACIÓN – La gran parte del aisberg

    Al pasar más tiempo planeando nuestro sitio web, tendremos que pasar exponencialmente menos tiempo ejecutándolo.

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

    b) ¿Quién usará el sitio?

    c) ¿Qué esperas que hagan cuando lo visiten?

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

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

    1.1. Usabilidad

    a) ¿Qué es la usabilidad?

    b) familiaridad

    c) Experiencia del usuario

    d) Empatía

    Fuente recomendable: no me hagas pensar – Steve Krug

    7 razones para unirse a la IDF: aprenda un excelente diseño de experiencia de usuario: obtenga 1 mes de descuento en su membresía con la Interaction Design Foundation

    1.2. Contenido

    a) ¿Qué debemos incluir?

    · Identidad (Logotipo – 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

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

    a) Objetivos comerciales

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

    · Generando nuevos leads

    · Ventas en línea

    · Proporcionar noticias

    · Construir una marca: minimizar la tasa consolidada del sitio

    b) Medición del éxito

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

    · Despedida de boletines

    · Seguidores sociales

    c) claridad

    • 2. CONCEPTOS DE DISEÑO

    · No copie el trabajo de otra persona.

    · No trabajes hacia atrás desde una conclusión inevitable

    · No use todas las campanas y silbatos 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

    · Crea 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 su singularidad y permanezca memorable

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

    · Longevidad: tomar 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 Visualizar 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 y blogs de Wireframing:

    · https://balsamiq.com

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

    · http://webwithoutwords.com

    · https://www.wirify.com

    2.4. Rejillas

    a) ¿Qué hay de bueno en 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 cuadrículas para ajustar la estructura a su diseño

    · Ponen orden en el caos y te quitan la carga de la toma de decisiones

    b) La anatomía de una cuadrícula.

    · Márgenes, columnas, filas, canalones.

    c) El sistema de cuadrícula 960

    · http://960.gs

    d) Cuadrículas de referencia

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

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

    a) Convenios

    · El comportamiento y la estructura que los usuarios de la interfaz de usuario esperan a lo largo del tiempo

    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, siendo considerado como los bits que faltan en el diseño. En realidad, define los elementos que ocupan el espacio positivo en su diseño.

    · Al utilizar los espacios en blanco correctamente, puede enfocarse en lo que es realmente importante.

    · Márgenes, relleno alrededor de los objetos.

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

    • 3. Elementos del sitio

    3.1. Fondo y texturas

    · Ayudan al diseño a ganar carácter y definir el estado de ánimo, con suerte haciéndolo memorable

    3.2. Tipografía web

    3.3. Formas

    3.4. Sección de pie de página

    · En términos de recibir atención, el pie de página ocupa un segundo lugar cercano al primer bit de la parte superior

    4. Preparando su diseño

    · ¿Qué es la preparación?

    o En los viejos tiempos. Los sitios web se construyeron con tablas. Era un flujo de trabajo muy lento que consistía en cortar pequeños trozos de imágenes y usarlas para decorar y formar diseños de tabla complejos. Casi cada pulgada del diseño de PSD requirió cortar y guardar para crear una página web.

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

    o Por supuesto, todos los navegadores están en uso. Por lo tanto, cuando utilice técnicas modernas de CSS, deberá incluir opciones de reserva, 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 dependerán de 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 sprites suele ser una única imagen de mapa de bits comprendida en 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 personaje en todos los estados posibles y luego se utilizan para animar a las aves.

    o El mismo principio se puede aplicar al diseño web. Puede colocar todos o una 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 enmascarando efectivamente la hoja con nuestro elemento.

    · ¿Por qué una hoja de Sprite?

    o Optimizar el tamaño del archivo

    o Organización

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

    Fuentes recomendables:

    http://spriteme.org

    4.3. Organización

    · Estructura de directorios

    · Convenciones de nombres

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

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

    • 5. Implementando su diseño

    5.1. Elegir tu editor de codificación

    · Lo que se necesita: al construir un sitio web, hay dos cosas que se necesitan 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 capaz

    · 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, cargándolo directamente a la web una vez que se completa la edición. Aplicaciones como esa se conocen como IDE – Entornos de desarrollo integrado

    5.2. El modelo de estándares web

    · Tiene como objetivo resolver todos los problemas de clavado manifestados en diseños basados ​​en tablas, que generalmente incluían cualquier estilo en línea

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

    · Divide aspectos del diseño web en capas:

    o Estructura – HTML

    o Estilo – CSS

    o Comportamiento – Java Script

    o este enfoque lleva 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)

    · Agarra jQuery

    o jQuery

    · Complemento Grab Slideshow

    o http://jquery.malsup.com

    · Conectarlo

    5.7. Más comportamiento

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

    o En buena forma: del lado del servidor; Lado del cliente (mediante Java Script); Lado del cliente (HTML

    · Nuestro formulario CSS

    · Nuestro formulario de validación

    5.8 Pruebas de navegador de cuervos

    · Instalar 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 utilizando 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 del navegador Crows se deben realizar con frecuencia, después de cada cambio importante

    5.9. Google analitico

    · Configurarlo

    o utilizado para rastrear el tráfico

    o se necesita una cuenta de Google

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

    Diseño visual
    La web puede ser un medio complicado. Hay algunos traspasos del diseño de impresión y comunicación, pero tendrá que aprender cosas como 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

    • UI-Patrones
    • 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 pegar, 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ños de alta fidelidad son 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 taller, hay varios recursos en línea disponibles a su propio ritmo.

    • lynda.com
    • skillshare.com

    Revisión y crítica
    En general, la mejor manera de aprender es producir la mayor cantidad de trabajo posible y obtener comentarios al respecto. 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 a administrar clientes y descubrir 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 necesita ser un investigador de usuarios para ser 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 para aumentar la tasa de suscripción u obtener más vistas.

    1. escuela

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

    Los grados de diseño y desarrollo web se están volviendo bastante ubicuos rápidamente. Existe una buena posibilidad de que las principales escuelas de su área ofrezcan algo en esta área. Cada escuela que vale la pena tiene un sitio web que enumera los títulos y certificados disponibles además de algunas estimaciones para el nivel de inversión financiera que puede esperar hacer, así que asegúrese de que los sitios web de las universidades locales sean su primera parada. Es comprensible que un título universitario o universitario sea la ruta más cara que puede tomar, pero también puede ser una de las más gratificantes.

    Aprendiendo estilo

    Ya sea que vaya a obtener 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 se encuentra 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 elegir una nueva disciplina si alguien te está presionando para que lo hagas. La escuela aprovecha en gran medida 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 elegir una nueva disciplina si alguien te está presionando para que lo hagas”.

    Con la escuela tienes tarea, plazos, proyectos a término y un horario estructurado. O te mantienes al día o abandonas. Si necesita 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 de aprendizaje enriquecido que le brinda la capacidad única de hacer preguntas y obtener ayuda donde la necesita, a menudo en una conversación individual. Esto es algo 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, aprende mejor en un entorno estructurado, se desempeña bien bajo presión y valora 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 bajo la educación en diseño web. El blog de diseño humilde comenzó como una idea novedosa y ha alcanzado 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, era el primer paso en el proceso (no Google).

    La lectura es una forma intemporal de aprender algo, simplemente nunca pasará de moda sin importar la tecnología sofisticada que se presente. En una sociedad altamente alfabetizada, a menudo es el método de referencia 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 incluir mucha más educación en un período 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 cubrirá 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 y todo incluido sobre un tema, la lectura sigue siendo el método a seguir. Los blogs de diseño (como el que está leyendo ahora) y el blog de Filipinas de diseño web brindan oportunidades de aprendizaje diarias y pequeñas que pueden guiarlo en cada paso de su carrera, desde escribir su primera línea de HTML hasta mantener su conjunto de habilidades avanzadas frescas y relevante.

    La desventaja de la lectura es que puede ser aburrido si eres el tipo de persona que tiende a favorecer la multimedia. Obviamente, un obstáculo aún mayor es su nivel de comprensión lectora. No necesita avergonzarse, la simple verdad es que muchas personas simplemente no absorben y retienen bien la información a través de la lectura. Si nunca has leído una publicación de blog completa (incluida esta) sin leer más y te encuentras durmiendo en un libro más que pasar las 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í caen en ambos extremos del espectro de tiempo: la lectura puede proporcionarle la instrucción más corta y rápida posible y las sesiones de aprendizaje más largas y profundas que pueda desear. La lectura también es sin duda 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.

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

    Recursos para retirar

    Libro HTML y CSS
    Este libro titulado simplemente es un soplo de aire fresco en el mundo de los materiales impresos de aprendizaje para diseñadores web. Es magnífico, completo y está en la parte superior de mi lista de recomendaciones para cualquiera que quiera 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. Instrucciones de video

    Los videos instructivos han existido por casi el mismo tiempo que las cámaras de video. El concepto no es nada nuevo y la eficacia se ha demostrado durante varias décadas. Si necesita pruebas, tenga en cuenta que la mayoría de nosotros nunca soñaría con comprar y leer un libro de ciencias, pero tan pronto como aparezca un canal de ciencias en nuestro televisor, nos cautivará durante horas.

    La instrucción basada en video en la comunidad de desarrollo web ciertamente 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 escrito. Esto se debe a que los materiales de aprendizaje en 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 gran barrera de entrada para cualquiera 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 tiene interés en los libros y descubre que a menudo no puede leer incluso una breve publicación en el blog, las instrucciones en video proporcionan una solución increíble y a menudo bastante entretenida.

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

    Sin embargo, 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á la realidad. Por esta razón, el instructor que dirige los videos marca la diferencia en el mundo. Chicos como Jeffrey Way y Chris Coyier tienen la capacidad de hacer que la experiencia educativa sea interesante, mientras que otros instructores lamentablemente interrumpen sin cesar con una voz monótona que te lleva a un coma profundo del que hay pocas esperanzas de regresar.

    Obviamente, la instrucción en video también marca la casilla del aprendizaje auditivo. Algunas personas pueden leer algo cientos de veces y no retener la información, pero tan pronto como la escuchan, queda encerrada en su cerebro para siempre. Si esto suena como usted, los cursos de video probablemente serán la mejor ruta para usted. Existen soluciones de audio puro como podcasts, pero son más para una discusión general. Es casi imposible aprender código o diseño sin ver lo que hace 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ás horas y horas viendo videos para absorber la cantidad de información que probablemente puedas obtener de un libro en la mitad del tiempo.

    La línea de fondo

    Si su televisor está constantemente sintonizado en programas educativos de ciencia, historia o tecnología, entonces probablemente le guste aprender a través de la instrucción en video. Si crees que los libros son aburridos, entonces definitivamente debes consultar este método de aprendizaje.

    Los videos son ideales si puede bloquear segmentos específicos 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 aprender el 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 profesor empecinado empeñado en reprobar la mayor cantidad de estudiantes posible. La instrucción fue rápida y las preguntas casi nunca fueron toleradas. Si no entendiste, no pertenecías allí.

    En consecuencia, abandoné 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 informático que le permitía pasar las lecciones a su propio ritmo, volver a aprender temas problemáticos y realizar cuestionarios para evaluar su progreso antes de las pruebas oficiales. El programa utilizaba un método de enseñanza muy interactivo que te hacía hacer clic, ingresar números y manipular modelos constantemente. Saqué un A + en esa clase, así como cursos de matemáticas posteriores que tomé con 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 pasivamente, te estás sumergiendo en ella. Su progreso se verifica continuamente para que no pueda continuar a menos que realmente esté aprendiendo el material. Además, su trabajo no es controlado por un humano intimidante sino por una máquina que no lo juzgará por pasar por 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 del proceso completo de aprendizaje del desarrollo web, desde HTML y CSS hasta JavaScript, PHP y Ruby on Rails. Los procesos de configuración molestos y técnicos son inexistentes y su trabajo se verifica en cada paso. Simplemente lea una lección rápida, luego escriba 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 las instrucciones de video bien producidas pueden ser casi imposibles de asimilar. El método interactivo solicita su aporte en cada paso y mantiene su interés igual o mejor que cualquier otro modelo de aprendizaje que haya visto.

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

    Este método también es excelente si eres un alumno particularmente rápido o particularmente lento. Si recoge la información rápidamente, puede navegar rápidamente por el contenido mientras aprende la información, no solo leerla. Por el contrario, si su proceso de aprendizaje es bastante lento, ¡a la computadora no le importa! Puede ingresar la respuesta incorrecta una y otra vez y seguirá teniendo más oportunidades, y es fácil hacer clic de nuevo y pasar por una lección anterior en cualquier momento.

    Si te gustan los juegos, te encantará este método. Sus resultados se guardan, su progreso en el curso se rastrea y se informa y, a menudo, incluso trabaja para obtener puntajes altos y trofeos o insignias.

    La línea de fondo

    Si prefiere pasar un día frente a su Xbox que con la nariz en un libro, entonces este método de aprendizaje podría resonar particularmente bien con usted. El aprendizaje se convierte en un juego invencible y el contenido aburrido cobra vida. Aquí hay algunas opciones gratuitas y premium, así 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 sinceros, su experiencia de aprendizaje típica implicará más de uno de estos estilos de aprendizaje. No sienta la necesidad de permanecer dentro de un área, si ninguno de ellos tiene su interés o proporciona lo que necesita, salte un poco.

    Por ejemplo, me gusta ver cursos en video, pero también 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 la combinación de recursos que finalmente te llevará a aprender la habilidad que te propusiste aprender. Nada es más frustrante que intentar una y otra vez aprender algo y al final no salir mejor para ello. Construirse 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 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 diversos métodos anteriores y encontrar uno o dos que cree que funcionarán mejor para usted. A menudo ayuda eliminar aquellos que sabes que no funcionarán y usarlos como punto de partida para elegir nuevas técnicas para probar.

    Fuente: 5 formas 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 para el caso. 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 comenzar 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 se conforma dentro de las cuatro paredes de un aula. La tecnología, la computadora e Internet han acercado el aprendizaje a todos los que desean aprender y mejorar sus habilidades en diseño. Esto es para abordar la creciente demanda de diseños visuales en diferentes industrias hoy en día. 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 un plan de estudios y objetivos similares a 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 ofrecidos se encuentran 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 tener en cuenta para todas sus necesidades de aprendizaje.

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

    Udacity es uno de los proveedores MOOC más conocidos, junto con otros programas como Coursera y edX en particular. Es uno de los fundamentos de los programas de diseño de “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. Este también es un buen repaso para los profesionales. El curso dura 2 semanas, tu 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 hecho 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ñadores de todo el mundo.

    2. Vista plural

    Para cursos de computación gráfica, Pluralsight es el sitio para usted. Pluralsight ofrece una serie de videos cortos que generalmente demoran 20 minutos o menos y que discuten los elementos del diseño gráfico como el espacio, los alias, las letras, la perspectiva gráfica lineal y mucho más. Si te gusta el diseño de software, este es el curso que debes seguir. También hay programas de aprendizaje avanzado y habilidades en este curso en línea. Se ofrece una suscripción mensual a los tutores digitales a $ 29, una buena oferta para el aprendizaje de diseño como este.

    3. Casa del árbol para fundamentos básicos de Photoshop

    Treehouse también ofrece excelentes cursos de diseño que serán de gran experiencia de aprendizaje para sus 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 pruebas 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 cuestionarios al final de cada curso.

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

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

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

    El curso Tuts + Photoshop CS6 para diseñadores web se compone de 26 lecciones compiladas en un tutorial de 4 horas. Este curso es una gran experiencia de aprendizaje para desarrollar tus habilidades de Photoshop mientras haces un diseño de 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: los vectores. Ms. Sherry London facilita este curso. En 6 semanas, podrá comprender los conceptos básicos y fundamentales 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 su aprendizaje y desarrollo de 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 diseñadores gráficos en crecimiento, este curso mejorará sus habilidades de ilustrador. Corey Barker facilita el curso y tarda casi 2 horas en terminar. Aquí, podrá comprender los diferentes usos de los pinceles de imágenes 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 el diseño, este es el curso de InDesign para usted. Este curso se compone de 22 videos durante la duración de dos sesiones. Al comienzo de la sesión, se le dará una conferencia sobre los conceptos básicos de InDesign, como elementos de diseños, gráficos, colores y diseños textuales, etc. La próxima sesión se tratará de envolver un texto, formatear un párrafo, insertar tablas, 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 : lo básico de Up and Running con Acrobat X

    Otro enfoque innovador para aprender de Lynda.com: Tutoriales y capacitación en video en línea, Up and Running con Acrobat X proporciona una compilación excelente y actualizada de recursos para el aprendizaje del diseño. Este curso lo ayudará a lidiar con 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 flexible de aprendizaje en línea que puede personalizar según sus preferencias de curso. Este se compone de 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 vale la pena.

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

    El primer paso más crítico para convertirse en diseñador web es aprender a codificar HTML. y Aprenda 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: formas más populares de codificar HTML CSS JS
    • Creación total de sitios web frontend HTML CSS JavaScript jQuery

    Elija el primer curso. De este curso puede 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 mucho 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á sobre las secuencias de comandos y cómo hacemos interactividad en páginas web dinámicas. Junto con el aprendizaje completo, estoy aquí para brindarle un soporte completo en todas las plataformas posibles para que pueda eliminar todas sus dudas tan pronto como se acerquen a usted. 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 diseño de imágenes
    • Modelo de caja CSS y diseño
    • Cómo usar y aplicar el modelo de cuadro de CSS al diseño de página
    • Cómo entender y usar la posición CSS
    • Cómo trabajar con imágenes en CSS
    • Cómo usar Selctors CSS
    • Comprender las hojas de estilo en cascada
    • Aprenda los fundamentos de la programación de JavaScript, incluidos operadores, sentencias de control, funciones y matrices.
    • Comience con los conceptos básicos de JavaScript, que incluyen declaraciones de control, funciones, matrices,

    Cursos adicionales en línea:

    • Especialización en diseño web para todos (conceptos básicos de desarrollo web y codificación)
    • Todo en uno HTML / HTML5 y CSS / CSS3 Suite en Simplilearn

    TODO LO MEJOR…

    Quizás una de las perspectivas más estimulantes para ingresar a un campo como la mejora web es la capacidad de ingresar de inmediato. ¡No se parece en nada a las numerosas llamadas que requieren meses o incluso mucho tiempo de preparación, con el avance web puede comenzar sin mucho esfuerzo hoy con la posibilidad de que sienta el fuego del aprendizaje y la revelación bajo sus pies!

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

    descubrirá cómo delinear y ensamblar sitios encantadores al observar los estándares esenciales de configuración, como el marcado, la hipótesis de sombreado y la tipografía, que en su mayor parte son instrumentales en el procedimiento de planificación de un sitio. También 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 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. Codecademy

    2. Academia Khan

    3. MIT OpenCourseware

    4. Coursera

    5. Red de desarrolladores de Mozilla

    El mensaje que estoy tratando de entender en este sentido es que puedes aprender Diseño Web , prestando poca atención a tus triunfos y decepciones anteriores. A veces, algo tan sencillo como un estilo de aprendizaje es todo lo que te mantiene deprimido. Investigar sus intereses y enfoques compatibles para aprender puede mejorar significativamente sus posibilidades de logro.

    Asegúrese de tomarse un tiempo para considerar la mayor parte de las diferentes técnicas anteriores y ubicar tal vez la pareja que cree que funcionará mejor para usted. Con frecuencia prescinde de aquellos que sabe que no funcionarán y los utiliza como una etapa inicial para elegir nuevas estrategias para intentar.

    Afortunadamente, comenzar su 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 desarrollo de diseño de interfaz de usuario web . Al final, estarás en camino de convertirte en un profesional de programación completo. ¡Empecemos!

    Como aprender diseño web

    1. Investigue primero.
    2. Aprende los principios básicos.
    3. ¡Práctica práctica práctica!

    Veamos cada paso con más detalle …

    1. Investigue 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 diferente? Querrás profundizar en las áreas que despiertan tu interés ( cursos de SEO ).

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

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

    • Lea algunos de los libros clásicos de desarrollo web y diseño.
    • Visite sitios, como Awwwards o The Best Designs, y busque elementos de diseño que le atraigan.
    • Aprenda a inspeccionar el código en otros cursos de capacitación de sitios web . Querrá analizar cómo funcionan y adivinar 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 forma fácil de analizar sus opciones. Sin embargo, no tiene que limitar su elección a un solo ganador en esta etapa. Mientras tenga algunas ideas claras sobre en qué le gustaría involucrarse, estará listo para pasar al siguiente paso.

    2. Aprende los principios básicos.

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

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

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

    • Codificación de mejores prácticas. Hay muchos recursos de compañías líderes en estándares de codificación importantes. Por ejemplo, Google tiene un sitio web dedicado para desarrolladores que presenta las últimas actualizaciones y comparte los conceptos básicos de 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.

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

    La buena noticia para usted es que una mayor competencia en este campo es una gran cosa para los clientes. Tiene más opciones que nunca para aprender casi cualquier cosa que desee saber sobre tecnologías web. Sin embargo, la gran pregunta es, con tantas opciones disponibles, ¿cuál es la adecuada para usted? Revisaremos una serie de estrategias diferentes que se utilizan para enseñar el desarrollo web y discutiremos cómo puede determinar cuál es el más apropiado 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á repleta de información gratuita y de compra que le enseñará todo lo que hay que saber sobre diseño y desarrollo web.

    El problema pasa de uno de escasez a un exceso de abundancia. Con tanta información disponible, ¿cómo puedes saber por dónde empezar? Sin embargo, antes de responder esta pregunta, creo que es muy importante 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 no has podido aprender algo, entonces esta lección debería ser cierta contigo. A veces quieres aprender una nueva habilidad, pero parece que hay alguna 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, que creo firmemente es una excelente manera de forzarte a aprender. Sin embargo, incluso si te has puesto en la posición sugerida por ese artículo, todavía tienes 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 absorben a través de la lectura y algunas no pueden sentir algo hasta que cavan con un experimento práctico. Lo más probable es que descubras que personalmente tienes más éxito usando algunos métodos que otros.

    La clave es descubrir con qué estilo 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 una búsqueda aleatoria en Google que lleva a horas y horas de intentos fallidos de aprendizaje, intente elegir educadamente cómo aprende el diseño web. Hacerlo podría significar literalmente 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 descartaría el valor de una educación formal. Para empezar, un título universitario o incluso un colegio comunitario puede darle a su currículum el impulso que necesita para conseguir ese trabajo increíble.

    Los grados de diseño y desarrollo web se están volviendo bastante ubicuos rápidamente. Existe una buena posibilidad de que las principales escuelas de su área ofrezcan algo en esta área. Cada escuela que vale la pena tiene un sitio web que enumera los títulos y certificados disponibles además de algunas estimaciones para el nivel de inversión financiera que puede esperar hacer, así que asegúrese de que los sitios web de las universidades locales sean su primera parada. Es comprensible que un título universitario o universitario sea la ruta más cara que puede tomar, pero también puede ser una de las más gratificantes.

    ¿Deberías volver a la escuela?

    Obviamente, si está a punto de ingresar a la universidad y necesita un título, entonces esta opción es el territorio principal para usted. Sin embargo, me enfocaré en las personas para quienes esta decisión podría no ser tan simple: aquellos que piensan en regresar a la escuela.

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

    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 lo suficientemente comprometido para terminar la universidad sin rendirte.

    Si tienes un título, pero no en desarrollo web, entonces podrías tener mucho éxito aprendiendo por tu cuenta. Cada vez más, la industria web está comenzando a valorar la experiencia y la capacidad sobre la educación formal. Salta al aprendizaje por tu cuenta, toma algunos trabajos de bajo presupuesto para comenzar tu carrera y luego asciende en la escala a través del trabajo independiente o el mundo corporativo.

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

    Aprendiendo estilo

    Ya sea que vaya a obtener 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 se encuentra 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 elegir una nueva disciplina si alguien te está presionando para que lo hagas. La escuela aprovecha en gran medida 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 elegir una nueva disciplina si alguien te está presionando para que lo hagas”.

    Con la escuela tienes tarea, plazos, proyectos a término y un horario estructurado. O te mantienes al día o abandonas. Si necesita 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 de aprendizaje enriquecido que le brinda la capacidad única de hacer preguntas y obtener ayuda donde la necesita, a menudo en una conversación individual. Esto es algo 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, aprende mejor en un entorno estructurado, se desempeña bien bajo presión y valora 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 bajo la educación en diseño web. El blog de diseño humilde comenzó como una idea novedosa y ha alcanzado 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, era el primer paso en el proceso (no Google).

    La lectura es una forma intemporal de aprender algo, simplemente nunca pasará de moda sin importar la tecnología sofisticada que se presente. En una sociedad altamente alfabetizada, a menudo es el método de referencia 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 incluir mucha más educación en un período 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 cubrirá 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 y todo incluido sobre un tema, la lectura sigue siendo el método a seguir. Los blogs de diseño como el que está leyendo ahora le brindan oportunidades diarias de aprendizaje que pueden guiarlo a través de cada paso de su carrera, desde escribir su primera línea de HTML hasta mantener su conjunto de habilidades avanzadas frescas y relevantes.

    La desventaja de la lectura es que puede ser aburrido si eres el tipo de persona que tiende a favorecer la multimedia. Obviamente, un obstáculo aún mayor es su nivel de comprensión lectora. No necesita avergonzarse, la simple verdad es que muchas personas simplemente no absorben y retienen bien la información a través de la lectura. Si nunca has leído una publicación de blog completa (incluida esta) sin leer más y te encuentras durmiendo en un libro más que pasar las 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í caen en ambos extremos del espectro de tiempo: la lectura puede proporcionarle la instrucción más corta y rápida posible y las sesiones de aprendizaje más largas y profundas que pueda desear. La lectura también es sin duda 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.

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

    Recursos para retirar

    Un libro aparte
    A Book Apart, uno de los editores de libros para profesionales en Internet de mayor prestigio, crea exámenes altamente detallados y meticulosamente editados de temas únicos. Son breves, no te esfuerces demasiado en sumergirte y cubren HTML5, CSS3, estrategia de contenido, diseño web receptivo y más.

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

    3. Instrucciones de video

    Los videos instructivos han existido por casi el mismo tiempo que las cámaras de video. El concepto no es nada nuevo y la eficacia se ha demostrado durante varias décadas. Si necesita pruebas, tenga en cuenta que la mayoría de nosotros nunca soñaría con comprar y leer un libro de ciencias, pero tan pronto como aparezca un canal de ciencias en nuestro televisor, nos cautivará durante horas.

    La instrucción basada en video en la comunidad de desarrollo web ciertamente 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 escrito. Esto se debe a que los materiales de aprendizaje en video requieren una gran cantidad de recursos para producir. El equipo, el conocimiento, el software y el tiempo necesarios para crear un producto valioso sirven como una gran barrera de entrada para cualquiera 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 tiene interés en los libros y descubre que a menudo no puede leer incluso una breve publicación en el blog, las instrucciones en video proporcionan una solución increíble y a menudo bastante entretenida.

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

    Sin embargo, 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á la realidad. Por esta razón, el instructor que dirige los videos marca la diferencia en el mundo. Chicos como Jeffrey Way y Chris Coyier tienen la capacidad de hacer que la experiencia educativa sea interesante, mientras que otros instructores lamentablemente interrumpen sin cesar con una voz monótona que te lleva a un coma profundo del que hay pocas esperanzas de regresar.

    Obviamente, la instrucción en video también marca la casilla del aprendizaje auditivo. Algunas personas pueden leer algo cientos de veces y no retener la información, pero tan pronto como la escuchan, queda encerrada en su cerebro para siempre. Si esto suena como usted, los cursos de video probablemente serán la mejor ruta para usted. Existen soluciones de audio puro como podcasts, pero son más para una discusión general. Es casi imposible aprender código o diseño sin ver lo que hace 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ás horas y horas viendo videos para absorber la cantidad de información que probablemente puedas obtener de un libro en la mitad del tiempo.

    La línea de fondo

    Si su televisor está constantemente sintonizado en programas educativos de ciencia, historia o tecnología, entonces probablemente le guste aprender a través de la instrucción en video. Si crees que los libros son aburridos, entonces definitivamente debes consultar este método de aprendizaje.

    Los videos son ideales si puede bloquear segmentos específicos 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 aprender el desarrollo web. Solo tenga en cuenta que las opciones realmente completas se basan casi exclusivamente en suscripciones.

    Recursos para pagar

    Tuts +
    He trabajado constantemente con la gente de Tuts + a lo largo de los años, así que soy un poco parcial, pero creo que es una de las mejores opciones para cualquiera que quiera aprender diseño y desarrollo web. Desde $ 29 por mes, obtienes acceso a una gran cantidad de tutoriales exclusivos, tanto escritos como de 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 abarca toneladas de temas. Aprenda HTML y CSS, domine Photoshop, tome un curso sobre producción de video y finalmente desarrolle la idea de la aplicación para iPhone que ha tenido en su cabeza.

    4. Interactivo

    Cuando estaba en la universidad, me inscribí en un curso de matemáticas con un viejo profesor empecinado empeñado en reprobar la mayor cantidad de estudiantes posible. La instrucción fue rápida y las preguntas casi nunca fueron toleradas. Si no entendiste, no pertenecías allí.

    En consecuencia, abandoné 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 informático que le permitía pasar las lecciones a su propio ritmo, volver a aprender temas problemáticos y realizar cuestionarios para evaluar su progreso antes de las pruebas oficiales. El programa utilizaba un método de enseñanza muy interactivo que te hacía hacer clic, ingresar números y manipular modelos constantemente. Saqué un A + en esa clase, así como cursos de matemáticas posteriores que tomé con 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 pasivamente, te estás sumergiendo en ella. Su progreso se verifica continuamente para que no pueda continuar a menos que realmente esté aprendiendo el material. Además, su trabajo no es controlado por un humano intimidante sino por una máquina que no lo juzgará por pasar por 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 del proceso completo de aprendizaje del desarrollo web, desde HTML y CSS hasta JavaScript, PHP y Ruby on Rails. Los procesos de configuración molestos y técnicos son inexistentes y su trabajo se verifica en cada paso. Simplemente lea una lección rápida, luego escriba 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 las instrucciones de video bien producidas pueden ser casi imposibles de asimilar. El método interactivo solicita su aporte en cada paso y mantiene su interés igual o mejor que cualquier otro modelo de aprendizaje que haya visto.

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

    Este método también es excelente si eres un alumno particularmente rápido o particularmente lento. Si recoge la información rápidamente, puede navegar rápidamente por el contenido mientras aprende la información, no solo leerla. Por el contrario, si su proceso de aprendizaje es bastante lento, ¡a la computadora no le importa! Puede ingresar la respuesta incorrecta una y otra vez y seguirá teniendo más oportunidades, y es fácil hacer clic de nuevo y pasar por una lección anterior en cualquier momento.

    Si te gustan los juegos, te encantará este método. Sus resultados se guardan, su progreso en el curso se rastrea y se informa y, a menudo, incluso trabaja para obtener puntajes altos y trofeos o insignias.

    La línea de fondo

    Si prefiere pasar un día frente a su Xbox que con la nariz en un libro, entonces este método de aprendizaje podría resonar particularmente bien con usted. El aprendizaje se convierte en un juego invencible y el contenido aburrido cobra vida. Aquí hay algunas opciones gratuitas y premium, así que no importa cuál sea su presupuesto, puede comenzar con este método hoy.

    Recursos para pagar

    Codecademy
    Me encanta este sitio web. Es un recurso fantástico y actualmente gratuito que es pequeño pero crece 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 fácilmente accesible. De hecho, es tan fácil de usar que incluso les dije a mis padres que lo revisen.

    Código escolar
    Code School es una especie de versión premium de pago del modelo Codecademy. Por $ 29 por mes, obtienes acceso a varios cursos interactivos sobre desarrollo y programación web. Escribe el código directamente en el navegador como con Codecademy, pero el lado del aprendizaje es más robusto e incluye algunos videos magníficamente producidos y contenido gráfico.

    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 sinceros, su experiencia de aprendizaje típica implicará más de uno de estos estilos de aprendizaje. No sienta la necesidad de permanecer dentro de un área, si ninguno de ellos tiene su interés o proporciona lo que necesita, salte un poco.

    Por ejemplo, me gusta ver cursos en video, pero también 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 la combinación de recursos que finalmente te llevará a aprender la habilidad que te propusiste aprender. Nada es más frustrante que intentar una y otra vez aprender algo y al final no salir mejor para ello. Construirse un plan de aprendizaje personalizado podría ser justo lo que necesita para terminar el ciclo de frustración.

    ¿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 web a tiempo completo, es posible que tengas un viaje lleno de baches.

    Afortunadamente, comenzar su 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 diseño y desarrollo web. Al final, estarás en camino de convertirte en un profesional de programación completo. ¡Empecemos!

    Como aprender diseño web

    1. Investigue primero.
    2. Aprende 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 diferente? Querrá profundizar en las áreas que despiertan su interés.

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

    • Lea algunos de los libros clásicos de desarrollo web y diseño.
    • Visite sitios y busque elementos de diseño que le atraigan.
    • Aprenda a inspeccionar el código en otros sitios web. Querrá analizar cómo funcionan y adivinar 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 forma fácil de analizar sus opciones. Sin embargo, no tiene que limitar su elección a un solo ganador en esta etapa. Mientras tenga algunas ideas claras sobre en qué le gustaría involucrarse, estará listo para pasar al siguiente paso.

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

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

    • Codificación de mejores prácticas. Hay muchos recursos de compañías líderes en estándares de codificación importantes. Por ejemplo, Google tiene un sitio web dedicado para desarrolladores que presenta las últimas actualizaciones y comparte los conceptos básicos de 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 la madriguera 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ás mantenerte al tanto de las tendencias de diseño que surjan con el tiempo y tomarte un tiempo para leer sobre cómo funcionan otros desarrolladores.

    En realidad no hay una “mejor manera” de aprender diseño web. Todos tienden a aprender de manera diferente, pero di algunos consejos para la misma pregunta sobre diseño gráfico y diseño web, y el diseño gráfico va 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 verifíquelas constantemente para obtener nueva inspiración. Visite también páginas que no tienen nada que ver con el diseño web. Digamos, 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 comentarios : diseñe algo, púlselo hasta el punto en que piense que es absolutamente genial y luego obtenga algunos comentarios al respecto. A veces te derriban, pero debes tener la fuerza para comenzar de nuevo y hacerlo de nuevo. En mi opinión, los comentarios son la mejor manera de mejorar. Y recuerda siempre ser humilde.

    3. Tutoriales – Ábrete camino a través de muchos tutoriales sobre diseño web y al mismo tiempo aprende las herramientas para el comercio.

    4. Diseño con rejillas – Comprobar: Sistema de rejilla 960

    5. Leer : obtenga libros sobre diseño web y léalos en busca de inspiración y técnicas.

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

    7. No lo fuerces : si te falta inspiración, no comiences a empujar. respire profundamente o salga a caminar. Un gran trabajo no viene con forzar tu camino hacia la meta.

    Espero que esto ayude.

    Cuando habla sobre el 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

    Aprende a codificar

    Aprende a codificar haciendo | Código escolar {pagado]

    Comience a aprender en Treehouse gratis [pago]

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

    Puedes elegir el curso de acuerdo a tu flexibilidad.

    Dado que vas a ingresar al curso de diseño web, también es mejor aprender el lado del diseño.

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

    Debe seguir los blogs desde donde podría obtener más inspiración 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

    Te sugiero que pases un poco de tiempo leyendo los principios de diseño inicialmente y luego busques cualquier software / herramienta. Yo personalmente sugiero comenzar con Don’t Make Me Think: Un enfoque de sentido común para la usabilidad web. Siempre dé más prioridad a UX como comapare a la UI. Comience con un software moderno como sketch 3, atomic, UXPin, etc.
    Usa Behance o Dribble para inspirarte y exhibir tu trabajo. Elija una ruta, ya sea Código o Diseño. Si desea hacer codificación, aprenda JavaScript y sus plataformas disponibles como Meteor, AngularJS, React, etc. correctamente porque creo que JavaScript será la próxima gran cosa. Si desea ingresar al diseño, no necesita aprender ningún idioma, pero debe saber qué es posible y qué no es posible implementar.

    Otros han presentado muchas buenas respuestas. El punto de Ben sobre aprender los fundamentos del diseño es importante. Los programas e idiomas que utilizamos son herramientas importantes que necesitamos para crear sitios, pero comprender los fundamentos del diseño primero 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 aprenderá más sobre diseño, teoría del color, tipografía, etc.

    Si ofrecen 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 (eventualmente reemplazado por InDesign)
    A mano alzada (ya no es compatible, así que use 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 soy mayor que tú, así que aprendí algunas de estas cosas antes de que existiera la Web, pero aún las uso para la Web.

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

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

    PHP: actualmente construyo la mayoría de los sitios en WordPress, que usa PHP. (También lo hacen Drupal y Joomla, entre otros). También he usado PHP en sitios más “estáticos” para incluir archivos y hacer pequeñas cosas 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 front-end), también puede considerar el lenguaje de programación Ruby y Ruby on Rails o Bienvenido a Python.org.

    Debería comenzar a usar HTML 5 ahora. Es solo la última versión de HTML, por lo que no necesita pensarlo como 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 en la actualidad. Por lo tanto, convertirse en diseñador web se ha convertido en la principal tendencia entre los diseñadores jóvenes. Hoy, te guiaré brevemente sobre cómo aprender diseño web en casa.

    1. Primero, debe saber qué 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 conoces un lenguaje de codificación (HTML, CSS, Java), pero no puedes profundizar en el desarrollo front-end, ese no es el núcleo del diseño web. El diseño web es para 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 que el joven diseñador debe dominar

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

    Para aprender el diseño del diseño

    Para aprender los principios del color.

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

    Tiene que dominar la PS y otra herramienta de maqueta de IU web

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

    Familiarizado con el producto de la compañía y el grupo de usuarios.

    Al menos, domine uno de los software de edición de codificación front-end, me gustaría recomendar Dreamweaver

    Conoce 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, así que aquí voy a presentar un sitio web de aprendizaje para guiarlo paso a paso.

    Libros de aprendizaje de diseño web:

    1. HTML y CSS: diseño y creación de sitios web

    2. Aprendizaje del 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 que las páginas web funcionen

    5. Diseño con estándares web

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

    Casa del árbol

    Lynda

    Udemy

    Blogs de diseño web:

    1. Smashing Magazine

    2. blog de Mockplus

    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 simple para enseñarle.

    2. Universidad de Google Code

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

    3 Código Vengadores

    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 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, aprender 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 construir su círculo de diseño allí, pero no puede ser un diseñador web al usar herramientas. Te deseo buena suerte.

    Gracias por el 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, seleccionadas por los mejores diseñadores: pista GRATUITA para obtener los fundamentos del diseño

    Para el HTML y CSS, puede elegir según su preferencia.

    Si eres de los que le gusta leer de un libro, entonces puedo recomendarte que descargues el libro de John Duckett. Compra HTML y CSS: diseña y construye sitios web en línea a precios bajos en India

    Si está interesado en la codificación mientras aprende, puede pagar el curso GRATUITO de Aprender a codificar haciendo | Código escolar

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

    HTML – HTML

    CSS – CSS

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

    Editar: acabo de ver que Internstreet proporciona el 50% en todos los cursos.

    Si te gusta tener una capacitación en persona fuera de línea en lugar de cursos en línea, entonces debes tratar de 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 obsoletas o antiguas.

    Espero que esto ayude. Si no, puedes comentar tus más preguntas y seguramente te 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, ya que son muy fáciles de aprender, son de código abierto y tienen un buen soporte de la comunidad. Encontré un video tutorial relevante y fácil de entender para ti en Lynda. Véalos a continuación. Es posible que deba pagar algo de dinero en la licencia mensual de Lynda, pero eso vale la pena. Una vez que conozca los conceptos básicos a través de estos videos, puede tomar la ayuda de YoueTube para encontrar tutoriales en 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 su experiencia. 🙂

    PD: Y sí, te sugiero que encuentres mejores videos para ti en Lynda. Esos, mencionados anteriormente, son pocos, encontré rápidamente.

    Saludos
    Ashish Mittal