Share
Utilizamos numerosas herramientas y servicios en Tuts +, así como también enseñamos cómo usarlos a través del material educativo publicado regularmente en este sitio. Aquí están nuestros principales recursos recomendados para profesionales de diseño web, que son organizados por nuestro equipo editorial.
Tenga en cuenta que algunos de los siguientes enlaces son enlaces de afiliados. Esto significa que ganaremos una pequeña comisión si compra esa herramienta o servicio en particular. Si lo haces, te agradecemos por apoyar a Tuts+.
Adobe Creative Cloud es una membresía continua que le permite descargar e instalar cualquiera de las aplicaciones de Adobe Creative Suite. También obtiene servicios en línea para compartir archivos, colaboración y publicación. Con el tiempo, el costo de la membresía se acumula, pero es una excelente manera de obtener todas las herramientas necesarias para un bajo costo de inversión inicial. Con este servicio, siempre tendrá la versión más reciente del software de diseño superior de Adobe. Aprende más sobre Adobe.
Con este complemento de Photoshop puede crear columnas, filas, puntos medios y líneas de base precisas. Esta es una gran herramienta para configurar sus cuadrículas de diseño en Photoshop. Las grillas pueden utilizar múltiples tipos de medidas. Lo mejor de todo, es gratis. Obtenga más información en GuideGuide.
CSS Hat acelerará su flujo de trabajo de diseño web. Con este complemento de Photoshop de gran utilidad, puede generar CSS3 en función de los estilos de capa de Photoshop. Genera CSS válido y bien codificado directamente desde sus capas PSD en Photoshop. Este complemento hace que sea muy sencillo traducir su diseño de Photoshop a su navegador rápidamente. Aprende más sobre CSS Hat.
Comience con nuestra serie Fireworks Pro. El software Adobe Fireworks CS6 lo ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante. Produzca wireframes, maquese sus diseños, ofrezca imágenes vectoriales y de mapa de bits, y contenido interactivo para tabletas, teléfonos inteligentes y sitios web populares. Aprende más sobre Adobe.
Balsamiq es una aplicación de cableado que te permite crear diseños web y de pantalla con una sensación de dibujado a mano. Al presentar los esquemas alámbricos en un estilo incompleto, no intimida a los clientes. Esto les permite centrarse en la colocación de elementos clave en el diseño. Es rápido para trabajar y es fácil de implementar los cambios. Obtenga más información en Balsamiq.
Coda es uno de los editores de códigos favoritos de muchos diseñadores web profesionales. Tiene una aplicación familiar de Mac para los creativos visuales, a la vez que proporciona funciones de edición de código robustas. Coda 2 ha agregado nuevas y emocionantes características, como: plegado de código, completa inteligente, mejor administración de archivos y más. Aprende más en iTunes.
Transmit 4 es el mejor cliente de transferencia de archivos FTP, SFTP, WebDAV, Amazon S3 en Mac. Es rápido, tiene una vista práctica de dos paneles, con la que es fácil trabajar y permite transferencias de múltiples conexiones. Aprende más en iTunes.
Sublime Text es un editor de texto sofisticado para código, marcado y prosa. Cuenta con una interfaz de usuario pulida y un rendimiento increíble. Su conjunto de funciones es robusto, con edición dividida, la capacidad de ir a cualquier cosa y el modo sin distracción. Aprende más sobre Sublime Text.
TextExpander te ahorrará tiempo, grandes cantidades de tiempo. Con esta aplicación útil, puede guardar los fragmentos de código más usados para ingresar rápidamente a su último proyecto de cliente. Además, guarde plantillas de correo electrónico completas, firmas o fragmentos de texto de uso frecuente. TextExpander puede colocar cualquier texto que configure en cualquier programa en el que esté trabajando. Aprende más en iTunes.
Gradient ayuda a agilizar la creación de gradientes CSS3. Toma el tedioso proceso de crear gradientes CSS3, lo que hace que la mayoría de los diseñadores web se estremezcan, y lo hace fácil. Aprende más en iTunes.
Con Typekit puede agregar una línea de código a sus páginas y elegir entre cientos de fuentes web. Sencillo, a prueba de balas, compatible con las normas, accesible y totalmente legal. Con Typekit puede ampliar sus opciones de fuente de diseño web dramáticamente. Aprende más sobre Typekit.
Con Typecast puedes crear una mejor tipografía web con menos problemas. Escriba rápidamente el estilo en el navegador y compruebe la legibilidad, la representación y la belleza mientras trabaja. Mientras diseña de manera intuitiva, el navegador hace que las cosas sean semánticas, al crear un código que coincida con cada decisión de diseño. Obtenga más información en Typecast.
Si está trabajando como creativo gráfico independiente, entonces su empresa se beneficiará de ConceptShare. Este servicio en la nube ayuda a los creativos a obtener comentarios de los clientes sobre activos visuales Mejora el proceso de aprobación del cliente y le permite entregar resultados pulidos a tiempo y según las especificaciones. Obtenga más información en ConceptShare.
BrowserStack ayuda a reducir el tiempo de desarrollo. Ofrece pruebas en vivo de otros navegadores a través de su navegador. Usted obtiene acceso instantáneo a todos los navegadores en todas las plataformas. Olvídate de la máquina virtual torpe y la configuración móvil. Aprenda más sobre en BrowserStack.
Con FormStack puede crear formularios en línea de manera intuitiva y con facilidad. Recopile datos a través de formularios de registro, encuestas, formularios de pedido, registros de eventos y más. Con FormStack sus datos recopilados se pueden integrar con aplicaciones web populares. Regístrese ahora para comenzar a crear sus propios formularios. Obtenga más información en FormStack.
Con Polldaddy puede crear encuestas, encuestas y pruebas en minutos. Conoce las opiniones de tu público. Recopile respuestas a través de su sitio web, correo electrónico, iPad, Facebook y Twitter. Genera y comparte informes fáciles de leer. Aprende más sobre Polldaddy.
ExpressionEngine es un elegante sistema de gestión de contenido. Su flexibilidad y seguridad, combinadas con su soporte de clase mundial, es una receta para el éxito en línea. Combina potentes herramientas de CMS con soporte de calidad. Aprende más sobre ExpressionEngine.
LightCMS es un diseñador amigable, fácil de usar y con el que trabajar. El alojamiento de primer nivel está integrado en LightCMS, por lo que no hay nada que instalar, actualizar o mantener. También tienen funciones de comercio electrónico integradas. Obtenga más información en LightCMS.
Squarespace 6 es la actualización más reciente de este sistema de administración de contenido y la solución de hospedaje inclusivo. Esta es una solución óptima para los clientes que desean ejecutar sus sitios web con poco apoyo necesario. Tienen excelentes opciones de plantilla y un motor de diseño que le permite crear configuraciones de página personalizadas con facilidad. Todos sus temas son compatibles con dispositivos móviles. Aprende más sobre Squarespace.
WordPress es un software web que puede utilizar para crear blogs y sitios web completos. Es una solución de sistema de gestión de contenido gratuita y extremadamente popular. Hay montones de temas de WordPress de calidad para elegir, tanto opciones gratuitas como Premium. Aprende más sobre WordPress.
Media Temple proporciona alojamiento web confiable y escalable, y soporte en vivo 24/7. Son conocidos por tener una configuración técnica sólida y tienen una excelente reputación. Aprende más sobre Media Temple.
WpEngine proporciona alojamiento de WordPress sin complicaciones. Es rápido, escalable, seguro y ofrece soporte totalmente gestionado. Si está configurando un sitio de WordPress para sus clientes, entonces WpEngine es una opción líder en la industria para el alojamiento. Aprende más sobre WpEngine.
Placeit es un generador de maquetas; una herramienta en línea que le permite incrustar sus propios diseños (ya sean diseños de interfaz de usuario, logotipos, otros activos de marca) en los entornos de presentación. Por ejemplo, podría tener un diseño de aplicación que le gustaría colocar dentro de un iPhone en una mesa de centro, o superponer su logotipo en la camiseta de un modelo. Tal vez incluso le gustaría ver sus diseños incrustados en los videos de stock (en serio, debe mirar los videos). Con casi 3,000 plantillas y contando, Placeit seguramente tendrá lo que estás buscando.
En ThemeForest puede comprar y vender plantillas HTML, así como temas para productos CMS populares como WordPress, Joomla y Drupal, con precios que van desde solo $ 5 hasta $ 40. GraphicRiver es un sitio de Envato Marketplace y hermano de Webdesigntuts +. Es nuestro mercado más grande y activo y una gran comunidad para involucrarse. Obtenga más información en ThemeForest.
En GraphicRiver puede comprar y vender archivos de Photoshop en capas, vectores, paquetes de iconos, complementos de Adobe y plantillas de diseño libres de derechos por solo unos pocos dólares. GraphicRiver es un sitio de Envato Marketplace y hermano de Webdesigntuts +. El sitio es el hogar de una apasionada comunidad de diseñadores gráficos e ilustradores. Aprenda más sobre GraphicRiver.
En PhotoDune puedes comprar y vender fotografías e imágenes sin royalties a partir de solo $ 1. PhotoDune es un sitio de Envato Marketplace y hermano de Webdesigntuts +. Los artículos tienen un precio en el tamaño / megapíxeles de cada archivo. Si necesita fotos de calidad y asequibles para su próximo proyecto de diseño web, este es un gran recurso para aprovechar. Aprenda más sobre PhotoDune.
MyFonts es la colección de fuentes más grande del mundo disponible en un sitio web fácil de usar. Recopilan fuentes de grandes compañías de fuentes y conjuntos boutique. Las fuentes de calidad se añaden diariamente. Si está buscando una nueva fuente para su próximo proyecto de cliente, este es el sitio para encontrarla. Aprende más sobre MyFonts.
La tienda Fonts.com de Monotype Imaging ofrece más de 150,000 productos de fuentes para que pueda verlos, comprarlos y descargarlos. Monotype ha existido por mucho tiempo y es un productor líder de fuentes. También puede obtener información sobre los nuevos lanzamientos de tipo de letra y descubrir sugerencias y técnicas tipográficas en su sitio. Aprenda más sobre Fonts.com.
Estos cuadernos naranjas franceses tienen seguidores, sí, los creativos sí se enamoran de sus herramientas. Estas almohadillas económicas son uno de nuestros favoritos. Nos encanta pasar los dedos por las rejillas, el papel liso y las cubiertas con una puntuación única. Rhodia ha sido llevada por artistas desde la década de 1930, por lo que al usar estos se siente como si estuviera aprovechando un rico legado creativo. Obtenga más información sobre estos portátiles en Amazon.
No iríamos tan lejos como para decir que necesita una mochila o un estuche elegante, pero quién no quiere uno. Incase hace que algunos de nuestros favoritos. Hacen bolsas y estuches que marcan tendencia y son perfectos para transportar su computadora portátil MacBook, almacenar su equipo creativo, iPad o iPhone. Aprende más sobre Amazon.
Adobe Ideas es su cuaderno de bocetos digital móvil, que le permite capturar y explorar ideas donde quiera que vaya. Esta aplicación móvil le permite dibujar fácilmente usando vectores, reutilizar colores específicos usando la herramienta Cuentagotas, guardar y usar múltiples temas de color. Ajuste la opacidad de la capa, mueva, gire y escale cada capa de forma independiente. Aprenda más sobre esta aplicación móvil en iTunes.
Procreate es una excelente aplicación de cuaderno de dibujo y dibujo para tu iPad. Es rápido trabajar con él para que pueda desincrustar sus ideas rápidamente. Tiene una amplia gama de pinceles para elegir, herramientas de grado de estudio y se siente intuitivamente para dibujar. Aprenda más sobre esta aplicación en iTunes.
Autodesk SketchBook Pro para iPad es una aplicación de pintura y dibujo de nivel profesional. Con el mismo motor de pintura que su contraparte de escritorio, SketchBook Pro ofrece un conjunto completo de herramientas de dibujo y pintura. Esta aplicación de dibujo popular tiene muchos fans. Es una gran opción para dibujar en tu iPad. Aprenda más sobre esta aplicación en iTunes.
Si tienes un iPad y eres un diseñador gráfico, entonces te encantará esta hermosa aplicación de referencia. FontBook es la referencia más completa del mundo en tipografía digital. Documenta el trabajo de 118 renombradas fundiciones de tipo internacional, que representan a cerca de 1650 diseñadores de tipos, y constituyen 35,000 fuentes de 8050 familias de fuentes. La aplicación FontBook presenta esta selección a través de 700,000 muestras de tipo de letra que se pueden expandir, buscar, colocar en capas, mover, desplazar y combinar de manera intuitiva como una colección de mapas, realmente increíble. Aprenda más sobre esta aplicación en iTunes.
Transforme sus imágenes con las funciones principales de Adobe Photoshop en esta aplicación diseñada para tabletas. Puede combinar imágenes, aplicar efectos profesionales y compartir resultados desde la comodidad de su iPad. Utilice las populares funciones de Photoshop diseñadas para la tableta, como capas, herramientas de selección, ajustes y filtros para crear imágenes profesionales. Aprenda más sobre esta aplicación en iTunes.
iA Writer es una aplicación de escritura simplificada que mantiene tu enfoque únicamente en tus pensamientos. Está desarrollado por el héroe de la tipografía Oliver Reichenstein. Esta aplicación ha vendido más de 400,000 copias y ha ayudado a estudiantes, periodistas y autores más vendidos a encontrar más placer al trabajar con texto. Es jodidamente increíble. Aprenda más sobre esta aplicación en iTunes.
Diet Coda es una versión funky para iPad del popular editor de código. Hay algunas limitaciones con la aplicación, pero funciona bien para implementar cambios rápidos de código en vivo en sus sitios mientras viaja. Hay algunas características interesantes integradas, como AirPreview, que te permite usar el iPad para obtener una vista previa del trabajo de Coda desde tu computadora portátil. Aprenda más sobre esta aplicación en iTunes.
El rey del wireframing en el iPad. Utilice gestos multitáctiles simples, dibuje formas, arrastre objetos y aplique estilos a todo hasta que sea perfecto. Esta aplicación está cargada de funcionalidad para planificar la presentación de la información de manera clara y bella. Aprenda más sobre esta aplicación en iTunes.
Gusto es un editor de código y cliente FTP para el iPad. Gusto le permite abrir varios documentos en pestañas para una navegación más rápida. Después de editar, obtenga una vista previa de su documento localmente para ver rápidamente sus actualizaciones y luego publíquelas en vivo. Aprenda más sobre esta aplicación en iTunes.
Textastic cuenta con un rápido y versátil editor de código que admite el resaltado de sintaxis de más de 80 lenguajes de programación y marcado. Puede conectarse a través de FTP, FTPS (FTP sobre SSL), SFTP (conexión SSH), WebDAV y clientes Dropbox. Ofrece código completo, búsqueda y reemplazo, así como muchas otras características. Aprenda más sobre esta aplicación en iTunes.
Koder es un editor de código para iPad con una interfaz simple y eficiente. Cuenta con muchas funciones que incluyen resaltado de sintaxis, administrador de fragmentos de código, edición con pestañas, código para buscar y reemplazar, tema del editor, conexiones de archivos remotos y locales, y muchas más. Aprenda más sobre esta aplicación en iTunes.
Adobe Proto es una aplicación para iPad para diseñar esquemas interactivos, prototipos para sitios web y aplicaciones móviles. Inserte componentes de estructura metálica interactiva desde la caja de herramientas de componentes, incluidos menús, pestañas, acordeones y más. Esta aplicación le permite capturar rápidamente su idea de diseño y probar la usabilidad básica del diseño. Aprenda más sobre esta aplicación en iTunes.
¡Jota! es una aplicación de pizarra simple que le permite dibujar sus ideas, tomar notas rápidas y crear planos de estructura de alambre en su iPad. Puede colaborar en tiempo real, compartir ideas por correo electrónico o guardarlas como fotos para futuras referencias. Aprenda más sobre esta aplicación en iTunes.
Penultimate le da la sensación y la apariencia de escribir en papel con un audaz bolígrafo de gel mientras captura su próxima idea visual. Es rápido, táctil y ofrece un número infinito de páginas. Puede almacenar páginas en cuadernos, compartirlas como archivos PDF exportados y regresar a través de Dropbox o Evernote. Aprenda más sobre esta aplicación en iTunes.
SketchyPad es una aplicación de wireframing que lo ayudará a realizar bocetos del sitio web y crear la interfaz de la aplicación. Viene con plantillas para entregar rápidamente las características de la estructura y la estructura del cable. Puede vincular entre sus maquetas y exportar a formato Balsamiq. Aprenda más sobre esta aplicación en iTunes.
Mocking Pad es una aplicación de bocetos de estructura alámbrica para iPad. Está hecho para la colaboración, permitiendo que los archivos se compartan por correo electrónico, Dropbox o se compartan a través de una conexión WiFi. Incluye una gran selección de plantillas preconstruidas para web, escritorio y dispositivos móviles. Aprenda más sobre esta aplicación en iTunes.
Live Wires es una forma simple y rápida de armar y prototipo de conceptos de aplicaciones para iPhone y iPad. Crea experiencias utilizables para tus usuarios. Obtenga una idea real de si su concepto funciona antes de que comience el desarrollo. Cree interfaces interactivas para iPad y iPhone, utilice una enorme biblioteca de glifos, utilice controles de visualización desplazables y más. Aprenda más sobre esta aplicación en iTunes.
Accentsconagua