7 excelentes ferramentas para un deseñador web

deseño web

O deseño web pode ser un proceso longo, laborioso e complexo. Por iso é tan importante ten ferramentas e opcións que lle permiten racionalizar as súas tarefas e merca un tempo. Vivimos un tempo no que hai moitas ferramentas web e aplicacións adicionais que cubren todo tipo de necesidades, polo que debemos aproveitalo.

Entón gustaríame compartir contigo sete exemplos disoe, por suposto, invítovos a compartir connosco na sección de comentarios calquera outra ferramenta que personalmente vexa útil para afrontar proxectos web.

deseña o teu curso con Adobe Kuler

Adobe kuler

A combinación de cores pode ser algo complicada nalgúns momentos, ben porque temos varias ideas contraditorias ou porque non podemos atopar ningunha que reflicta ben as reivindicacións do noso proxecto. Nestes casos Adobe Kuler é unha gran alternativa. Este programa gratuíto de Adobe está deseñado para facilitar a creación de paletas de cores e atopar as combinacións máis axeitadas. Como obter esta aplicación? Para iso, só terás que estar rexistrado como usuario na páxina de Adobe e unha vez que teñas o teu nome de usuario e contrasinal poderás acceder a ela rapidamente. Non sei se lembras que hai algún tempo o noso compañeiro Antonio desenvolveu un vídeo sobre esta ferramenta. Podes ter acceso ao noso vídeo dende aquí.

características-vídeo-alternativa

Tipografía

Falamos en moitas ocasións da importancia da tipografía en calquera proxecto e que decidir cal pode ser o máis adecuado tamén pode converterse nun dilema. Polo tanto, esta aplicación pode ser unha ferramenta esencial moitas veces para crear deseños. Typecast permitiralle acceder a máis de cinco mil tipos de letra de Typekit, Google Web Fonts e Fonts.com Fontdeck, todo desde un único panel de control. Deste xeito poderás escoller a tipografía que mellor se adapte ao estilo ou ton do teu traballo dunha forma tremendamente sinxela e rápida. Ademais, esta aplicación permitiralle crear columnas para organizar a información e o contido, así como alterar ou modificar a fonte escollida. Só terá que escoller o seu provedor de fontes no menú da área lateral e seleccionar calquera deles para obter un reflexo dos resultados directamente na mesma páxina web. Ademais, tamén nos permite acceder ao seu código CSS para poder inserir eses tipos de letra directamente nas túas páxinas web coa total certeza de que os teus usuarios cargarán a fonte e verán o mesmo resultado ca ti.

Guía1

Guía

É unha extensión para a aplicación Adobe Photoshop que che permitirá preparar o teu propio documento para comezar a deseñar as túas páxinas web e, o mellor de todo, será en cuestión de minutos. Para moitos deseñadores web esta ferramenta fíxose esencial, especialmente pola precisión que ofrecen as guías para conseguir deseños perfectos. Só tes que instalalo (o seu peso é moi baixo xa que é unha extensión) para gozalo.

fluxo simulacro

fluxo simulacro

Se necesitas desenvolver os teus propios wireframes, esta aplicación será moi útil xa que che permitirá deseñar o teu propio prototipo en poucos minutos en liña e para unha gran variedade de plataformas diferentes: desde iPhone, WordPress, Android, Joomla, Facebook. .. O resultado será prototipos de alta calidade que sexan fáciles de usar nos seus proxectos. Ademais, o seu funcionamento é extremadamente sinxelo, intuitivo e funcional xa que o xeito de traballar baséase nun sistema de arrastrar e soltar a través dos compoñentes ou elementos que a propia aplicación lle proporciona. Por suposto, debes ter en conta que a versión gratuíta só che permite un único proxecto cunha extensión máxima de catro páxinas, aínda que podes descargar os teus proxectos en diferentes formatos e borralos no momento en que deixes de usalos.

full206

Invisión

Cando foi lanzado espertou unha gran expectación e non é de estrañar. Invision é unha ferramenta que se centra na representación de prototipos pero cunha diferenza importante: esta aplicación converte os teus traballos en prototipos interactivos e dinámicos con transicións e animacións web, polo que as túas propias maquetas gañarán gran realismo. Tamén che permite compartir o teu proxecto con todos os usuarios que desexes (incluído por suposto o teu cliente) polo que é rápido, seguro e práctico á hora de facer presentacións de proxectos e interactuar co deseño dunha páxina web antes de comezar co desenvolvemento da mesma.

Screen-Shot-2013 02-12-at-9.54.05-AM

Bóveda de capas

Seguramente máis dunha vez tivemos dificultades para xestionar as últimas versións dos ficheiros dentro dun proxecto. Especialmente cando o mesmo ficheiro está a ser editado por varias persoas ao mesmo tempo. Layervault é unha aplicación web que lle permitirá controlar e xestionar todos os aspectos do seu proxecto (comunicación cos compañeiros, xestión de ficheiros, etc.) dende a mesma interface. Podes engadilo á barra de tarefas, que che permitirá gardar automaticamente calquera cambio, ficheiro, cartafol, etc. mediante a sincronización. no directorio LayerVault. Así, os seus compañeiros do proxecto recibirán actualizacións para ser informados de que aspectos do traballo se actualizan ou se modifican e tamén recibiremos estas notificacións nos nosos outros dispositivos se tamén os sincronizamos.

ventá de heroe

Kit de código

Falamos diso nalgunhas ocasións, pero se aínda non o sabes, direiche que é unha ferramenta moi útil á hora de construír páxinas web dun xeito organizado e limpo. Permitiralle importar os seus frameworks e compilar Sass and Less, así como optimizar os seus ficheiros facendo buscas rápidas e automáticas no proxecto co que está a traballar e nos seus frameworks.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

Sexa o primeiro en opinar sobre

Deixa o teu comentario

Enderezo de correo electrónico non será publicado.

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.