Fundamentos del diseño de portafolios [2012] | Ethan Bodnar | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Fundamentos del diseño de portafolios [2012]

teacher avatar Ethan Bodnar, Designer and Gardener. Previously, at Skillshare.

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Contenido y propósito

      4:16

    • 2.

      Plataformas y herramientas

      3:37

    • 3.

      Diseño y temas

      3:13

    • 4.

      Toques finales

      2:16

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

1419

Estudiantes

25

Proyectos

Acerca de esta clase

El proyecto
En esta clase aprenderás a crear tu propio portafolio web para mostrar tu trabajo. Incluiremos desde los fundamentos hasta cómo configurar tu nombre de dominio e instalar temas.

Dinámica de la clase
A lo largo de la clase, podrás recibir comentarios de tus compañeros, hacer preguntas y participar en grupos. Ve a tu propio ritmo: puedes tener tu sitio listo en un fin de semana o repartir el trabajo en varias semanas.

Temas
Esta clase es de nivel principiante y cubrirá lo siguiente:

  • Contenido y propósito (proyectos, páginas y más)
  • Plataformas (Virb, Behance, Cargo, Squarespace, etc.)
  • Diseño (elegir una plantilla o tema, las miniaturas y el branding personal)
  • Toques finales (nombres de dominio y cómo promocionar el sitio)

No incluiremos nada relacionado con HTML, CSS ni programación en la clase. No es necesario que sepas de HTML y CSS para crear un portafolio web que se vea genial.

A quién está dirigida la clase

Diseñadores, fotógrafos, ilustradores y cualquier persona con un portafolio de trabajo creativo que quieran compartir. Es perfecta para estudiantes y graduados recientes que buscan crear sus portafolios web o para quienes ya tienen uno, pero quieren actualizarlo o renovarlo.

Conoce a tu profesor(a)

Teacher Profile Image

Ethan Bodnar

Designer and Gardener. Previously, at Skillshare.

Profesor(a)

