Annex treball de recerca

  • Published on
    22-Mar-2016

  • View
    216

  • Download
    2

DESCRIPTION

annex treball de recerca

Transcript

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.1

    1.- ENTREVISTA Entrevista realitzada a un dissenyador grfic de Barcelona. Actualment est treballant

    per diferents empreses catalanes i dintre del seu currculum ha creat diverses webs,

    dues de les quals son: www.caradap.com i http://personales.ya.com/okmolinspetits/.

    El senyor Toms Rubi, llicenciat en Informtica i amb estudis de Disseny Grfic ha

    resps a les segents preguntes.

    1.- Quins programes usualment utilitzes per a la creaci de pgines web?

    Quasi tothom que treballa en aquesta professi treballa amb el programa ms

    utilitzat per excellncia que s el Dreamweaver. En el meu cas sempre estic entre dos

    programes un dels quals s el Dreamweaver i laltre, encara que no s gaire conegut

    ms molt til. Es diu Expressin estudio. Ambds programes em proporcionen el

    material necessari per crear la bastida de la pgina que vull crear.

    2.- Per a tu, quin s laspecte o qualitat ms important duna web?

    Personalment, encara que altre gent li dna ms importncia als temes

    esttics, els quals no menyspreo ja que tamb em sembla fora interessant la manera

    en qu el visitant pot captar pel seu camp visual laspecte de la web, trobo que un dels

    aspectes on hem de comenar a fixar-nos s en la seva seguretat. Actualment hi ha

    molts programes que introdueixen virus, hackers, etc. s molt important tenir ben

    protegida la web, creant un blindatge a partir duns codis determinats.

    3.- Com sha dorganitzar la informaci dins de la pgina? Coneixes algun mtode en

    especial?

    Principalment sha de fer amb algun men de navegaci que es trobi en la

    mateixa pgina principal o ndex. Per altra banda lorganitzaci de la informaci en una

    web pot ser ben variada. Desde pgines on es vagi collocant segons lordre

    dimportncia, com daltres que parteixen dun punt com a tots els enllaos i

    comenen a desenvolupar cada apartat, creant aix una espcie de mapa entrellaat

    que a vegades s difcil dentendre. Tot i aix sempre sha de procurar que lusuari trobi

    fcilment i sense gaire complicacions el que s del seu inters.

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.2

    4.- En la teva professi, i en el teu cas particular, tens molta llibertat alhora de

    dissenyar els teus propis projectes?

    En el meu cas particular tinc bastant llibertat. s obvi que sempre et marquen

    una srie de premisses i torienten una mica sobre com la volen. Per en realitat, tot el

    que s lesttica, i la distribuci dels elements, colors, etc, ve directament del meu

    propi projecte que abans de realitzar-lo mhe preparat.

    5.- Quines noves innovacions han aparegut actualment en el camp del Disseny

    Grfic?

    B, cada dia van apareixent noves tecnologies, nous programes i en general tot

    el camp de la informtica est actualment en un continu desenvolupament. Quasi

    sempre totes les innovacions vnen dAmrica, i clar, s evident que es necessari tenir

    un bon domini de lAngls. Tot i aix personalment he de destacar el nou cyberlight,

    una Plataforma Dinmica de Microsoft.

    6.- Creus que s important un lleuger temps despera en una web respecte als

    usuaris?

    Evidentment. Un usuari si es veu obligat a perdre el seu temps esperant que es

    carregi una web, rpidament buscar una altra que li aporti la mateixa informaci o

    ms que laltre i que solucioni els seus interessos. Per que no passi aix sha de

    controlar els formats de les imatges, vdeos, animacions, udio, etc. Hi ha formats que

    sn especialment pesats i que carreguen amb ells un gran temps despera. Per contra

    nhi ha que susen exclusivament per a crear pgines web.

    7.- Quin tipus de llenguatge web s el ms utilitzat i alhora el ms adequat?

    Est clar que nhi ha bastants per escollir. Cada persona se sentir ms cmode

    amb un o altre i conseqentment l utilitzar en la majoria dels casos. Tot i aix un bon

    dissenyador de webs ha de posseir almenys uns certs coneixements sobre el

    llenguatge HTML. Personalment magrada bastant el ASP. s una tecnologia que est

    estretament relacionada amb el model tecnolgic del seu fabricant. Intenta ser una

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.3

    soluci per a un model de programaci rpida ja que programar en ASP s com

    programar en Visual Basic, per suposat, per amb moltes ms limitacions.

    8.- Actualment est de moda aportar una gran interactivitat en la web, entre lusuari

    i la pantalla. Que nopines de tots aquests elements que fan possible aquest fet?

    Penso que s un aspecte que ha evolucionat molt des de els seus inicis. Abans

    el visitant actuava com un simple personatge que buscava informaci. Avui en dia

    lusuari ja no es comporta com un simple espectador, ara per ara totes aquestes

    innovacions ens permeten interactuar amb la pantalla, ja sigui amb msica, vdeo,

    animacions, o fins i tot arxius amb Flash.

    9.- Quina importncia li donaries al color i la illuminaci duna web?

    El primer que captes quan arribes a una web s la seva esttica. s important per aix

    que el color sigui ladequat, contrastos,illuminaci, fusions de colors, etc. Tot ha de

    tenir una certa harmonia perqu sigui agradable per al usuari. Aquest s un aspecte

    bastant ampli ja que cada persona t els seus gustos i ho jutja des del seu punt de

    vista.

    10.- Actualment est de moda dominar el major nmero de llenges possibles

    respecte el terreny professional. s aquesta una professi on sigui necessari el

    domini de llenges estrangeres?

    De fet, crec que no est de ms dominar el major nmero de llenges

    possibles. A causa de lactual globalitzaci, s important tenir un molt bon domini de

    lAngls, que s l idioma internacional. I si tens lopci daprendre la llengua dels

    pasos emergents, sempre tindrs ms bons contactes dintre de les operacions

    comercials, i almenys, ja tindrs un avantatge ms, per sobre dels teus competidors en

    el camp professional.

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.4

    2.- EXEMPLES PGINES WEB NDEX

    2.1 Pgines ndex Dinmiques.

    http://www.sqcircle.com/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.5

    http://www.agencynet.com/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.6

    www.spunkunited.com

    Els elements de la pgina van

    apareixent segons una animaci, s a

    dir, seguint un ordre: primer el fons desprs les imatges,.., i per

    ltim el text.

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.7

    www.bestiario.org/research/videosphere/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.8

    http://moebio.com/esfera/esfera.htm

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.9

    http://www.stefine.com/home.htm

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.10

    http://pfw-online.de/previewframe.php

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.11

    2.2 Pgines ndex amb petits recuadres

    http://www.michaelduerr.com/portraits.html

    http://www.bodytag.org/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.12

    www.egocrew.com

    http://www.studiobrutus.com/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.13

    http://gedichten.webpunt.nl/

    http://www.sabiresusuz.com/index2.html

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.14

    2.3 Pgines ndex Men.

    http://www.anne-sophie-mutter.com/me_index.php

    www.myguide.pt

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.15

    http://www.a-mac.nl/amac/

    www.elbulli.es

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.16

    2.4 Pgines ndex al centre de la pantalla

    http://www.lobo.cx/

    http://www.usemedia.com/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.17

    http://www.induplus.eu/#/collection/

    http://www.poggiomolina.it/en.html

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.18

    http://www.kanszei.com/

    http://www.albergo-laposta.it/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.19

    http://www.lomolover.com/lomolover2.htm

    www.insercoes.org

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.20

    http://www.pixelstudio.info/indexflash.html

    http://www.ilove2design.com/main.html

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.21

    3.- EXPLICACIONS D EXEMPLES DE PGINES WEB

    3.2 Explicaci 1 Videosphere www.bestiario.org/research/videosphere/

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.22

    Explicaci.

    Bestiario s un dels estudis lders en temes de visualitzaci de dades. Desde fa tres anys

    utilitza diversos models de negoci que sacaben deriven sempre en un mateix punt

    concret: la relaci entre dogma i producte. Alhora, s una petita companyia basada en

    Barcelona I Lisboa, la qual es va fundar tres anys enrere. Es dedica principalment a la representaci

    dinmica de dades i a la creaci despais digitals per la creaci collectiva de coneixement i ell seu

    eslgan es fer lo complex, comprensible.

    Un dels seus projectes ms destacats s la Videosphere. Tracta duna

    conversaci entre art, cincia, tecnologia i la societat.

    Tal i com veiem en les imatges superiors sempre ens podem trobar amb

    pagines webs que se surtin del prototip bsic ms utilitzat. Ja no utilitzen una

    estructura bsica lineal i senzilla amb una organitzaci de la informaci disposada

    sequencialment a travs dels enllaos. En aquest cas trobem un disseny ms noveds,

    desconegut i ms interessant i elegant.

    Aquesta pgina principal est disposada circularment i t forma desfera. Com

    veiem, dins della hi trobem una gran quantitat de vdeos diferents, als quals per

    accedir nomes tenim que apropar-nos-hi i clicar al play.

    Independentment de lesfera, tamb trobem un petit men que ens permet

    escollir les opcions que ms ens interessin. Des del fet de mirar lesfera des de dins o

    des de fora, la visibilitat de les relacions entre vdeos (les lnees que els uneixen),

    pantalla completa, o fins i tot una organitzaci per continguts de les diferents

    reproduccions.

    Aqu ja no trobem enllaos que ens portin a una altra pgina ni res per lestil. En

    la videosphere sempre et trobes en la mateixa pgina, per a partir duns petits

    enllaos thi vas movent dintre de ella. Normalment sn fletxes que apareixen

    automticament quant et vols desplaar, les cliques i et porten a altres llocs de

    lesfera. A partir daquest moviment pots veure tota la superfcie circular daquesta i el

    centenar de vdeos que hi cont.

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.23

    3.1 Explicaci 2 El Corte ingls: www.elcorteingles.es

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.24

    Explicaci

    El corteingles. Centre comercial on podem trobar qualsevol de les nostres necessitats,

    desde lalimentaci bsica fins a un viatge per a les vacances. s una entitat coneguda,

    i famosa arreu de lestat, i s per aix que no podria faltar una pgina web.

    En aquest cas la web del Corte ingles est adreada als consumidors, que ja

    vulguin consultar la disponibilitat dun producte, fer la compra via Internet o

    simplement entretenir-se amb el catleg.

    Com ja sabem el centre comercial ofereix una gran diversitat de productes i s

    per aix que aquesta pgina especialment es molt complexa i ha destar molt ben

    organitzada per no perdre a lusuari en un mar denllaos interminable. Com veiem en

    les fotografies, la web compleix les expectatives. Un element essencial i molt til en

    aquest tipus de pgines s un gran men organitzat per seccions. En aquest cas es

    troba en el lateral, ordenant els productes per diferents seccions. Tamb s molt

    important el fet de tenir sempre present un enlla cap a la pgina principal. Aix ajuda

    al visitant a no sentir-se perdut, i saber que sempre pot tornar al lloc des don ha

    vingut.

    La pgina principal o portada s atractiva, amb anuncis i publicitats constants

    per tal datreure als visitants a realitzar algunes compres. Sempre sanuncien les noves

    ofertes, els nous productes, les noves colleccions, etc. I finalment, com en quasi totes

    les pgines webs dentitats, institucions, empreses, sha de distingir clarament un

    logotip, una imatge prpia daquella web.

    Pel que fa a lestructura dels enllaos, aquesta es basa en la jerarquia.

    Comencem des de una pgina amb mltiples opcions a triar, diverses seccions amb

    centenars de productes en elles, i desprs anem definint ms i ms fins que arribem a

    la pgina on trobem la informaci detallada del producte que ens interessa.

    I finalment, respecte a lesttica, aquesta s bastant semblant a altres pgines

    que hem vist. Fons blanc, i en aquest cas tons verds (colors propis del corteingles) per

    als ttols, textos, mens, etc. Una esttica senzilla, correcte i sense cap tipus de

    dificultat per a la visi del sser hum.

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.25

    3.3 Explicaci 3 Museu Nacional del Prado www.museodelprado.es

    El museu del Prado, s un museu conegut internacionalment ja que recull una

    gran varietat dArt Contemporani darreu del mn. Es situa a Madrid i com qualsevol

    casa dart no li falta una bona pgina web.

    Com veiem en la imatge superior, la pgina principal o portada est adreada a

    diferents usuaris de diferents nacionalitats ja que ens mostra una gran varietat

    didiomes. Aquest detall noms s com als llocs dinters bastant coneguts i que

    tinguin un pblic de tot tipus. A ms a ms aquesta home prvia ja ens fa tres cntims

    del que podrem trobar al seu interior. El fet de comenar amb una imatge cultural, un

    quadre sembla ser, ja ens indica que la pgina en s tractar sobre un tema cultural i

    artstic.

    Amb un sol clic de ratol arribarem a la anomenada pgina ndex, la pgina

    desde la qual podrem accedir a tots els continguts del nostre inters. Men a

    lesquerra, notcies actuals per atreure als usuaris a la part dreta superior, en aquest

    cas es tracta de noves colleccions artstiques, i imatges per a orientar al visitant. Una

    estructura com i bastant utilitzada, senzilla i eficient. Ens permet tenir les idees clares

    i trobar fcilment la informaci que busquem. Un cop ens endinsem en un sol apartat,

  • Annex 1. La Web i el seu Disseny Mireia Martnez

    1.26

    lestructura es va minimitzant i s cada cop ms senzilla. Alhora apareix un altre men

    subordinat que probablement ens portar a informaci ms detallada.

    Per altra banda aquesta pgina web s molt complexa. Podem observar que no noms

    t imatges i informaci, sin que tamb t activitats interactives, enllaos cap a altres

    empreses i un propi buscador.