[Cerrada] Escuela de diseño web

Avisos

Like Tree11Gracias

 
 
Herramientas Desplegado
  #11  
26/01/2015
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web

Head




Body




Footer




lamento entregarlo ahora no he tenido mucho tiempo me pondré al día con todo lol <3
  #12  
26/01/2015
Predeterminado Respuesta: [Clase - 1] Logos, Banners y Headers.


Siento la tardanza, me voy a llevar el warn.
Y me inspiré en tu logo y en beatport.com xD

Explico:
El logo es el texto promocional. Sería un logotipo promocional, temporal. Como los que ponen en las páginas de Media Markt xD
El header es el fondo.
El banner es tu logo, la R.
  #13  
26/01/2015
Predeterminado Respuesta: [Clase - 1] Logos, Banners y Headers.
Ye lo pasé por skype esta mañana, aunque tengo warn D:
NO SE QUE PONER....
  #14  
26/01/2015
Favorito [Clase - 1] Resultados!
Bien ahora toca calificar, para los que no pudieron entregar entiendo totalmente su razón, Flame ya me explico esto. Así que esta bien, no pasa nada, no afecta a su desempeño o trabajo.Pero para la próxima clase les pido que entreguen.
Dicho por levirotem
Diseño: Igual para ser un banner con estilo "simple" me da gracia la publicidad de Mc, cuando de verdad no tiene nada que ver: 6,8/10
Originalidad: Bueno, no es tan así o acá, no se si me explico: 7/10
@levirotem



Dicho por Aguiar
Diseño: El fondo no me convence mucho y icono se ve pixeleado, aunque me gusta los colores que usaste para el logo: 5,5/10
Originalidad: No esta perfecta ni mala, esta genial, tomaste como un buen punto el ejemplo: 7,2/10
@Aguiar


Dicho por Green

Imagen

Diseño: El estilo no me convence mucho, pero la combinación de los colores y efectos me quitan ese pretexto: 7/10
Originalidad: Esplendida, aunque temo decir que para una mejor gráfica de diseño es mejor respetar la fuente(eso siempre me pasa y rompe ese punto): 8/10
@Green


Dicho por Panda_Megan4568

LOGO


HEADER

Diseño: El diseño no esta echo por ti, la idea era hacer un banner por cada alumno. No tomar uno. Igual cuenta como entrega de tarea: 5/10
Originalidad: La originalidad es lo de menos, si hubieras usado el mismo boceto pero cambiar el estilo eso mejorar la perspectiva de mi cabeza: 4/10
@Panda_Megan4568



Dicho por Antialias sama
Diseño: WOA!, que sorprendente trabajo, me encanta. No se si sea parte del diseño pero cuidado con las lineas negras: 9,2/10
Originalidad: Esplendida, es un tema ya previsto en este año, y me sorprenden ese estilo de "Cristal"(creo que se llama así): 10/10
@Antialias sama


Dicho por Tío Naren Jr.

Imagen

Diseño: Para ser un banner con un estilo clásico + simple no esta nada mal, me gusta que usaras una categoría ya muy conocida: 7/10
Originalidad: Que de esperarse de ti, excelente, aunque el estilo le quita esa vista de diseñador: 7,8/10
@Tío Naren Jr.


Dicho por Ryuko
Diseño: En un punto del diseño el estilo minimalista o flat es que jamas falla, me encanta, le diste un toque sorprendente: 8,7/10
Originalidad: No pensé que alguien conociera este mismo estilo(bueno si) y creo que me dejas con la papada en alto: 9/10
@Ryuko

Aquí termina la primera clase. Pronto les traeré la segunda, así que descanse de momento.
  #15  
29/01/2015
Predeterminado Respuesta: [Clase 0 - Teoría] Definición y Jerarquía de diseño web
Pues veamos. Si tenemos en cuenta que el header es algo que generalmente se repite en todas las páginas del foro, yo consideraría esto como el header:

Header





El body, para mi sería todo lo que hay abajo de eso, hasta esto:

Final:Body





Y el footer, teniendo también en cuenta que generalmente se repite, diría que es este:

Footer



*Nótese que la fecha y hora están dentro de la plantilla footer.


-----------------------------------------------------------------------------------------
Peeeeeero, teniendo en cuenta las plantillas, obtenemos esto:

Plantilla:"header"



*Está oculto con un "display:none;" @El puto amo


------------------------------------------------------------------------------------------
PD: Mil disculpas por el retraso, pero estaba de vacaciones D: (Ahora ya volví y estoy listo y presto para seguir con esta escuela ;D)

GMod de un tono algo insolente, hiciste que a la gente le duela tu dolor.
GMod, de staff equilibrista, más que GMod artista con vicios de GMod...
¿Crees que Flame ha hecho un buen trabajo? ¡Entra!
Ya ves, a mí y a Whack a Hack nos falta tanto el aire cuando no está el GMod...

100% STAFFMIGUISTA
¡VIVA EL STAFFMIGUISMO!

Edo...Volvé y sé millones




EDO 4 ADMIN


  #16  
30/01/2015
Favorito [Clase - 2] Botones y Navbars
Lista de Alumnos:
@Parritalol!
@levirotem
@Aguiar
@Green
@Zero Black
@Injuxa
@Panda_Megan4568
@Kaze
@Antialias sama
@Naren Jr.
@Drimer
@Franco Kuchiki
@Ryuko