Ethan Bodnar is an artist, designer, and gardener in Oakland, California. Previousily, he was an education designer at Skillshare. He served on national board of AIGA and graduated from the Hartford Art School.

Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Contenido y propósito: Oigan a todos. Bienvenido a la clase Skillshare. Me emociona estar hablando hoy con ustedes sobre cómo presentar su portafolio en línea. Sí, solo quiero repasar un par de cosas, lo que vamos a cubrir en esta clase. Vamos a empezar con el contenido y el propósito del sitio y luego vamos a pasar a elegir realmente una plataforma que funcione mejor para ti. Después habla sobre el diseño del sitio y cómo se ve, y envuélvelo con algunos toques finales incluyendo tus nombres de dominio de registro y ese tipo de cosas. También solo para repasar eso, esta es una clase en línea, por lo que a medida que avanzas, puedes estar trabajando en tu proyecto y subiéndolo a la galería de proyectos para obtener comentarios de tus compañeros estudiantes. Después estarás viendo estos videos y revisando la guía del proyecto donde todos los pasos están delineados con mucho detalle ahí también para ti. Sí, sólo un poco sobre mí. Trabajo aquí en Skillshare como decano de la Escuela de Diseño. Estoy muy emocionado de estar impartiendo esta clase. Es algo con lo que llevo un tiempo ayudando a amigos y estoy emocionado de estar compartiéndolo todo con ustedes hoy. La primera unidad es el contenido y propósito. Aquí realmente vamos a estar pensando en el contenido para el sitio. Eso es importante antes de entrar en el diseño del sitio web porque te ayuda a tomar esas decisiones más adelante. Por eso nos estamos acercando a eso desde el primer momento aquí. El primer paso es realmente establecer metas y pensar en lo que estás tratando de lograr con tu sitio web de portafolio. ¿ Estás tratando de conseguir un trabajo? ¿Estás buscando una pasantía? ¿ Estás aquí para encontrar tal vez nuevos clientes freelance, y ese tipo de cosas. Entonces, ¿para qué lo vas a usar? Esas son cosas a tener en cuenta. Creo que lo mejor que se puede hacer es apuntar algunos de estos pensamientos. Puedes referirlos a medida que avanzas por el proyecto. El segundo paso es seleccionar los proyectos reales que vas a estar incluyendo en la página web de tu portafolio. Un par de cosas a tener en cuenta aquí son para comisariar los proyectos que estarás incluyendo. No sientas que tienes que incluir todo lo que has hecho a lo largo de los años, pero realmente escoge algunos proyectos específicos que puedan contar una historia sobre ti mismo y tu trabajo y que se alineen con las metas que fijaste para el sitio. El siguiente paso es recolectar imágenes y copiar el contenido para el sitio. Cosas en las que pensar aquí están obteniendo las mejores imágenes para el sitio. Podría ser, hacen gráficos en movimiento o tal vez que sí diseño de impresión, en cuyo caso podría querer fotografiar que funcionan en esos diferentes ajustes que mejor funciona para ello. Entonces también muchos sitios de portafolio, creo que realmente se centran en las imágenes, pero también es importante conseguir algún contexto de la obra. Esto se puede hacer escribiendo algunas descripciones para ir junto con cada uno de los proyectos. Creo que este es un toque realmente agradable porque permite a cualquiera que esté viendo tu sitio realmente tener una idea de lo que se trataba el proyecto. También puedes hablar del proceso por el que pasaste, algunos de los problemas que resolviste y dar algunos detalles más sobre ese proyecto. Entonces también quieres pensar en agregar páginas adicionales que vas a estar incluyendo en el sitio. Esto puede incluir cosas como tu página Acerca de. También hay otros tipos de páginas, puedes hacer una página de Contacto o página de Servicios, donde podrías enumerar los diferentes tipos de trabajos en los que buscas trabajar. Estos pueden ayudar a pintar un cuadro más completo además del contenido central de su sitio, que son realmente los proyectos. Por último, para esta unidad, vas a querer recolectar algo de inspiración. Se pueden ver algunos ejemplos en línea. Piensa en quién es el artista, o diseñadores, o fotógrafos que admires y echa un vistazo a sus sitios web y ve cómo realmente presentan su trabajo en línea. Recoger esa inspiración y hacer algunas pizarras de humor te ayudarán a medida que avanzas hacia el resto de la clase para que puedas tener una idea de qué más hay en línea ya. A continuación, en el siguiente video, haremos plataformas y herramientas, y con ganas de hacerlo. Gracias. 2. Plataformas y herramientas: Todos, bienvenidos de nuevo a la segunda unidad de la clase Skillshare. En esta unidad, estaremos cubriendo plataformas y herramientas. Cubriremos cuatro plataformas centrales que realmente te ayudan a construir tus sitios web de portafolio. Pensar alrededor de esto es que te permite saltar y empezar realmente en tu sitio en lugar de construirlo desde cero. Estas plataformas proporcionan una interfaz backend que es realmente fácil de usar, que te permite actualizar y editar tu sitio web. Te da las herramientas que necesitas para reconstruir tu sitio y enfocarte en el contenido y no tanto tener que escribir mucho código personalizado. El primer paso de esta unidad es escoger una plataforma. Hay cuatro que vamos a cubrir, pero también hay muchos otros, que he esbozado en la guía de proyectos. Siéntete libre de compartir otros que podrías conocer también. El primero es Cargo. Esta es la que llevo años usando. Un par de detalles sobre Cargo es que son 66 dólares al año, lo cual es bastante bueno. También cuenta con edición avanzada de CSS y HTML. Si realmente quieres meterte ahí y ponerte un poco ardiente, puedes hacer eso. El segundo es Behance. Behance tiene su sitio de red normal, pero también tienen un producto llamado ProSite. Eso te permite crear sitios web de portafolio personalizados que no tienen ninguna marca Behance en él, por lo que se ve igual que tu propio sitio. Un par de detalles sobre Behance es que son 11 dólares al mes. Es realmente agradable porque todavía tienes un perfil en la red Behance más grande también. Se obtiene ese acceso a todas esas otras características que han construido, y también esa comunidad ahí es realmente agradable. El tercero es Virb. Virb ha estado por ahí por un tiempo. Son 10 dólares al mes. Virb es agradable porque tiene un blogging integrado justo en él, y puedes ingresar tu Tumblr Feed y cosas por el estilo. También es de respuesta móvil, por lo que funcionará bien en un teléfono inteligente o un dispositivo tableta. El cuarto es Squarespace. Squarespace lleva un tiempo por ahí. Se conoce como herramienta arrastrar y soltar, por lo que puedes crear tu sitio web con esta interfaz intuitiva. También es sensible. También cuenta con grandes características de comercio electrónico. Si eres un artista que quiere vender grabados o fotografías o piezas de tu obra, tienen realmente una gran integración para eso. Este oscila entre los 8 y los 16 dólares mensuales. Lo siguiente que quieres hacer es inscribirte en realidad para obtener una cuenta. Puedes echar un vistazo a cada uno de esos sitios web y realmente elegir cuál es bueno para ti. Cada uno tiene una larga lista de las diferentes características. La mayoría de ellos que tienen algunas características básicas comunes son las mismas y hay algunas cosas más específicas que acabo de cubrir que podrían ayudarte a elegir cuál es mejor para tu sitio web. Recuerda que estos son en realidad sitios de pago, pero de nuevo, hay algunos otros que están listados en el proyecto y son gratuitos. El tercer paso es subir tu contenido. Adelante en cualquier plataforma que elijas, sube tus proyectos y tus páginas, y no te preocupes por cómo se ve en este punto. Eso no es algo en lo que realmente tengas que pensar a estas alturas. Solo es importante subir el contenido en el sitio y ver cómo se siente con todos los proyectos y páginas que hay allí. A continuación, en realidad nos adentraremos en el diseño del sitio y en los aspectos visuales del mismo. espero con ansias. Gracias. 3. Diseño y temas: Hola a todos, bienvenidos de nuevo a la Unidad 3 de esta clase de Skillshare. En esta unidad, vamos a estar cubriendo diseño y temas para su página web de portafolio. Realmente podemos llegar a entender cómo debe ser y sentirse tu sitio. El primer paso es elegir una plantilla. Debes comenzar con uno que funcione para el contenido, y el propósito de tu sitio, y los objetivos que estás tratando de lograr, y luego puedes personalizarlo desde ahí. Elige uno que puedas construir sobre nosotros a medida que avanzamos. Aquí te dejamos algunos ejemplos que quería compartir contigo. Este es un diseño tradicional, por lo que tienes la columna de la izquierda, que lista todos los proyectos, y también tienes las miniaturas correspondientes en el área principal ahí. Esta es una on [inaudible] Creo y se desplaza izquierda a derecha para que cada columnas sean diferentes proyecto. Este solo una cuadrícula completa por lo que no hay navegación de la mano izquierda o derecha y solo te muestra las miniaturas, así que realmente te enfocas en el trabajo en este. Este es uno que es más de un diseño [inaudible], por lo que no obedece tanto a esa cuadrícula y permite que los proyectos reboten alrededor y estén en diferentes puntos de la página. Esos son algunos ejemplos de temas y plantillas. En el proyecto, he vinculado a las opciones para todos los diferentes temas para cada una de las plataformas. El siguiente paso es elegir las miniaturas del proyecto para su sitio web de cartera. Cosas en las que pensar aquí es cómo funcionan todos juntos y cómo cuando alguien visita el sitio, lo que van a ver con todas tus miniaturas ahí a la vez. Deberían tener bordes bien definidos, no demasiado detallados, y luego también, cuando los estés guardando en Photoshop, guárdalos para web para que el sitio se cargue más rápido. Algunas son bonitas y pequeñas. Aquí te dejamos algunos ejemplos de miniaturas. Vemos a la gente hacer un cierre en tomas de los diferentes proyectos. Acercan algunos detalles y llena esa miniatura muy bien. También puedes incluir como el título del proyecto en la miniatura también. El último paso es agregar en tu marca personal, así que si tienes una, siéntete libre de añadirla en el encabezado. Todas las cuatro plataformas de las que hablamos antes tienen la capacidad de agregar en encabezado personalizado o un logotipo personalizado para su sitio, y esa es una gran manera de agregar toque personal. Pero si no se tiene eso en este punto, no se preocupe en absoluto. Simplemente agregando tu nombre o el nombre de tu sitio y será bueno ir. Aquí te dejamos algunos ejemplos de eso. Las personas tienen diferentes logotipos o estilos diferentes que han utilizado en su branding, algunos logotipos escritos a mano, personales ahí. Whitney Dail en la parte inferior tiene su look y tacto con su diferente tipografía y el resto del sitio tiene las miniaturas debajo de ella. Hay algunas cosas a tener en cuenta a medida que diseñas tus encabezados. A continuación, tenemos los retoques finales. Cubriremos algunas cosas técnicas y terminaremos la página web del portafolio. Gracias. 4. Toques finales: Oigan, todos, bienvenidos de nuevo a la clase de Skillshare. Esta es la Unidad 4, la última de clase. Se trata de Finalizar Toques, un par de cosas diferentes que puedes hacer para que tu sitio web de portafolio esté listo para compartirlo con todos y realmente envolverlo bien. El primero que hay que considerar es Nombres de Dominio. Se tiene un enfoque diferente para hacer esto para cada una de las plataformas y se puede encontrar el cómo guías que son muy específicas para cada una de las plataformas y la guía de proyectos para esta clase. Esta es una gran adición para tu marca personal. Puedes poner tu propio nombre de dominio personalizado en tu tarjeta de visita o tu perfil de Twitter y realmente hacer eso también. Eso son nombres de dominio. El segundo punto a considerar es cómo vas a promocionar y compartir tu página web de portafolio ahora que lo tienes todo listo para ir. Puedes hacer esto agregándolo a tu firma de email para que siempre que enviemos un email, esté justo ahí en la parte inferior y la gente pueda encontrar fácilmente tu trabajo y ver tu portafolio. También puedes incluir en tu perfil de redes sociales, en tu Facebook o en tu feed de Instagram y enviar gente a ver tu trabajo también. El tercero a considerar es cualquier add ons que quieras hacer. La mayoría de estas plataformas, como agregar un blog o una tienda en línea, por lo que sigues contando historias sobre lo que estás trabajando o compartir algunas cosas para que la gente compre. Esa es una forma de seguir construyendo tu sitio web de portafolio y mantenerlo fresco a medida que avanza. El cuarto punto a tener en cuenta es que, asegúrate de actualizar tu página web de portafolio, ahora que lo tienes todo construido. Siempre que estés haciendo tu proyecto o tengas una nueva pieza para compartir con todos, siéntete libre de publicarla en tu página web de portafolio y luego compartir eso que realmente lo has actualizado. Eso puede mantener a la gente regresando y comprobando en qué estás trabajando. Eso lo envuelve más o menos. Muchas gracias por tomar esta clase. Ha sido emocionante tenerlos a todos aquí. Asegúrate de compartir tus proyectos, para obtener comentarios de todos los demás en la clase. Entonces también, por favor deje algunos comentarios sobre la clase también. Me encantaría escuchar lo que has pensado de ello. Muchísimas gracias.