Este artículo exhibe herramientas que podrían y deberían ser usadas diariamente por los diseñadores. Si necesitás inspiración o indagar mas acerca de un estilo en particular podés visitar los sitios de muestras de diseño más populares y recomendados para encontrar trabajos y ejemplos realmente buenos.
Verifica las herramientas de diseño relacionadas, generadores online, sitios de fuentes gratuitos, templates, grandes sitios web que ayudan a probar y administrar sitios web; todos ellos han sido creados para ahorrarte tiempo a vos y dinero a tus clientes.
Recuerda: no siempre el mejor camino es crear absolutamente todo tú mismo. Sé inteligente y realizarás tus tareas más rápidamente. Te recomiendo leer todo el artículo y marcar las herramientas que te pueden ayudar, o bien marcar sólo esta página y volver a ella cada vez que necesites investigar y culturizarte mas en algún estilo en particular o en los distintos verosímiles en los que debés trabajar.
Personalmente el término “inspiración”, relacionado al diseño, lo detesto. Uno recurre a la inspiración cuando no sabe que hacer, o cuando necesita desectructurar ciertas metodologías de trabajo. En diseño se investiga, en este caso estamos hablando de aumentar la cultura visual propia, lo cual es fundamental.
Bueno, sin irnos mas de tema, espero que les sirva.
Inspiración e investigación
Deviantart es uno de los escaparates de arte más amplios en internet. Una red fabulosa, el gran problema es que el 90% de los trabajos son extremadamente precarios, la red está colmada de entusiastas y principiantes, aunque aún así se encuentran cosas maravillosas.
Web design library es un recurso internacionalmente utilizado que provee una plataforma para difundir el pensamiento y la investigación en materia de diseño. Cubre todos los aspectos teóricos y prácticos de una presentación de información online efectiva, eficiente y atractiva.
Stylevault.net es un escaparate de diseño donde los diseñadores web pueden exhibir su talento y obtener inspiración así como brindarla.
Behance es un excelente lugar para la inspiración, porque hay más profesionales con estupendos diseños.
The design inspiration fue creado por un grupo de diseñadores que buscan todos los días nuevas inspiraciones de diseño.
Herramientas de diseño
COLOURlovers es una comunidad internacional de diseñadores y artistas de toda clase que visitan el sitio para obtener inspiración en cuanto a colores, ideas y parangones para sus proyectos tanto profesionales como personales. Los leales miembros de COLOURlovers crean colores, paletas y modelos para alimentar su permanente amor al color.
Adobe kuler es aplicación de Adobe para la web que te ayuda a crear y compartir temas referidos al color.
Color Hunter es un lugar donde hallar y hacer paletas de colores creadas desde imágenes.
Con ColoRotate puedes trabajar con colores en 3D, en tiempo real, y de una manera que concuerda con la manera en que nuestra mente procesa el color.
Stripemania es una herramienta web 2.0 sencilla y gratuita, para crear franjas diagonales sin costura para tus diseños. Tú puedes elegir el tamaño de las franjas y el espaciado entre ellas. Puedes incluso agregar color y grado de declive a todas las franjas de tus diseños.
FontStruct te permite crear con facilidad y rapidez fuentes construidas a partir de formas geométricas, las cuales se disponen en una configuración cuadriculada, como baldosas o ladrillos.
Un excelente website que te permite examinar las fuentes por orden alfabético, por temas o por fechas. La mayoría de las fuentes se pueden bajar sin cargo.
Motor de búsqueda de íconos con más de 100.000 íconos gratuitos.
¿Viste una fuente en uso y quieres saber cuál es? Presenta una imagen a WhatTheFont para encontrar lo más aproximado en nuestra base de datos. O bien, deja que entusiastas encubiertos te echen una mano en el WhatTheFont Forum.
Lorem Ipsum es sencillamente texto de muestra de la industria tipográfica y de impresión.
Herramientas de codificación
El Typetester es una aplicación en línea para la comparación de diferentes tipos de letra. Su rol primordial es hacer más fácil la vida del diseñador web.
Con typeface.js puedes incrustar fuentes personalizadas en tus páginas web, y no necesitarás crear imágenes para mostrar tu texto.
Firebug se integra con Firefox para poner a tu disposición un cúmulo de herramientas de desarrollo cuando examinas una página web. Puedes editar, eliminar errores, y supervisar CSS, HTML y JavaScript en cada página web.
Smush.it utiliza técnicas de optimización para formatear imágenes a fin de eliminar bytes innecesarios de los archivos de imagen. Es una herramienta “sin pérdida”, es decir, opimiza las imágenes sin cambiar su apariencia o calidad visual.
Creador de formularios HTML
Zend Studio 7.0 es la próxima generación de nuestro entorno PHP para desarrollo de aplicaciones a nivel profesional. Fue diseñado para elevar al máximo tu productividad como desarrollador, al permitirte desarrollar y mantener con más seguridad un programa, resolver problemas de aplicación rápidamente y mejorar la colaboración del equipo.
FireFTP es una plataforma cruzada de clientes FTP, segura y gratuita, para Mozilla Firefox, que ofrece acceso fácil e intuitivo a los servidores FTP.
ExpanDrive actúa exactamente como un drive USB incorporado a tu Mac o PC. Te permite abrir, editar y guardar archivos en computadoras remotas desde dentro de tus programas favoritos. ExpanDrive aumenta el rendimiento de cada aplicación en tu computadora al conectarla de modo transparente con datos remotos.
El W3C Validator es un servicio gratuito ofrecido por W3C que ayuda a verificar la validación de documentos en la Web. Se consigue también el CSS validator.
jQuery UI es una biblioteca abierta de componentes de interface – interacciones, widgets completos y efectos de animación – basados en la estelar biblioteca javascript jQuery . Cada componente está armado de acuerdo a la arquitectura jQuery de manejo de eventos (hallar algo y manipularlo), y se puede ordenar por temas, facilitando a desarrolladores de cualquier nivel integrarlo y extenderlo en su propio programa.
Clean es un motor de código abierto para AJAX, que ofrece una interface de alto nivel para trabajar con la tecnología AJAX.
Reflection.js te permite añadir reflejos a las imágenes en tus páginas web. Utiliza javascript moderado para no alterar tu programa.
Blueprint es un marco CSS, que tiene por objeto acortar tu tiempo de desarrollo. Te da una base sólida para construir sobre ella tu proyecto, con una cuadrícula fácil de usar, tipografía sensible, plugins útiles, e incluso una hoja de estilos para imprimir.
CleanCSS es una poderosa herramienta de optimización y formateo. Básicamente, toma tu programa CSS y lo hace más claro y más conciso.
Esta página contiene los 252 caracteres permitidos en HTML.4 y XHTML 1.0, delineados en la sección 24 de las especificaciones oficiales del HTML 4, publicadas por la W3C.
Pingdom ofrece un servidor confiable y efectivo, para el manejo de redes y sitios web. Utilizamos una red global de servidores para monitorear nuestros sitios de clientes 24/7, durante todo el año. El servicio incluye estadísticas de tiempos de subida y tiempos de respuesta, y puede enviar alertas vía SMS y email.
Lightbox es un script sencillo y cómodo utilizado para recubrir imágenes en la página actual. Es muy rápido de instalar y operar en todos los buscadores modernos.
Armador de página flash gratuito.
BestFreeTemplates.info ofrece templates CSS exclusivos de diversas categorías, disponibles para bajar gratuitamente. Nuestros templates gratuitos pueden ser considerados os mejores templates gratuitos de la Internet. La configuración cualitativa de CSS, el diseño web absolutamente único, constituyen una indiscutible ventaja de nuestros templates web gratuitos. Esto es lo que nos permite caracterizar nuestros templates para website como los mejores templates gratuitos.
Verificar y administrar el sitio
BrowserShots es una herramienta de comprobación de compatiblidad del browser en un sitio web. Te permite obtener una vista previa de cómo se verá tu sitio web en todos los browsers populares. No requiere email ni registración, acepta tu URL web y espera de 3 a 5 minutos para que BrowserShots genere pantallazos para cada browser.
Mira tu diseño web en cualquier browser y cualquier sistema operativo. Chequea javascripts, DHTML, formularios y otras funciones dinámicas sobre cualquier plataforma. No sólo los tuyos. Utiliza nuestro banco de mecanismos de comprobación a distancia para verificar tu sitio web.
Are my sites up es un servicio simple que te notifica cuando tus sitios se caen de la red.
Google Analytics es la solución analítica clásica para empresas en la web, que te da una visión clara de la efectividad comercial de tu sitio web. Poderosa, flexible y fácil de usar, te permite ver y analizar los datos de tu tráfico de una manera enteramente nueva. Con Google Analytics estás más preparado para escribir agregados mejor dirigidos, fortalecer tus iniciativas de marketing y crear websites con mayor conversión.
W3Counter es tu solución analítica de website gratuita para contestar las preguntas clave acerca de tu sitio web: quiénes componen tu audiencia, cómo encuentran tu sitio, y qué les interesa.
Rastrea y controla las actividades de tu website. Conocer las estadísticas de tu página web es la clave para llevar a cabo un exitoso negocio online.
