7 eines genials per a un dissenyador web

disseny-web

El disseny web pot suposar un procés llarg, laboriós i complex. Per això és tan important comptar amb eines i opcions que et permetin agilitzar les teves tasques i guanyar una mica de temps. Vivim un moment en què hi ha una gran quantitat d'eines web i aplicacions addicionals que cobreixen tot tipus de necessitats, així que hem d'aprofitar.

A continuació m'agradaria compartir amb vosaltres set exemples d'això, I per descomptat us convido a que compartiu amb nosaltres a la secció de comentaris qualsevol altra eina que a vosaltres personalment us resulti útil per abordar projectes web.

design-your-course-with-tova-Kuler

Adobe Kuler

La combinació de colors pot resultar una mica complicada en certs moments, o bé perquè tenim diverses idees contradictòries o perquè no trobem cap que reflecteixi bé les pretensions del nostre projecte. En aquests casos Adobe Kuler és una gran alternativa. Aquest programa gratuït d'Adobe està pensat per facilitar la creació de paletes de color i trobar aquelles combinacions més adequades. Com aconseguir aquesta aplicació? Per a això únicament hauràs d'estar registrat com a usuari a la pàgina d'Adobe i una vegada que expliquis amb el teu nom d'usuari i la contrasenya podràs tenir accés ràpid a ell. No sé si recordes que fa algun temps el nostre company Antonio va desenvolupar un vídeo sobre aquesta eina. Podràs tenir accés al nostre vídeo des d'aquí.

features-vídeo-fallback

Tipografia

Hem parlat en moltes ocasions de la importància de la tipografia en qualsevol projecte i és de decidir quina pot ser la més adequada també pot transformar-se en tot un dilema. Per això, aquesta aplicació pot ser una eina imprescindible moltes vegades per crear dissenys. Typecast et permetrà l'accés a més de cinc mil fonts des Typekit, Google Web Fonts i Fonts.com Fontdeck, tot això des d'un únic panell de control. D'aquesta manera podràs escollir la tipografia que més s'adapti a l'estil o tònica del teu treball d'una forma tremendament senzilla i ràpida. A més aquesta aplicació et permetrà crear columnes per organitzar la informació i el contingut així com alterar o modificar la tipografia escollida. Només hauràs de triar al menú de l'àrea lateral teu proveïdor de fonts i seleccionar qualsevol d'elles per obtenir un reflex dels resultats directament a la mateixa pàgina web. A més també ens permet accedir al seu codi CSS per poder inserir aquestes fonts directament a les teves pàgines web amb la total certesa de que els teus usuaris carregaran la font i veuran el mateix resultat que tu.

GuideGuide1

GuideGuide

Es tracta d'una extensió per a l'aplicació d'Adobe Photoshop que et permetrà preparar el teu propi document per començar a dissenyar les teves pàgines webs i el millor de tot és que serà en qüestió de minuts. Per a molts dissenyadors webs aquesta eina s'ha convertit en imprescindible sobretot per la precisió que ofereixen les guies per aconseguir dissenys perfectes. No tens més que instal·lar-(el seu pes és molt reduït a l'tractar-se d'una extensió) per gaudir-ne.

mockflow

Mockflow

Si necessites desenvolupar els teus propis wireframes aquesta aplicació va a ser-te de gran utilitat ja que et permetrà dissenyar el teu propi prototip en només pocs minuts de forma online i per a una gran varietat de plataformes diferents: Des iPhone, WordPress, Android, Joomla, Facebook ... El resultat seran prototips d'alta qualitat i de fàcil ús en els teus projectes. A més el seu funcionament és tremendament senzill, intuïtiu i funcional ja que la forma de treball es basa en un sistema drag and drop a través dels components o elements que la pròpia aplicació et proporciona. Això sí, has de tenir en compte que la versió gratuïta només et permet un únic projecte amb una extensió màxima de quatre pàgines, encara que pots descarregar els teus projectes en diferents formats i eliminar-los en el moment en que deixis de fer-les servir.

full206

Invision

Com es va estrenar va suscitar una gran expectació i no és per menys. Invision és una eina que se centra en la representació de prototipats però amb una diferència important: Aquesta aplicació converteix els teus treballs en prototips interactius, dinàmics i amb transicions i animacions web pel que els teus propis mockups guanyaran un gran realisme. A més et permet compartir el teu projecte amb tots els usuaris que vulguis (incloent per descomptat al teu client) pel que resulta ràpida, segura i pràctica a l'hora de fer presentacions de projectes i interactuar amb el disseny d'una pàgina web abans de començar amb el desenvolupament de la mateixa.

Screen-Shot-2013 02, 12-at-9.54.05-PM

Layervault

Segur que més d'una vegada hem tingut dificultats per gestionar dins d'un projecte les últimes versions dels arxius. Sobretot quan un mateix arxiu va sent editat per diverses persones alhora. Layervault és una aplicació web que et permetrà controlar i gestionar tots els aspectes de la teva projecte (comunicació amb companys, gestió d'arxius, etc.) des d'una mateixa interfície. Pots afegir-la a la barra de tasques, el que et permetrà anar guardant de forma automàtica a través de la sincronització qualsevol canvi, arxiu, carpeta, etc. en el directori de LayerVault. Així els teus companys de projecte aniran rebent actualitzacions per estar informats de quins aspectes de la feina s'actualitzen o canvien, i també rebrem aquestes notificacions en els nostres altres dispositius si també els sincronitzem.

hero-window

Codekit

Hem parlat d'ella en alguna que altra ocasió, però si encara no la coneixes et diré que es tracta d'una eina molt útil a l'hora de construir pàgines web de manera organitzada i neta. Et permetrà importar els teus frameworks i compilar Sass i Less així com optimitzar els teus arxius fent recerques ràpides i automàtiques en el projecte amb què estiguis treballant i en els teus frameworks.


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa aquí.

Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà.

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

bool (true)