Que comprendimos con la clase anterior. Pues no todo lo básico pero si 3 fundamentos que podrán ayudarnos a la hora de estructura un foro/web, pero sabiendo esto en los servicios del mismo no siempre tienen los 3 términos. Ademas esto no ayuda mucho a un entorno gráfico, brevemente solo explique que era cada cosa.


Boton(Button).
(Es una metáfora común) utilizada en interfaces gráficas. Los botones suelen ser representados como rectángulos y/o formas con una leyenda o icono dentro, generalmente.

Navbar(Barra de Navegación).
Una barra de navegación (o sistema de navegación) es una sección de una página web o una página en línea para ayudar los visitantes en viajar a través del documento en línea.

Y bien en caso del botón para que sea mas simple es solo una forma rectangular y dentro de ella un texto o icono? Podría ser pero normalmente los botones respetan un estilo gráfico y hay millones de ellos, en este caso se explicara los estilos que conozco o los que mas bien se deben de manejar al empezar esto.



Los estilos de botones son de gran variedad y de la misma siguen saliendo mas. Aunque normalmente para diseñar hay 5 estilos que yo principalmente recomiendo (son solo los que utilizo ja):
Flat(Diseño Plano): El “Flat Design” o “Diseño Plano” consiste en eliminar o reducir todo tipo de decoración en un diseño de interfaz o web para simplificar el mensaje y facilitar la funcionalidad. Se eliminan texturas, degradados, biselados, sombreados… en definitiva, siempre se utilizan colores vivos y tipografías clásicas.


Minimalist(Minimalism): Se refiere a cualquier cosa que haya sido reducida a lo esencial, despojada de elementos sobrantes.


Ideal: Bueno para mi es el mejor de todos, ya que tiene todos los detalles a tu gusto, colores, fuentes, fondos, etc. Prácticamente es el que tu diseñas sin seguir un concepto. De aquí es donde mas se desglosan mas estilos.
-
Donde ah quedado la Navbar? es lo que mas te estas preguntando. Según mi mentalidad la navbar es mas que nada una barra con botones y sus diferentes links. Es decir:


Si miramos bien, comprendemos que es tan solo botones pegados y claro no suele ser lo mismo en todos los sitios. El concepto clave es respetar un gran orden si te trata de cada botón por separado y al final unirlos. Dejemos de lado la teoría.


Bueno claro esta, un poco se podría decir, ahora es momento de fundamentar lo que estamos aprendiendo.
"Fuera de tema, se que normalmente en una escuela se enseña a hacer o mas bien se aprende. En este caso donde queda el aprendizaje, pues en el campo del diseño web, es mas diferente: -cada quien tiene su estilo- y mas que nada se respeta el estilo de cada uno"
-
Bien como tarea es hacer 3 tipos de botón con los 3 tipos de estilo, ya mencionados explicados: Flat, Minimalist o Ideal. Puedes buscar por todo Internet botones, recuerda bien las reglas de cada diseño, también incluyo el propio estilo. Suerte y tienen hasta el día 4 de Febrero para entregar.
Gracias: ParritaGhoul!
  #17  
31/01/2015
Predeterminado Respuesta: [FAQ] Dudas, problemas o ideas.
hacer 3 tipos de botón con los 3 tipos de estilo, ya mencionados explicados: Flat, Minimalist o Ideal.
Pero, ¿qué temática debemos de usar? ¿Estilo Navbar, estilo FollowMe, estilo...?
  #18  
31/01/2015
Predeterminado Respuesta: [FAQ] Dudas, problemas o ideas.
Dicho por Ryuko Ver mensaje
Pero, ¿qué temática debemos de usar? ¿Estilo Navbar, estilo FollowMe, estilo...?
Hiciste bien en preguntar.
Bueno el concepto es hacer 3 botones con los 3 estilos ya mencionados, usando las mismas dimensiones para cada uno. Ahora bien una vez echos, solo es cuestión de unirlos Ó también puedes hacer una navbar con el mismo estilo osea: Flat, Minimalist o Ideal. Y la temática es Navbar.
  #19  
03/02/2015
Predeterminado Respuesta: [Clase - 2] Botones y Navbars
Hola tengo una duda con ésta tarea, debemos hacer 3 botones para cada estilo, o elegir 1 estilo y diseñarle 3 botones? Me marea eso xD.

GREENMOTION.DEVIANTART.COM
  #20  
04/02/2015
Predeterminado Respuesta: [Clase - 2] Botones y Navbars
Dicho por Green Ver mensaje
Hola tengo una duda con ésta tarea, debemos hacer 3 botones para cada estilo, o elegir 1 estilo y diseñarle 3 botones? Me marea eso xD.
Puedes hacerlo como bien dije "1 botón con el estilo flat, 1 botón estilo ideal y 1 botón material". Oh según tu lo entiendas, la idea es entregar 3 botones respetando los estilos.
 

Etiquetas
clase1

Herramientas
Desplegado

Permisos para publicar mensajes
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los BB code están Activado
Los Emoticones están Activado
El código [IMG] está Activado
El Código HTML está Desactivado
Trackbacks are Activado
Pingbacks are Activado
Refbacks are Desactivado



Extra
Estilo clásico
La franja horaria es GMT +1. Ahora son las 03:18.