Re: [Ovillo] Estudiando la terminologia
Buenos dias.
Me permito agregar un dato mas a la confusión general.
Cuando un diseñador hace una página, tambien elije la estructura de la
información (qué cosa es título, qué cosa es copete, si hay 2 o 5 campos
en un formulario, etc), es decir que estructurar tambien es diseñar.
Podríamos hablar de diseño mas bien plástico, de styling, de themes, con
el CSS y de diseño de información, de organización (aunque abstracta, es
decir, estructuración, jerarquización) de información.
Diseñar no es "dibujar/pintar", diseñar es crear un enunciado (en este
caso gráfico) para que suscite en el receptor las ideas que queremos
transmitir. No habría diseño si el mundo fuera solo CSS, y el diseñador
tiene mucha importancia en la estructuración del contenido y de la
información de una página.
Hay dos pasos, claramente diferenciados y que se tienden a separar
gracias a los estandares del W3C, que, como muy bien ellos definen, es
separar la capa de información de la capa de presentación (es decir:
cómo debe ser mostrada esa información).
Si fueramos un diario (periódico), el CSS sería el diseño que está en
todas las ediciones del diario, y el xhtml sería lo que pone el armador
en cada número.
En fin, aqui son las 5:23am y yo me quedé sin metáforas.
Ya que estamos, por si alguien leyó mi mensaje sobre mi problema con IE,
lo resolví haciendo .class.class en vez de #id.class
Martin.
Abel Domínguez wrote:
Hola astrobola,
El día 30/09/05, astrobola <[EMAIL PROTECTED]> escribió:
Yo, personalmente, creo que lo único que sirve para diseñar es la cabeza.
El diseño, lo que se dice diseño, es un proceso mental. Lo otro es la
forma de
plasmarlo gráficamente.
En parte tu idea es muy romántica, en parte igualmente tienes razón.
El diseño no se puede limitar unicamente a la imaginación o a la proyección
de un futuro diseño en nuestra cabeza. Sino, todo el mundo sería diseñador
sin necesidad de mostrarlo (por estudios o por carrera profesional) y
estaríamos vendiendo nada.
El proceso creativo previo (imaginar, pensar, ver otros diseños de la misma
línea, boquejear un boceto sobre papel) es tan necesario y legitimo al
proceso de diseño como la plasmación gráfica de este sobre papel o
pantalla.
A la hora de plasmarlo se deja de lado el aspecto más "artístico" y nos
ponemos manos a la obra con la parte más técnica. Como bien comentaba
Juanjo, la tipografía... A lo que yo añado composición, colometría y, en
el caso de diseño de interfaces, usabilidad/navegabilidad, etc...
"Separar contenido de presentación". Nuestra presentación es nuestro
diseño, nuestra CSS... de tal manera que prescindiendo de ella
podemos seguir accediendo a la información que se disponga
("estructure" según ya se ha definido) en el Xhtml :)
1. Maquetar = Diseñar (CSS) + Estructurar (Xhtml)
2. Diseñar (CSS) = Dibujar/pintar (representar gráficamente) +
Componer (posicionar /uso de float y position/ dentro de una maqueta)
Yo lo veo fácil :)
Saludos,
--
Abel Domínguez
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Hola astrobola,
El día 30/09/05, astrobola <[EMAIL PROTECTED]> escribió:
>
> Yo, personalmente, creo que lo único que sirve para diseñar es la cabeza.
> El diseño, lo que se dice diseño, es un proceso mental. Lo otro es la
> forma de
> plasmarlo gráficamente.
>
En parte tu idea es muy romántica, en parte igualmente tienes razón.
El diseño no se puede limitar unicamente a la imaginación o a la proyección
de un futuro diseño en nuestra cabeza. Sino, todo el mundo sería diseñador
sin necesidad de mostrarlo (por estudios o por carrera profesional) y
estaríamos vendiendo nada.
El proceso creativo previo (imaginar, pensar, ver otros diseños de la misma
línea, boquejear un boceto sobre papel) es tan necesario y legitimo al
proceso de diseño como la plasmación gráfica de este sobre papel o
pantalla.
A la hora de plasmarlo se deja de lado el aspecto más "artístico" y nos
ponemos manos a la obra con la parte más técnica. Como bien comentaba
Juanjo, la tipografía... A lo que yo añado composición, colometría y, en
el caso de diseño de interfaces, usabilidad/navegabilidad, etc...
"Separar contenido de presentación". Nuestra presentación es nuestro
diseño, nuestra CSS... de tal manera que prescindiendo de ella
podemos seguir accediendo a la información que se disponga
("estructure" según ya se ha definido) en el Xhtml :)
1. Maquetar = Diseñar (CSS) + Estructurar (Xhtml)
2. Diseñar (CSS) = Dibujar/pintar (representar gráficamente) +
Componer (posicionar /uso de float y position/ dentro de una maqueta)
Yo lo veo fácil :)
Saludos,
--
Abel Domínguez
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Yo, personalmente, creo que lo único que sirve para diseñar es la cabeza. Antes de tener ordenador siquiera, diseñaba con un lapiz de grafito y un cuaderno de hojas blancas, despues usaba lápices de colores, y finalmente lo pasaba a hojas canson y la técnica que me pareciese mas adecuada (adoro los lápices acuarelables). El diseño, lo que se dice diseño, es un proceso mental. Lo otro es la forma de plasmarlo gráficamente. Alguno se siente mas comodo escribiendo código y luego visualizandolo en el navegador, otro pintando con el ratón. Lo importante, es que sea nuestra imaginación la que mueve el "lapiz" (sea lo que sea que usemos como lápiz), y no lo contrario. Saludos El Jueves, 29 de Septiembre de 2005 15:08, Abel Domínguez escribió: > Hola Eva, > > Creo que, quitando las puntualizaciones, estamos diciendo lo mismo. > Solo te comento respecto a tu ultimo comentario: > > Desde luego, yo nunca diría que css sirve para diseñar, o que es parte del > > > diseño, sino más bien diría que es la herramienta que utilizamos para > > plasmar un diseño en el momento de maquetar. > > CSS si que sirve para diseñar. Imagina el boceto de una lista, tal cual. > Ahora > coge al mismo tiempo photoshop y una CSS y pinta con ambas herramientas > los de azul. Y ahora pasa a indicar una Trebuchet para el texto. Ahora > pinta > una linea inferior bajo cada . Y ahora, no sé, pintale a cada el > fondo > de gris claro.. Ayva! Despues de un rato observo que tengo el mismo > resultado > en phoshop que en mi xhtml (+css) para mi lista. Será que tengo escacharrao > el Homesite y el error me permite diseñar con CSS ;) > > Igual que te digo una lista, te digo cualquier otro elemento, ya sabes :) > > Un saludo, > -- > Abel Domínguez > ___ > Lista de distribucin Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente direccin: > http://ovillo.org/mailman/listinfo/ovillo -- www.fuerteventuraviva.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Hola a todos, pues yo creo que CSS controla un aspecto completamente básico del diseño, como es la tipografía; de hecho muchos piensan que el diseño no es otra cosa que tipografía. Yo me limitaría a explicar la terminología así: Diseño de contenidos: xhtml... (utilizando el bloc de notas, bbedit o lo que sea) Diseño visual: css (utilizando el bloc de notas, bbedit, photoshop, gimp, fireworks o lo que sea) Todo desde el punto de vista de los lenguajes, olvidando las herramientas. El 29/09/2005, a las 19:53, Eva del Campo escribió: pero a mí eso de diseñar con CSS me suena raro, raro... -- Juanjo Seixas Estudio: http://www.efimera.com Blog: http://www.efimera.org Flickr: http://www.flickr.com/photos/efimera Rusia, fotografías de un turista: http://www.efimera.net Correo-e: [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
> CSS si que sirve para diseñar. Imagina el boceto de una lista, tal cual. > Ahora > coge al mismo tiempo photoshop y una CSS y pinta con ambas herramientas > los de azul. Y ahora pasa a indicar una Trebuchet para el texto. Ahora > pinta > una linea inferior bajo cada . Y ahora, no sé, pintale a cada el > fondo > de gris claro.. Ayva! Despues de un rato observo que tengo el mismo > resultado > en phoshop que en mi xhtml (+css) para mi lista. Será que tengo escacharrao > el Homesite y el error me permite diseñar con CSS ;) > > Igual que te digo una lista, te digo cualquier otro elemento, ya sabes :) Hummm, sí y no. También puedes maquetar un libro con el block de notas, o reproducir una fotografía activando y desactivando pixels a mano Para mí darle formato a una lista no es una parte esencial del diseño. Al final todos los textos tienen que cumplir unos requisitos respecto a sus fondos para mantener la legibilidad, lo cual limita mucho las posibilidades expresivas. Además, ¿tú decides el diseño en función del color del texto, o más bien el color del texto en función del diseño general?. Está claro que sólo es un matiz del lenguaje, pero a mí eso de diseñar con CSS me suena raro, raro¿me estaré haciendo vieja? 8() Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Hola Eva, Creo que, quitando las puntualizaciones, estamos diciendo lo mismo. Solo te comento respecto a tu ultimo comentario: Desde luego, yo nunca diría que css sirve para diseñar, o que es parte del > diseño, sino más bien diría que es la herramienta que utilizamos para > plasmar un diseño en el momento de maquetar. CSS si que sirve para diseñar. Imagina el boceto de una lista, tal cual. Ahora coge al mismo tiempo photoshop y una CSS y pinta con ambas herramientas los de azul. Y ahora pasa a indicar una Trebuchet para el texto. Ahora pinta una linea inferior bajo cada . Y ahora, no sé, pintale a cada el fondo de gris claro.. Ayva! Despues de un rato observo que tengo el mismo resultado en phoshop que en mi xhtml (+css) para mi lista. Será que tengo escacharrao el Homesite y el error me permite diseñar con CSS ;) Igual que te digo una lista, te digo cualquier otro elemento, ya sabes :) Un saludo, -- Abel Domínguez ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
On 9/29/05, Eva del Campo <[EMAIL PROTECTED]> wrote: > > Estructura: xhtml, html, wml, etc. > Diseño: gimp, corel, fireworks, photoshop, etc. > Maquetación: css > estoy bastante de acuerdo con esto. tres cosas: 1. el término maquetar tradicionalmente tiene poco peso. una maqueta es casi un bosquejo (en cuanto a lenguaje de grafica) y la maquetacion con css va mucho mas alla, es un proceso mucho mas importante que el solo bosquejar un diseño o hacer un demo de un tema musical. mientras tengamos, nosotros, nuestros clientes y nuestros colegas del ambito grafico/editorial bien en claro esta diferencia de relevancia creo que esta todo bien. 2. la confusion de que maquetar se hace con xhtml+css creo que viene de que la enorme mayoria de las veces uno añade bloques lógicos (s) a la estructura semantica con el solo objetivo de usarlos para maquetar. pero no creo que eso deba confundirse con maquetar con xhtml. es mas bien un paso intermedio. 3. también creo que se podria hablar de aplicar diseño con css. un diseño previamente planteado, claro esta... uno con css no crea sino que aplica/migra/reproduce. inti castro [EMAIL PROTECTED] --- http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=estructurar + http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=estructura http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=maquetar + http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=maqueta http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=dise%F1ar + http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=dise%F1o ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Bueno, pues para variar no estoy de acuerdo. Para mí el contenido (html, xhtml o lo que sea) es sólo eso, contenido. Por supuesto que tiene una estructura y cumple unas reglas semánticas, pero todo eso no tiene (o no debería tener) nada que ver con la maquetación, es uno de los principios básicos de la separación de contenido y diseño. Para comprenderlo mejor, quizás sirva establecer una analogía con las publicaciones tradicionales: - En una publicación tradicional, el autor se encarga de escribir los contenidos, utilizando para ello todos los recursos semánticos que le proporcione su idioma, utilizando signos de puntuación, títulos, encabezados y párrafos. También elige cuidadosamente las palabras y las expresiones, para transmitir sus ideas con la máxima precisión. Para mí esto sería equivalente al contenido de la web, y por tanto al xhtml. - Cuando el contenido está terminado, el autor entrega el libro al maquetador, y éste se encarga de dar forma a los contenidos para que se ajusten al medio al que van dirigidos (libro, revista, periódico. fascículos). Esto es lo mismo que hacemos con css, ya que los mismos contenidos se pueden maquetar para ser impresos, verse en la web, en un dispositivo móvil, etc. - El diseño es un paso intermedio, que unas veces existe y otras se obvia, en el cual se decide la apariencia que debería tener el contenido en función del medio en que se publique, pero nunca es lo mismo que la maquetación. Si acaso, podríamos considerarlo un paso previo a la misma. También las herramientas dedicadas al diseño son diferentes que las dedicadas a la maquetación: el diseño se realiza en un programa gráfico (photoshop, firwoeks, gimpm, corel, etc), mientras que la maquetación se realiza desde un programa específico (quark, indesign, etc), o en el caso que nos ocupa, se programa con css. Desde luego, yo nunca diría que css sirve para diseñar, o que es parte del diseño, sino más bien diría que es la herramienta que utilizamos para plasmar un diseño en el momento de maquetar. Así que en mi opinión, la definición correcta sería: Estructura: xhtml, html, wml, etc. Diseño: gimp, corel, fireworks, photoshop, etc. Maquetación: css Eva > Hola, > > Pero me parecería más acertado hablar de una "maquetación xhtml/css", ya que >> uno necesita del otro, a mi entender. > > > > Creo que es la solución final a la que llego con vuestras aportaciones :) > Maquetar = Combinación de Xhtml + CSS. > Estructurar = Más propio de Xhtml. > Diseñar = Más propio de CSS > > Fijaos que en su mayoría, defino el valor de las CSS como labores de diseño. > Esto es, porque a mi modo de entenderlo, un border, un background e incluso > un float o position pertenecen a esa parte de la presentación del contenido, > circunstancial al diseño que propone el diseñador/cliente final. > > Fuera de todas esas propiedades nos quedaría nuestro contenido, que es lo > que a veces llamamos estructura: a fin de cuentas texto plano con la > información > que se solicita correctamente estructurado , , , ... > etc > > Por ello pensaba que "maquetar con CSS" en el contexto de la lista > y por parte de los profesionales que pululamos por aqui, es una redundancia, > como "andar andando" "comer comiendo" :) > > Un saludo > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Hola, Pero me parecería más acertado hablar de una "maquetación xhtml/css", ya que > uno necesita del otro, a mi entender. Creo que es la solución final a la que llego con vuestras aportaciones :) Maquetar = Combinación de Xhtml + CSS. Estructurar = Más propio de Xhtml. Diseñar = Más propio de CSS Fijaos que en su mayoría, defino el valor de las CSS como labores de diseño. Esto es, porque a mi modo de entenderlo, un border, un background e incluso un float o position pertenecen a esa parte de la presentación del contenido, circunstancial al diseño que propone el diseñador/cliente final. Fuera de todas esas propiedades nos quedaría nuestro contenido, que es lo que a veces llamamos estructura: a fin de cuentas texto plano con la información que se solicita correctamente estructurado , , , ... etc Por ello pensaba que "maquetar con CSS" en el contexto de la lista y por parte de los profesionales que pululamos por aqui, es una redundancia, como "andar andando" "comer comiendo" :) Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Estudiando la terminologia
Hola, Nunca escribo, aunque hace rato los leo. Y bien, siempre hay una primera vez! :) A lo que preguntas Abel, podríamos empezar definiendo maquetar. Si maquetar es compaginar, componer, o la manera en que se disponen los elementos en un espacio determinado, podríamos decir entonces que "maquetamos con css" Pero me parecería más acertado hablar de una "maquetación xhtml/css", ya que uno necesita del otro, a mi entender. Saludos, desde Buenos Aires, MoNi -Mensaje original- De: Abel Domínguez | Asunto: [Ovillo] Estudiando la terminologia > no sé hasta que punto la expresión "MAQUETAR CON CSS" es correcta. A fin de cuentas, se maqueta con XHMTL / HTML y se "viste" o "pinta" dichamaquetación con CSS. Quizás maquetar con CSS se puede aplicar a las propiedades de flotación y posicionamiento, pero me sigue sonando raro. ¿Cómo lo véis? PD: Si se os ocurren otras expresiones similares para valorar comentadlas, por favor. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
Abel Domínguez wrote: Actualmente estoy escribiendo unos apuntes personales (que espero usar en unas clases/cursillos) sobre maquetación y diseño web y no sé hasta que punto la expresión "MAQUETAR CON CSS" es correcta. A fin de cuentas, se maqueta con XHMTL / HTML y se "viste" o "pinta" dicha maquetación con CSS. Quizás maquetar con CSS se puede aplicar a las propiedades de flotación y posicionamiento, pero me sigue sonando raro. ¿Cómo lo véis? Yo lo llamo maquetar, y en el curro lo denominamos así, sin más. Saludos! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info & bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Estudiando la terminologia
On 9/28/05, Abel Domínguez <[EMAIL PROTECTED]> wrote: > > se maqueta con XHMTL / HTML y se "viste" o "pinta" dicha maquetación con > CSS. Quizás maquetar con CSS se puede aplicar a las propiedades de flotación > y posicionamiento, > pero me sigue sonando raro. ¿Cómo lo véis? > segun lo veo yo, se estructura[1] con xhtml y se maqueta[2] con css (en una primera instancia), luego se aplica diseño[3] (vistiendo o pintando ;). la maquetacion no es mas que el hecho de, por ejemplo, poner en columnas s que por defecto se muestran en lineas. posicionar el menu aqui, la cabecera alla... la maquetacion es solo una de las funciones de las hojas de estilo. inti castro [EMAIL PROTECTED] - [1] http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=estructurar [2] http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=maquetar [3] http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=dise%F1ar + http://buscon.rae.es/draeI/SrvltGUIBusUsual?LEMA=dise%F1o ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Estudiando la terminologia
Hola familia, vuelvo con un mensaje con quizás poco interés pero creo que de cierta utilidad. Es un comentario respecto a la terminología que usamos. Actualmente estoy escribiendo unos apuntes personales (que espero usar en unas clases/cursillos) sobre maquetación y diseño web y no sé hasta que punto la expresión "MAQUETAR CON CSS" es correcta. A fin de cuentas, se maqueta con XHMTL / HTML y se "viste" o "pinta" dicha maquetación con CSS. Quizás maquetar con CSS se puede aplicar a las propiedades de flotación y posicionamiento, pero me sigue sonando raro. ¿Cómo lo véis? Gracias por vuesta opinión y disculpad la poca "chicha" del mensaje :) PD: Si se os ocurren otras expresiones similares para valorar comentadlas, por favor. -- Abel Domínguez ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
