Herramientas para el desarrollo web

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Herramientas para el desarrollo web por Mind Map: Herramientas para el desarrollo web

1. Invision

1.1. herramienta de prototipado

1.2. permite crear mockups interactivos

1.3. Puedes realizar tests de usabilidad;

1.4. Tener tu equipo de diseño sincronizado.

1.5. Trabajar en la interfaz de usuario sin tener que programar una línea de código.

1.6. Crear prototipos para proyectos complejos.

1.7. Insight

1.7.1. puede hacer que la tarea del desarrollador sea menos frustrante.

1.7.1.1. con ella se pueden crear hojas de estilos (CSS) pixel-perfect.

2. Mackflow

2.1. Permite crear wireframes en la nube

2.1.1. Bocetos que sirven para organizar el diseño y los elementos funcionales de un sitio web o una aplicación.

2.2. Es excelente para integrar rápidamente las herramientas

2.3. Ofrece varias soluciones UX para equipos de diseño que requieran wireframing

2.3.1. WireframePro:

2.3.1.1. Transforma las ideas para tu interfaz de usuario en diseños

2.3.2. SiteMap

2.3.2.1. Planifica la arquitectura de la información de forma visual con mapas de sitio y flujos UI.

2.3.3. StyleGuide

2.3.3.1. Elabora rápidamente atractivas especificaciones, guías de estilo UI y páginas de marca.

2.3.4. DesignCollab

2.3.4.1. Revisa y comparte procesos de diseño con un equipo de forma ordenada.

2.3.5. AnnotatePro

2.3.5.1. Una herramienta de apuntes para empezar diseños y crear imágenes interactivas.

2.3.6. WebsitePro

2.3.6.1. Plataforma de desarrollo que permite crear, administrar y alojar sitios web.

2.3.7. BannerPro

2.3.7.1. Crea banners interactivos y anuncios publicitarios sin utilizar código.

3. Proto.io

3.1. Entorno para la creación de prototipos

3.2. Podemos crear y diseñar nuestra futura aplicación.

3.3. La versión gratuita

3.3.1. está limitada a un proyecto y un agente

3.3.2. Permite guardarlo dentro del subdominio que decidamos.

3.4. Ventajas

3.4.1. Galería de imágenes predefinidas.

3.4.2. Contiene una librería de interacciones muy completa.

3.4.3. Permite ver nuestros prototipos en un dispositivo real (Android, iOS).

3.4.4. Permite acceder a los prototipos y probar la app como si fuera de verdad, ya programada.

4. Name Mesh

4.1. Permite crear y buscar nombres de dominio.

4.1.1. Cada dominio se clasifica

4.1.1.1. en una de las 8 categorias

4.1.1.1.1. Comun

4.1.1.1.2. Nuevo

4.1.1.1.3. Corto

4.1.1.1.4. Divertido

4.1.1.1.5. Extra

4.1.1.1.6. Similar

4.1.1.1.7. SEO

4.1.1.1.8. Mix

4.1.2. Los dominios se basan en números de diferentes categorías

4.2. Ventajas

4.2.1. Es gratuito

4.2.2. La cantidad de dominios es muy grande

4.2.3. Da consejos para el posicionamiento SEO

4.2.4. Genera nombres de dominio creativos

4.3. Desventajas

4.3.1. No ofrece muchas opciones de filtro

4.3.2. El generador esta limitado a 2 o 3 palabras claves.

4.3.3. Algunos nombres que aparecen disponibles no lo están.

4.3.4. Las combinaciones que se muestran contienen palabras en ingles.

5. Typecast

5.1. Permite generar bocetos tipográficos

5.2. No es gratis

5.3. Puedes exportar la página a un png para compartir el proyecto

5.4. Los elementos de texto se basan en los estilos CSS.

6. Adobe Kuler

6.1. Sirve para crear, explorar y guardar paletas de color

6.2. Búsqueda avanzada de temas.

6.2.1. basta con poner alguna palabra clave

6.2.1.1. título del tema

6.2.1.2. creador

6.2.1.3. valor hexadecimal del color

6.3. Exploración rápida a través de etiquetas.

6.3.1. Es muy fácil hacer una navegación usuario-usuario.

6.3.1.1. Conforme a las características similares entre cada tema.

6.4. Creación de temas personalizados a partir de un color.

6.4.1. Una de sus mayores ventajas, simplifica al máximo la creación de un tema.

6.4.1.1. Al poner las preferencias del tema automáticamente permite pintar con los colores de la preferencia del usuario.

6.5. Obtención de un tema a partir de una fotografía.

6.5.1. Tan solo es cuestión de que se suba una imagen desde el ordenador.

6.5.1.1. O que se tenga alojada en Flickr.

6.6. Ventajas

6.6.1. Muy fácil de usar.

6.6.2. Infinidad de combinaciones.

6.6.3. Herramientas sociales útiles.

6.7. Desventajas

6.7.1. Combinaciones no exportables.

6.7.2. Uso muy específico.

7. Sublime text

7.1. editor de Texto para escribir código en casi cualquier formato de archivo

7.2. ofrece un entorno oscuro donde las líneas de código que escribas resaltarán para que puedas centrarte exclusivamente en ellas.

7.3. Ventajas

7.3.1. Muy liviano, fácil de instalar y tiene una versión portable.

7.3.2. Resalta todo tipo de lenguaje con colores para visualmente detectar fallos a simple vista.

7.3.3. Para aprender es una buena opción, porque te ayuda pero no te lo da todo hecho.

7.3.4. Funciona tanto en Windows como en Mac y Linux.

7.4. Desventajas

7.4.1. Es totalmente configurable, pero si queremos una configuración avanzada es un poco difícil de hacer para usuarios novatos.

8. Creado por Ilse Jimena Vera San Juan