Arxiu de la categoria "Disseny web "

  • Dimarts 2 desembre 2014 per

    Aprendre disseny web (i III): com mantenir-se al dia

    Aprendre disseny web: com estar al diaDesprés d’aprendre les bases de la programació i el disseny web, i sabent ja d’on treure la inspiració, ens toca allò més difícil o que, almenys, requereix més constància: estar al dia.

    Suposo que això deu passar en moltes professions, però, en el món del disseny web, la línia d’aprenentatge és infinita. S’ha d’estar constantment llegint, veient les noves tendències, provant noves pràctiques, aprenent nous llenguatges. Pot ser realment esgotador, és veritat, però si ets prou freak com per haver-te posat en aquest jardí, segur que no et sabrà greu haver-hi d’invertir hores.

    Aquí tens una llista de les coses que pots fer per mantenir-te el dia:

    1. Tingues cura de la teva marca personal

      Si et vols dedicar a la programació o al disseny web, cada vegada és més necessari tenir cura de la pròpia marca personal. Si ets creatiu, és imprescindible crear un disseny corporatiu que t’identifiqui i també la creació d’un portfolio online. També és recomanable fer un blog, publicar-hi regularment, definir un nínxol concret a qui dirigir-se, tenir cura de les xarxes socials i publicar les diferents feines o experiments que es fan. En aquests temps en què les xarxes socials i la reputació online prenen tant protagonisme, no n’hi ha prou en fer coses, s’ha de comunicar que es fan.

      Per a treballar aquest aspecte, et recomanem aquesta guia per a crear una Marca Personal del blog de la Vilma Nuñez.

    2. Crea el teu portfolio online

      A Internet hi ha un munt de serveis que et permetran crear el teu portfolio amb facilitat. El més important és que sigui fàcil d’actualitzar, perquè no et faci mandra ni se’t faci massa carregós anar-hi publicant els teus darrers treballs. És imprescindible que estigui actualitzat. Pensa que serà la teva principal carta de presentació al món, així que ha de respondre a diverses preguntes: qui ets? què fas? I què ofereixes? Has de tenir molt clar quin és l’objectiu. Si ets freelance, voldràs trobar clients i, si cerques feina, voldràs que les empreses vegin allò que has fet i que es morin de ganes de contractar-te.

      Si vols crear el teu portfolio en línia, fes un cop d’ull a aquestes opcions gratuïtes: Carbonmade, Krop, Cargo, Dribbble, Behance o Devianart.

    3. Subscriu-te als feeds de webs i revistes online

      En l’apunt anterior et recomanàvem un munt de webs i revistes per inspirar-se, però per estar al dia cal escollir bé quins webs o blogs ens ajuden a alimentar els nostres coneixements de forma constant. La millor opció és subscriure’s als seus canals RSS.

      Des que Google va tancar el seu servei de feedsGoogle Reader -, nosaltres utilitzem Feedly, que és una eina que ens resulta molt útil per seguir amb regularitat les informacions que ens interessen. Si vols ser eficient en aquest punt, tria acuradament quins blogs o webs vols seguir. No es tracta de seguir-ne molts, perquè ja sabem el que sempre passa: que no tenim temps de llegir-ho tot. Es tracta, doncs, de fer una bona selecció dels feeds que ens permetin estar al dia.

      Seguir webs com Smashing Magazine, A List a part, Noupe, Speckyboy, Vandelay Design, Six revisions, Webdesigner Depot, Tuts+, per dir-ne algunes de les moltes que podries seguir per estar al dia. Tot depèn també del camp en el que et vulguis especialitzar (programació, disseny web, experiència d’usuari…).

      Si trobes que subscriure’s a blogs és un rotllo i que sempre et queda tot pendent de llegir, també pots provar amb aquestes perles que hem descobert. Tria la que et sigui realment útil i posa-te-la als preferits o la pàgina per defecte quan s’obre el navegador. Són molt bones!

      • Sidebar.io. Selecciona cada dia només 5 recursos. Però quins recursos, sempre súper útils!
      • Agile Designers. Us en parlàvem fa un temps al nostre blog, és un web amb tots els recursos que necessita un dissenyador web, agrupats per categories.
      • Webdesignrepo. Una altra pàgina carregada de recursos. Ho tindràs tot a l’abast de la mà en un únic web.
      • Alltop – web design. Una pàgina que ens podria estalviar de subsciure’ns a canals RSS. Tot en un únic web i amb una selecció a l’esquerra dels articles més populars.
      • Code Visually. Repositori de recursos i eines per a desenvolupadors web.
      • Web developers handbook. Un alre recull de links per tenir a mà.
      • Muzli. Una extensión de Chrome per a dissenyadors que obre una pestanya amb una multitud de recursos per inspirar-se i estar al dia.
    4. Segueix a les persones influents del sector a les xarxes socials

      A part de seguir l’activitat de les empreses del sector, també és interessant estar al cas de les publicacions de les persones més influents en el camp del disseny web a través de les xarxes socials. Twitter és una molt bona eina per estar-ne al cas. Aquí tens algunes recomanacions de perfils que podries seguir:

      A part, també pots utilitzar Linkedin i apuntar-te a diferents grups del teu sector. Torna a ser bàsic fer una bona selecció: apunta’t només a aquells grups que ofereixin informacions interessants pel teu dia a dia o per fer networking i conèixer gent de la teva professió. És vital que el dia que et sorgeixi algun dubte, ho puguis publicar al grup i rebre consells i ajuda.

    5. Llegeix, llegeix i llegeix

      A part de tot el que trobis per la xarxa, també trobaràs revistes en paper boníssimes, com la .net magazine, que també disposa d’una versió per iPad una mica més econòmica. No és una revista barata, però et permetrà estar molt al dia de tot el que passa en el món del disseny web a Europa, amb bons tutorials i articles que aprofundeixen sobre diferents temàtiques relacionades en el món del disseny web.

      Una altra opció recomanada és la descàrrega i lectura d’ebooks. En trobaràs moltíssims de gratuïts:

    6. Mira vídeos sobre conferències i tutorials de disseny web

      Si disposes de pressupost per invertir en formació hi ha un munt de serveis on et pots subscriure amb una quota mensual o per cursos concrets i realitzar els tutorials amb vídeo: Lynda, video2brain, Treehouse, Mejorando.la (en castellà), Code School (té cursos gratuïts i d’altres de pagament)…

      Però, si no vols pagar, a YouTube hi ha un munt de canals on pots fer tutorials, tant de disseny com de programació web. Només et faltarà temps!

    7. Ves a conferències i relaciona’t amb la gent del teu sector

      Seguir tutorials, mirar vídeos, subscriure’s a blogs… Tot això està molt bé, però no hi ha res millor que sortir de l’oficina i assistir a conferències i tallers. És una manera molt adequada de mantenir-se al dia, d’estar a l’aguait de les novetats del sector i també una excel·lent manera de fer networking i d’estar en contacte amb gent del sector.

      Assistir a conferències i tallers no sol ser una opció gaire econòmica, així que si no es disposa de gaires recursos, també es pot anar seguint les conferències en streaming o via Twitter, mirar-ne les presentacions a Slideshare i buscar-ne els vídeos, que molts cops acaben publicats a YouTube.

      Si has arribat fins aquí, ja podem estar segurs que t’interessa el món del disseny web. Doncs estàs d’enhorabona, perquè el proper febrer se celebra una de les conferències més importants del sector i es fa precisament a Barcelona: l’Awwwards Conference, els dies 24 i 25 de febrer de 2015. De tota manera, al llarg de l’any es fan altres conferències interessants.

    Aquests són els nostres consells, però segur que tu tens altres receptes o mètodes per mantenir-te al dia. Estarem molts contents, si ens els comentes 🙂

    , , , , ,

  • Dilluns 10 novembre 2014 per

    Nou web de Plataforma per la Llengua

    Nou web de Plataforma per la LlenguaFa uns dies vam publicar el nou web de Plataforma per la Llengua, una de les feines en què hem estat treballant darrerament. El web estrena una nova línia corporativa seguint amb la renovació estètica que ja vam començar amb el web del Premi Martí Gasull, que vam realitzar l’any passat i que enguany presenta la seva segona edició.

    Segur que molts de vosaltres ja coneixeu la immensa feina que fa aquesta entitat per promoure la llengua catalana com a eina de cohesió social. En el seu web s’hi havia d’encabir moltíssima informació, així que per a preparar aquest nou web, hem hagut de treballar a fons en la reorganització i la simplificació dels continguts i també en l’optimització dels seus processos de manteniment.

    En aquest projecte s’ha treballat també per potenciar les vies de difusió de l’entitat, agilitzant-les i posant-les més a l’abast dels usuaris. I, a la vegada, hem canviat el sistema d’enviament dels butlletins, per fer-los més efectius. El disseny web l’hem fet amb Responsive Web Design i amb URLs amigables, per millorar-ne el posicionament.

    L’ONG del català presenta una nova cara. Esperem que us agradi tant com a nosaltres!

    , , ,

  • Dimarts 4 novembre 2014 per

    Aprendre disseny web (II): d’on treure la inspiració?

    On trobar la inspiració per fer bons dissenysSegons expliquen, Picasso deia que els bons artistes copien, però que els grans artistes roben. I, per aprendre disseny web, se’n necessita molt de mirar, de copiar i de robar.

    Després d’explicar-vos en un apunt anterior on es pot aprendre disseny web en línia, en aquest apunt ens volem centrar en la recerca de la inspiració. No hi ha res millor que veure com ho fan els qui dominen, els qui creen tendència, els qui ens emocionen. Tenim molt a aprendre i, afortunadament, hem nascut en una bona etapa de la Història: la xarxa és plena de llocs on inspirar-se. A vegades no ho sabem valorar, però l’era digital ens permet tenir grans mestres a l’abast de la mà. Un privilegi absolut.

    Aquí teniu la nostra particular selecció. Trobeu les vostres pròpies muses!

    Grans fonts d’inspiració

    • Bēhance. Excel·lent lloc per inspirar-se. Es pot filtrar els treballs segons categoria, color, tecnologia utilitzada.
    • Dribbble. És una comunitat en què els dissenyadors mostren amb què estan treballant, compartint captures dels seus treballs que poden servir d’inspiració pels demés.
    • Ffffound!. Servei web on cercar, guardar i compartir imatges inspiradores.
    • Pinterest. Aquesta xarxa social ens permet tant recol·lectar inspiració en diferents taulers, com cercar inspiració en el que publiquen els demés.

    Premis al disseny web

    Temps enrere us parlàvem dels guardons per al disseny web. No hi ha res millor que veure com ho fan aquells qui són premiats pels seus dissenys. Alguns dels webs que podeu mirar per inspirar-vos, són:

    Webs que inspiren

    Hem ordenat alfabèticament alguns dels webs on trobar inspiració.

    Blogs / magazines / cultura digital

    I aquí teniu blogs i magazines relacionats amb la cultura digital que us recomanem seguir, també ordenats alfabèticament:

    Eines per recol·lectar idees

    Les millors idees vénen quan no les busquem, ja sabeu, coses del pensament lateral… Així que hem d’estar preparats per poder guardar i classificar les nostres idees, per poder-les utilitzar en un futur proper.

    • Evernote. Fa temps que us recomanem aquesta magnífica eina. Se li pot donar múltiples usos, però en aquest cas Evernote també ens serveix per arxivar idees. Tenint l’aplicació instal·lada al mòbil, podem fotografiar qualsevol cosa que vegem (esbossos, cartells, objectes…), crear notes amb idees, organitzar-les en llibretes i tenir un autèntic magatzem d’idees a les que recórrer quan convingui.
    • Kippt. És una mena de Pinterest per dissenyadors, permet recol·lectar imatges, vídeos, textos, etc.
    • Pinterest. Us l’esmentàvem al principi com a xarxa on trobar la inspiració, però també és molt útil a l’hora d’emmagatzemar i classificar idees. I, des de fa un temps, encara més, amb l’aparició dels taulers privats.

    Per fer-vos les coses fàcils, hem creat una llista de Twitter que es diu Per inspirar-se!, que, si la seguiu, us permetrà estar al cas de les novetats de molts d’aquests webs que inspiren en disseny web.

    Ara que ja sabem quins webs podem anar seguint per agafar idees, acabem amb una encantadora infografia que explica 40 maneres de mantenir-nos creatius. Ja ho veieu: sortiu molt, feu migdiades, proveu coses diferents, trenqueu la rutina… Així vénen les bones idees. Molta sort!

    , , ,

  • Dimarts 30 setembre 2014 per

    Aprendre disseny web (I): cursos i tutorials

    Aprendre disseny web en líniaDes de l’arribada d’Internet a les nostres vides a finals del segle passat, cada vegada hi ha més gent que vol aprendre disseny i programació web. S’està demostrant que l’aprenentatge del disseny web és necessari en molts camps i, fins i tot, cada vegada és més acceptada la necessitat d’ensenyar programació a nens i nenes.

    La democratització d’Internet ha creat una generació d’autodidactes que aprenem dia a dia amb els recursos que tenim a l’abast. Ens meravella saber que Internet és un autèntic paradís a l’hora de trobar i compartir coneixement. Però què passa si ens perdem en l’excés d’informació? Si volem aprendre disseny web des de zero, per on comencem? I, si a més, no tenim pressupost, on trobem els recursos gratuïts?

    Si tot just ara t’endinses en el món del disseny web, volem ajudar-te a fer un pas endavant. Hem fet un llistat de coses que pots fer per aprendre’n en línia. En aquesta primera part de l’apunt, hi trobaràs un recull de cursos i tutorials on aprendre disseny web gratuïtament. I, en els propers apunts, també t’orientarem sobre els llocs web on trobar inspiració i t’explicarem com mantenir-te al dia. Esperem que tot plegat et sigui útil, per endinsar-te en aquesta disciplina.

    On aprendre les bases del disseny web

    Fa temps us recomanàvem Hack Design, un completíssim curs de disseny online i gratuït, on grans mestres del disseny ofereixen, via email, grans lliçons setmanals. Un bon punt de partida per situar-se en el món del disseny web.

    No es pot entendre el disseny web, sense saber conceptes bàsics de tipografia i d’experiència d’usuari. Podeu fer un cop d’ull a aquests altres recursos:

    On aprendre HTML i CSS des de zero

    On aprendre programació web

    Cursos MOOC relacionats amb el món web

    Aquesta és la nostra selecció. Segur que tu coneixes altres recursos per ajudar als qui comencen, així que esperem els teus comentaris i recomanacions.

    Fins ben aviat!

    , , , , , , ,

  • Dimarts 8 juliol 2014 per

    ODL, Laboratoris de dispositius oberts


    Fins fa relativament poc temps, en el món del desenvolupament web n’hi havia prou amb testejar el producte en els 4 o 5 navegadors principals per assegurar-se que tot anava bé.

    En els darrers anys, però, i amb l’explosió de la web mòbil, i sobretot el disseny adaptatiu, s’ha arribat a un punt en què es fa molt necessari poder comprovar la feina feta en quants més dispositius diferents millor. És a dir, a part de l’ordinador de sobretaula, cal comprovar que el que hem dissenyat i desenvolupat es veu i funciona correctament en diferents tipus de dispositius mòbils, sistemes operatius, fabricants, models…

    No és habitual tenir a mà tanta varietat de dispositius per comprovar la feina feta, i per això s’han creat els Open Device Labs, ODLs o Laboratoris de dispositius oberts. Aquests laboratoris són espais que diposen de la varietat de maquinetes necessària per facilitar la feina als desenvolupadors web. Un desenvolupador pot anar a un ODL i allà hi trobarà una varietat de mòbils i tauletes que li facilitaran la feina de testeig del seu web o aplicació.

    Els ODL es nodreixen d’aportacions voluntàries de gent que dóna dispositius que ja no utlitza, per tal de nodrir el laboratori i contribuïr a millorar així la feina dels desenvolupadors.

    Si busqueu un ODL prop d’on viviu, a Opendevicelab.com ho podreu fer. Aquest web és un recull dels ODL que hi ha per tot el món, amb dades sobre quins dispositius hi podem trobar, i opinions d’usuaris que hi han anat a treballar. Si tenim algun aparell que ja no utilitzem, a través del web també podem fer-ne donació a algun dels ODL que tinguem més a prop de casa.

    Labcase, un ODL a casa

    Com que no sempre és possible trobar un d’aquests laboratoris a prop, i tampoc ens podem permetre agafar un avió cada cop que ens calgui testejar la feina, s’ha creat un altre servei similar, tot i que encara no està en marxa. S’anomena Labcase, i la idea és la de portar-te el laboratori a casa. Labcase estarà disponible en principi només al Regne Unit. Quan algú faci la sol·licitud, li arribarà una maleta amb deu dispositius mòbils amb els quals treballar durant una o dues setmanes.

    Tot i que aquestes iniciatives són molt recents, sobretot per aquí a prop, no deixen de ser interessants i ens fan donar compte de la importància que té la comprovació de la nostra feina en dispositius reals. Esperem que aquestes iniciatives proliferin i ens en poguem beneficiar tots plegats.

    , , ,

  • Divendres 9 maig 2014 per

    Col·laboració amb el Casal Pere III de Balaguer

    Les claus del procés d'independència amb Carme Forcadell i Muriel Casals
    Hem col·laborat amb el Casal Pere III de Balaguer en la realització del cartell que presenta l’acte Les Claus del procés d’independència que tindrà lloc aquest cap de setmana a la capital de la Noguera a càrrec de Muriel Casals i Carme Forcadell.

    , ,

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos