¿Qué Es un Wireframe?

¿Que Es un Wireframe?

Aprender acerca de las tramas de diseño grafico consultor Chanelle Henry en este Howcast de video.

• Transcripcion

Entonces, ¿que son los marcos del alambre? Los marcos del alambre son basicamente el esqueleto del sitio antes de cualquier diseño o cualquier tipo de enfasis visual o estetica se coloca en el sitio. Asi que, basicamente, tratando de ver, 'Bueno, tengo un sitio en la mente. ¿Que se parecen? Como va a funcionar? Y lo que es el diseño va a ser. Como va a reaccionar a la persona que accede a ella?'. En este caso, de hecho voy a mostrar un ejemplo de como se me ocurrio la CHD Colectiva sitio, nuestro sitio, que basicamente se inicio a partir de una idea conmigo en el tren y de la utilizacion de mi iPad a salir con una idea.Asi que en un principio, solo comenzo a esbozar algunas cosas y es muy dificil y muy diferentes tipos de alambre de encuadre. Hay baja fidelidad, que podria ser algo asi como un croquis, o tal vez solo un par de cuadros colocados en algun lugar para que usted puede conseguir una buena idea de donde vas a colocar las cosas. Hay la mitad de fidelidad que es un poco mas detallada y tiene mas de un sentido visual como para donde van las cosas que se muestran o no se de donde van a ser colocados, y hasta, casi, que colores van a ser, pero todavia no estas aplicando a ellos, sin embargo. Y despues de que usted se vaya al diseño visual.Asi que aqui podras ver los bocetos donde yo queria que la imagen y el slogan para estar en la parte superior y, a continuacion, queria acerca de nosotros y, a continuacion, los proyectos a estar por debajo. Yo sabia que queria ser todo en una pagina y yo sabia que yo tenia una idea de lo que el diseño se parecia, pero yo solo queria tener la idea de mi cabeza. Asi que una vez que lo hice, he utilizado Axure y, basicamente, poner juntos un enfoque mas preciso en cuanto a lo que el sitio debe ser similar. Asi que usted vera reales cajas y mas de la navegacion. En lugar de solo una casilla que dice 'navegacion' podra ver nuestra mision, nuestra historia, nuestra estrategia, lo que somos. Y esto puede ir a traves de muchos diferentes iteraciones debido a que en esta etapa son capaces de ver realmente lo que es importante. Lo que juega jerarquia en el sitio web? ¿Que quiero que el usuario debe hacer en primer lugar? Y despues de eso, sin ningun tipo de colores aplicados, eres capaz de sentir ' Bien, esto es lo que necesito para ellos. Esto es lo que necesita ser cambiado.', y una vez que eres capaz de asentarse en que, entonces usted puede venir para arriba con un diseño actual.Asi que aqui, veras que se aplica el diseño de los marcos del alambre de la seccion acerca de nosotros, con el lado de la nav, la ilustracion de la seccion, el blog, e incluso el pie de pagina. Asi que usted es capaz de hacer esto para un numero de diferentes paginas y puede ser tan simple como una pagina de marco de alambre o puede ser mas complejo, como cuando hice un iPad aplicacion de mapas y tenia mas de 70 paginas de los marcos del alambre para asegurarse de que sabia cada cosa que iba a trabajar, y que funcionaba y funcionaba eficazmente antes de cualquier diseño visual se aplico.El software que utiliza para desarrollar mi cable marcos se llama Axure, A-X-U-R-E. tambien puede utilizar Balsamiq, lo cual es muy bueno, Omnigraffle, y, a continuacion, Microsoft Visio. Asi que hay un numero de maneras diferentes. Y luego hay un numero de linea de alambre de encuadre de las herramientas que puede utilizar.