12 Último

[Discusiones] la mejor forma de crear una web?

      • 1,126
      • mensajes
      • miembro desde
      • 23/08/01
    23/03/2002
    #1 la mejor forma de crear una web?

    Osea....como serian los procedimientos adecuados y mas eficientes a la hora de hacer una, por ej empoezxas con un boceto, no se despues entro a front-dream y maso la hago, y despues empiezo lo que es el laburo grafico, pero siento que es terriblemente mal hgecho asi, tiene que haber una forma mas pro de hacerlo, si se disenia todo por ej en photoshop u photo-paint y despues se porta todo de a pedazos al editor html....no se cuenten please!!!

  1. ¿Este tema te pareció interesante? Compártelo!

    ¿No es lo que buscabas? Intenta buscar un tema similar

    14 comentarios / 19847 Visitas

      • 1,264
      • mensajes
      • miembro desde
      • 10/06/01
    24/03/2002
    #2

    mm primero debes decidir cual va a ser el objetivo de la web, el fin justifica el medio luego tendrias que definir como hacer los contenidos, mediante algun boceto, y cuando tenes masomenos la idea formada en la cabeza ahi tendrias que empezar a trabajar en lo grafico en realidad a mi me pasa que primero tengo la imagen de como quedara y despues pienso en como distribuir los contenidos un buen lugar para aprender bien como hacerlo es leer los articulos de jeffrey veen en webmonkey ese es un tipo que sabe mucho

      • 193
      • mensajes
      • miembro desde
      • 12/02/01
    24/03/2002
    #3

    Es verdad, muy buenos tutoriales.
    Yo lo que estoy haciendo últimamente, es bocetar todo en papel primero, una vez que con el lapiz y la goma y una hoja bastante malgastada, tengo más o menos plasmado lo que quiero en cuanto a diseño y distribución, recién ahí paso a Photoshop.

    En Photoshop, bueno, todo depende de la pagina que quiera hacer, pero últimamente diseño toda la página en el Photoshop y después corto lo que necesito y lo paso al HTML con Dreamweaver. Esto puede ser muy útil a la hora de querer mostrarle al posible cliente algo antes de ponerte a laburar con el HTML, lo unico medio choto es que si la página tiene elementos de formularios y todo eso, tenés que andar copiando y pegando elementos hacia el Photoshop. Yo ya tengo una colección aparte de botones, etc, que modifico a gusto luego.

    Saludos.

      • 1,264
      • mensajes
      • miembro desde
      • 10/06/01
    24/03/2002
    #4

    yo hago algo parecido pero con fireworks, que te permite la libertad vectorial de laburar con objetos y te deja exportar todo a html de un saque ya que estamos webstudio, tirame una opinion de esto vos que sabes bocha!

    http://webs.sinectis.com.ar/cserur/mind_preview/

      • 1,126
      • mensajes
      • miembro desde
      • 23/08/01
    24/03/2002
    #5

    claro, webmonkey dijieron? ya voy a ver, porke era algo que realmente me incomodaba en la forma de trabajo, solo quiero algo mas eficiente pero igual de eficaz

    • PoetaCamba
      Invitado
    25/03/2002
    #6

    Bueno, yo utilizo el proceso de diseño convencional, pero lo adapto sensiblemente al tema web:

    1-Primero en base al cliente y sus pretensiones, adapto una idea, que la concensuo previamente.

    2-Busco definir el concepto gráfico mediante un "partido conceptual", que es una especie de premisa u oración, que sintetiza lo que quiero comunicar.

    3-Después, en base a ese partido conceptual, busco adjetivos que lo resuman más, algo más sintético.

    4-En base a esos adjetivos, busco imagenes que se le asocien.

    5-A partir de ahí, boceto en lapiz y papel MUUUUUUUCHO, hasta que me convence algo.

    6-El primer boceto, por ahí lo armo en photoshop, pero no es siempre así.

    7-Ese diseño al estilo papel (me refiero, a que lo armo en un photosop o un illustrator, como si fuera a ser impreso en papel), después lo paso a algo escalable. Trato de pensar el diseño de una web en algo modular y escalable al menos en dos resoluciones, lo cual hace que utilice una especie de grilla que traduzco en tablas de html después.

    8-Y después es una constante interacción entre: Fireworks, Dreamweaver, Flash, Illustrator y Photoshop.

    9-Mas vale que haya quedado bueno


    Espero no haber mareado a nadie y haber contribuído a que vuestras mentes creativas se expresen aún más

    Un abrazo

    Edu

      • 1,126
      • mensajes
      • miembro desde
      • 23/08/01
    25/03/2002
    #7

    taria fatal tires la web de uno de los trabajos mas grosos que hayas hecho amrtx!

    • PoetaCamba
      Invitado
    25/03/2002
    #8 Si te sirve, yo lo hago de esta manera

    Bueno por si te sirve de algo, yo diseño siguiendo los siguientes patrones:

    1-Pienso quienes van a ser mis visitantes, su edad, experiencia de navegación, lo que van a ir buscando....

    2-Cojo papel y lapiz y empiezo a bocetear una distribución de los contenidos de la página principal y además miro a ver las secciones que va a llevar la página

    3-Una vez tengo claro todo lo anterior, me pongo a navegar durante unas horas, fijándome en estílos de diseño que haya por la red, hago impresiones de pantalla de las páginas que más me gustan (Aunque sólo me guste el logo, mientras haya algo en la web que me llame la atención la cojo entera)

    4-Pongo todas las impresiones de pantalla en el photoshop y las amplío para ver en detalle como hacen las cosas.

    5-Vuelvo a leerme el boceteo de mi web a ver si me sigue gustando (de primeras me gusta todo, la segunda vez que la veo ya hay cosas que no me gustan tanto y la tercera vez que la veo, ya elimíno todo lo que no me gusta y empiezo a diseñar en serio)

    6-elijo las tonalidades de color que voy a usar (Normalmente uso 4 o 5 colores y luego voy alternando tonalidades distintas de estos colores)

    7-Una vez que tengo los colores y la composición, me pongo manos a la obra con el photoshop y voy haciendo todo por partes, cabecera,centro y pie de la página, pero sin entrar en hacer muchos detalles.

    8-Lo dejo todo completamente y al día siguiente me vuelvo a poner con ello a ver si me sigue gustando, de ser a sí, ya empiezo a hacer los detalles de la web, teniendo ya la composición, los colores y algunas ideas que me hayan gustado de lo que he visto en las horas de navegación anteriores (Ojo, digo ideas, no copiar literalmente de otras páginas, no es lo mismo)

    9-Una vez ya tengo todo el diseño hecho, decído si voy a usar flash o va a ser todo "estático" (estático entre comillas por que los rollovers, gif animados y demás también cuentan jeje)

    10-Lo que valla a ir en HTML lo maqueto con el programa Macromedia HomeSite (Un editor buenísimo de HTML, ASP...) y lo que valla en flash...pues eso :-)

    11-Lo subo y se lo enseño a algunos amigos para que navegen la web a ver si le ven fallos, cosas mejorables...en fin, obtengo críticas constructívas.

    12-Modifíco lo que crea necesario partiendo de esas críticas y ya lanzo la web al público


    Y ya está, normalmente esto es lo que hago, siempre y cuando las páginas vallan a ser mias, es decir, si son para algún cliente hay puntos que cambian radicalmente, pero a grandes rasgos a sí es como diseño yo las páginas.

    Espero que toda esta parrafada de información os sirva de algo (Aparte de para pasar el rato leyendo jejeje)

    • PoetaCamba
      Invitado
    25/03/2002
    #9 Re: Si te sirve, yo lo hago de esta manera
    Publicado por jmgh22
    Espero que toda esta parrafada de información os sirva de algo (Aparte de para pasar el rato leyendo jejeje)
    Muy piola, omití un par de pasos que vos pusiste, por hacerlo más sintético, pero muy buena tu descripción.


    Edu
    • PoetaCamba
      Invitado
    25/03/2002
    #10
    Publicado por heradicattor
    taria fatal tires la web de uno de los trabajos mas grosos que hayas hecho amrtx!
    Bueno ahi te van (no son muchos)

    FERRRARI ARGENTINA (si, la oficial )
    www.inway.com.ar/modena/

    Está ahí porque los tipos aún no solucionaron el tema con los dominios, la que ves en ese url es casi la misma que la finalizada, yo diseÑé la de Modena Design (el bar de la concesionaria) y la de Ferrari Argentina, por Maserati nunca vi un mango, entonces, no se hizo nada .


    CREAR SISTEMAS S.A.
    www.crear.com


    INTRADISCO (Intranet de Disco)
    www.inway.com.ar/edu/disconet5/

    Lo que ves ahí es un "boceto" de la intranet real. Es estático, y se subió ahí solo para que los tipos vayan viendo como quedaba el diseño, ya que la intranet funciona internamente, y no se va a publicar por www.

    Si hoy subo algo de mi página, de la cual solo hay un splash, te mando el link


    Un abrazo

    Edu
12 Último