Clase 3: Creacion de borrador en Photoshop.
<------------------ Y de pronto una barra separadora salvaje aparece ----------------->
Esta clase es para mostrar un paso MUY recomendado en diseño web. Se trata de hacer un boceto de como queres que se vea el sitio, pero en photoshop. Sirve para que organizes bien tus ideas y planees las secciones de tu pagina desde un principio, y no cometas errores graves en tu html.
Realizar un borrador, NO ES OBLIGADORIO, ni en exceso necesario, pero para personas como yo, que tienen problemas recordando buenas ideas... les va a servir.
Ademas, por mas que en este caso no sea demasiado util el borrador para guiarnos, ya que tenemos a taringa como ejemplo, en el futuro vas a crear tus propios sitios y hacer un borrador te va a resultar muy util para guiarte al codear el sitio en si.
Hice un video porque me parecio la forma mas facil de explicar y ver el tema, y entiendo que esta hecho sin demasiada prolijidad, pero me di cuenta que si me mataba demasiado el video duraria una semana. Tampoco esta recortado, iva a hacerlo porque hay partes que me quede pensando en boludeces, pero al final no recorte nada porque no se usar bien camstasia, y porque si cortaba algo importante por ahi te sentirias medio perdido, si no sabes usar photoshop.
Esta claro que vos sos mejor artista y vas a poder darle mejores colores a tu pagina de inicio! (No es sarcasmo, cualquiera tiene mejor gusto para los colores que yo =P)
Subi el video en una resolucion muy alta, 1200x900 masomenos, y youtube me lo hizo mierda, y encima solo da la opcion de calidad en 360p, asique por favor, disculpen lo borroso que es, mas tarde puedo hacer un pack con los videos que haga y subirlos a mediafire, si me lo piden lo hago, pero no lo veo taaan necesario.
*En el video digo 20 veces, como un imbecil, qe ciertas cosas las cortaria, me referia a qe las eliminaria del video, para qe dure menos, pero al final no lo hice por las dudas. Perdon.
**En el video, se cortaron, cuando lo exporte en formato de video, unos 50 px de la parte superior, y la parte inferior, por eso no se ve la barra de inicio ni la barra de titulo del programa, ni su barra de herramientas. Me discuplo por eso, no se por que paso, probablemente me mande alguna cagada y ni me entere.
Mientras subia el video, que pesa lo suyo, complete mi boceto (No lo hice en el video porque duraria mas y es al pedo) y quedo asi:
* Cambie el color de los nombres de los posts a #095478. Queda mejor, en mi opinion.
** Tambien achique un poco el menu de usuario.
*** Si arrastras la imagen a la barra de direcciones, o la barra de pestañas, se va a abrir la imagen en tamaño real.
![Creacion de borrador de sitio web en Photoshop [CursoPropio]](https://storage.posteamelo.com/assets-adonis/assets/2013/12/26/tumblr_lyf4u8qSQ11rontti-EgagtcUkGXr.webp)
Se que en el video uso degradados para algunos fondos, pero decidi que es mejor no usar imagenes en el diseño de nuestra pagina, sino que vamos a usar colores planos, para no complicarle demasiado la vida a quien recien comienza. Si ya tenes una minima experiencia supongo que no te va a costar usar imagenes por tu cuenta, aunque si veo que me piden que lo explique no tengo problema en hacerlo.
Los iconos de posts, segun categoria, son algo facil de implementar, pero toma su tiempo hacerlo, considerando la cantidad de categorias que tendria una pagina de link-sharing como esta. No lo considero importante, y para el final del curso espero haberte dado suficientes herramientas como para que seas capaz de implementarlo vos mismo, si es que queres.
<------------------ Y de pronto una barra separadora salvaje aparece ----------------->
Esta clase es para mostrar un paso MUY recomendado en diseño web. Se trata de hacer un boceto de como queres que se vea el sitio, pero en photoshop. Sirve para que organizes bien tus ideas y planees las secciones de tu pagina desde un principio, y no cometas errores graves en tu html.
Realizar un borrador, NO ES OBLIGADORIO, ni en exceso necesario, pero para personas como yo, que tienen problemas recordando buenas ideas... les va a servir.
Ademas, por mas que en este caso no sea demasiado util el borrador para guiarnos, ya que tenemos a taringa como ejemplo, en el futuro vas a crear tus propios sitios y hacer un borrador te va a resultar muy util para guiarte al codear el sitio en si.
<------------------ Y de pronto una barra separadora salvaje aparece ----------------->
Hice un video porque me parecio la forma mas facil de explicar y ver el tema, y entiendo que esta hecho sin demasiada prolijidad, pero me di cuenta que si me mataba demasiado el video duraria una semana. Tampoco esta recortado, iva a hacerlo porque hay partes que me quede pensando en boludeces, pero al final no recorte nada porque no se usar bien camstasia, y porque si cortaba algo importante por ahi te sentirias medio perdido, si no sabes usar photoshop.
Esta claro que vos sos mejor artista y vas a poder darle mejores colores a tu pagina de inicio! (No es sarcasmo, cualquiera tiene mejor gusto para los colores que yo =P)
Subi el video en una resolucion muy alta, 1200x900 masomenos, y youtube me lo hizo mierda, y encima solo da la opcion de calidad en 360p, asique por favor, disculpen lo borroso que es, mas tarde puedo hacer un pack con los videos que haga y subirlos a mediafire, si me lo piden lo hago, pero no lo veo taaan necesario.
*En el video digo 20 veces, como un imbecil, qe ciertas cosas las cortaria, me referia a qe las eliminaria del video, para qe dure menos, pero al final no lo hice por las dudas. Perdon.
**En el video, se cortaron, cuando lo exporte en formato de video, unos 50 px de la parte superior, y la parte inferior, por eso no se ve la barra de inicio ni la barra de titulo del programa, ni su barra de herramientas. Me discuplo por eso, no se por que paso, probablemente me mande alguna cagada y ni me entere.
Mientras subia el video, que pesa lo suyo, complete mi boceto (No lo hice en el video porque duraria mas y es al pedo) y quedo asi:
* Cambie el color de los nombres de los posts a #095478. Queda mejor, en mi opinion.
** Tambien achique un poco el menu de usuario.
*** Si arrastras la imagen a la barra de direcciones, o la barra de pestañas, se va a abrir la imagen en tamaño real.
Se que en el video uso degradados para algunos fondos, pero decidi que es mejor no usar imagenes en el diseño de nuestra pagina, sino que vamos a usar colores planos, para no complicarle demasiado la vida a quien recien comienza. Si ya tenes una minima experiencia supongo que no te va a costar usar imagenes por tu cuenta, aunque si veo que me piden que lo explique no tengo problema en hacerlo.
Los iconos de posts, segun categoria, son algo facil de implementar, pero toma su tiempo hacerlo, considerando la cantidad de categorias que tendria una pagina de link-sharing como esta. No lo considero importante, y para el final del curso espero haberte dado suficientes herramientas como para que seas capaz de implementarlo vos mismo, si es que queres.