Arxiu de març del 2014

  • Divendres 28 març 2014 per

    50 eines i recursos per a escollir colors en disseny web

    Recull d'eines per a treballar en colors - Disseny webTots sabem que els colors transmeten emocions i que, en disseny web, és molt important fer una bona elecció de la paleta de colors. Així, depenent dels colors que utilitzem, transmetrem uns valors o uns altres d’acord amb el tarannà de l’empresa o institució per la qual estiguem treballant.

    Fa temps, en aquest mateix blog, us parlàvem dels esquemes de colors, però avui us volem presentar un llistat molt més exhaustiu d’eines i recursos que us ajudaran a l’hora d’escollir els colors per als vostres dissenys.

    Eines genèriques per a treballar amb el color online

    • Colorhexa
      Donant un codi de color, t’ofereix un munt d’informació sobre paletes de colors, ombres i tints, variacions del mateix to, conversions en altres formats de color… I també un simulador per a persones amb deficiència en la visió del color.
    • Kuler
      És una de les millors eines de creació d’esquemes de color, de la mà d’Adobe.
    • Color Scheme Desginer
      Amb una bonica interfície, ofereix un munt d’eines per a escollir colors i les seves variants. Té magnífiques opcions d’exportació (HTML + CSS, XML i paletes de Phothospo o de Gimp). També té opcions d’accessibilitat, amb el “colorblind”, que et permet simular com ho veuen les persones amb algunes de les deficiències més habituals en la visió del color.
    • Color Explorer
      Ofereix un recull d’eines molt completes per al tractament del color, per a crear i convertir la teva paleta de colors i també permet escollir colors dels esquemes de colors més coneguts i un convertidor de formats i un analitzador de contrast.
    • Color blendy
      Permet anar generant els colors al moment i visualitzar el millor resultat
    • Color combinations tester
      Per a crear combinacions de colors
    • (Actualitzat Nov- 2018) How Colors Work on the Web in 2018
      Una bona guia per entendre els diversos usos del color aplicat al web i com declarar les seves codificacions en RGB, codi hexadecimal, etc.

    Eines per a extreure els colors a partir de pujar una imatge

    Webs on inspirar-se, crear o compartir paletes de colors

    • Color lovers
      És una comunitat online on els afeccionats al color poden crear, compartir i navegar per diferents paletes de color, compartir colors, patrons, parlar sobre les darreres tendències en colors i llegir articles sobre color.
    • Instant Color Schemes
      Esquemes de color generats analitzant l’API d’imatges de Yahoo.
    • ColorRD
      Per a crear i compartir la inspiració relacionada amb els colors.
    • Color Combos

    Eines per agafar colors (color pickers)

    Altres eines curioses

    • Multicolr Search Lab
      Cercador d’imatges a partir del color: tenint com a base 10 milions d’imatges de Flickr, et permet cercar imatges escollint fins a 5 colors. Molt útil per trobar imatges de determinades tonalitats.
    • Stylify Me
      Una eina molt útil! Introdueixes la URL d’un web i et retorna els colors i també els estils principals utilitzats en aquest web.
    • Check my colors
      Com en el cas interior, introdueixes una URL i et dóna els colors utilitzats i valora si hi ha algun problema amb el contrast, lluminositat, etc.
    • Brand colors
      Per a inspirar-se: t’ofereix els codis de color del color corporatiu de moltes marques conegudes
    • Colorzilla
      Extensió molt útil per a Firefox per a agafar els colors dels webs que es visiten

    Infografies interessants

    Teoria del color

    Esperem que us sigui ben útil!

    , ,

  • Dimarts 11 març 2014 per

    Creant bells relats de fotos

    Exposure, explicar històries mitjançant la fotografia
    Amb els temps que corren en què hi ha eines i aplicacions per tot, els fotògrafs – ja siguin amateurs o professionals – tenen moltes opcions a l’hora de publicar les seves fotos. N’hi ha que opten per tenir el seu propi web amb el seu portfolio, d’altres que mantenen un blog on van publicant les seves fotografies. I també hi ha opcions molt més senzilles com publicar-les a Flickr, a Tumblr o a 500px. Això va a gust de cadascú.

    Però resulta que Luke Beard – de l’startup Elepath – no trobava l’eina adequada per publicar les seves fotografies, així que va decidir crear-la al seu gust. I heus aquí que, el desembre de l’any passat, sortia Exposure, un web que combina els reculls de fotografies amb la seva narrativa. Una eina ideal per a explicar històries a través de les imatges.

    Amb un editor del tipus WYSIWYG (que vol dir que el que veus a l’editor és el que sortirà), la tasca de crear sets de fotografia resulta molt senzilla. Es poden arrossegar i deixar anar les fotos al navegador i afegir les capçaleres i el text a sobre o entremig de les fotografies. El resultat final és sovint una exquisida combinació de la narració de text i fotografia. Tot plegat amb un disseny minimalista que facilita l’storytelling: amb imatges de gran format, amb una bona selecció de tipografies i un molt bon ús dels espais en blanc.

    No espereu que aquesta eina us deixi modificar gaire l’aspecte gràfic, però sí que us deixarà crear les vostres històries en pocs minuts amb uns resultats sorprenents. Veureu, a més, que hi ha una versió gratuïta i dues plans diferents en la versió de pagament.

    Si navegueu pel web, podeu veure les històries d’altres usuaris, que sobretot han compartit viatges. La majoria són espectaculars. Perquè us en feu una idea, us podem recomanar alguns d’aquests reculls:

    Exposure, exemple de fotografia social
    Exposure, exemple de set de fotografies de festivitats
    Oi que es poden explicar històries visualment molt efectives? Doncs si us decidiu a crear la vostra història, ens agradarà molt que la compartiu amb nosaltres.

    , ,

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