Cómo hacer rápidamente un prototipo web-cómo hacer un sitio web web
Cómo diseñar un prototipo de página web
En el último medio día, arrastré y arrastré distraídamente para construir todas las partes, pero la página resultante era tan terrible que no lo hice. Incluso tengo el coraje de abrirlo. Después de regresar a casa por la noche, lo hablé con mi vecino durante otras tres horas y finalmente me quedé despierto hasta tarde para completar el prototipo. Aunque el prototipo final no fue adoptado, esta vez el prototipo fue elogiado. El líder dijo que mi prototipo había mejorado. Escribiré este artículo hoy para resumir el trabajo durante este período. Antes del diseño del prototipo: ①0202 Centrarse en el contenido resaltado: es necesario comprender claramente qué contenido debe resaltarse en la página. Esto generalmente se ha determinado en las primeras discusiones. ②0202 Primer propósito funcional: además del contenido, qué debe ser; ¿Se destacan en términos de funcionalidad? Como el registro directo o el tráfico directo a páginas del siguiente nivel. ③0202 Si es una revisión, ¿qué problemas se deben considerar en la revisión? Qué problemas existían en la versión anterior de la página se deben considerar al dibujar un prototipo: ④0202 ¿Cómo dividir la sección de contenido El contenido de la página se divide principalmente? en varios módulos, y lo que se almacena en cada módulo debe ser un contenido similar ⑤0202 La correlación entre módulos: debe haber alguna correlación lógica entre cada módulo y sus módulos similares, y no se puede unir aleatoriamente; de la página: Módulos y módulos Debe haber cierta conectividad lógica entre módulos y módulos. Una vez completada la página: Después de completar el prototipo, debe verificarlo, principalmente desde los siguientes tres aspectos: ⑦0202 Si el contenido está completo: verifique si está completo comparando cada parte del contenido en el marco; ⑧0202 Si la primera; la pantalla muestra el contenido más importante: El contenido que no sea la primera pantalla de la página es básicamente contenido auxiliar. Si todo el contenido no se puede mostrar en la primera pantalla, básicamente significa que el contenido está incompleto ⑨0202 Si se realiza la función: si la función que desea expresar se muestra en un lugar obvio Salir; ⑩0202 ¿El proceso es fluido? Realice el proceso correspondiente para ver si es fluido. Consejos de notas: ①0202 Saque trabajos inacabados para discusión. Las páginas incompletas no significan ideas incompletas. Incluso si es una página incompleta, debe contener un diagrama lógico claro. De esta manera, podrás obligarte a pensar con claridad antes de actuar. ②0202 Para aclarar su propio pensamiento, debe tener su propio pensamiento claro. Primero debe comprender el contenido, las funciones y los procesos. Puede enumerar algunas preguntas específicas para ayudar a aclarar su propio pensamiento. ③0202 Cíñete a tus propias ideas. Cada uno tiene sus propias ideas. Siempre que aclares tus propias ideas, debes ceñirte a ellas. Utilice su propia lógica para responder las dudas y preguntas de otras personas y formar sus propias ideas. Acerca de las herramientas y el dibujo: pasé mucho tiempo estudiando Axure antes y aprendí algunas técnicas de dibujo, pero gradualmente descubrí que no mejoraron mucho la página. Creo que puedo ignorar temporalmente las herramientas cuando domine el uso básico de las herramientas. Lo más importante de la página es su idea. Cuando la idea madure, es posible que desee considerar lentamente la profundidad de la herramienta. Pensar demasiado en cuestiones técnicas nublará su visión. No importa si el proceso de pensamiento y el tiempo de dibujo pueden ser entre 7 y 3. Después de pensar en el marco inicial y las ideas del proceso, los dibujos prototipo posteriores surgirán de forma natural. Cómo crear un sitio web
Método/Pasos
Paso 1: busque Fairless Technology en Baidu, abra el sitio web oficial de Fairless Technology y registre su cuenta de forma gratuita. El nombre de dominio de segundo nivel generado del sitio web será: cuenta. Si no desea utilizar el nombre de dominio de segundo nivel, puede vincular su propio nombre de dominio de nivel superior).
Haga clic para ingresar la descripción de la imagen
Complete la información relevante para el registro
Haga clic para ingresar la descripción de la imagen
Después registro exitoso, ingrese a la página de backend Haga clic para administrar el sitio web corporativo
Haga clic para ingresar la descripción de la imagen
Complete el título del sitio web, el tipo de sitio web e ingrese el sitio de la computadora. Los usuarios nuevos pueden optar por crear rápidamente un sitio web en la esquina superior izquierda
Haga clic para ingresar una descripción de la imagen
Elija una plantilla que se adapte a su industria. Puede usar plantillas para diferentes industrias. se modificará más tarde para satisfacer sus necesidades
Haga clic para ingresar una descripción de la imagen
Por ejemplo: seleccione la categoría de computadora en las columnas Digital, Muebles y Muebles de grandes almacenes y haga clic en Usar
Haga clic para ingresar la descripción de la imagen
Después de crear un sitio web de forma gratuita, puede agregar títulos, columnas, cargar y editar imágenes, haga clic en la esquina superior derecha para obtener una vista previa del sitio web generado. haga clic en administración del sitio web en la parte superior izquierda para ingresar a la administración del backend del sitio web.
Haga clic para ingresar la descripción de la imagen
Puede explorar los datos del sitio web en segundo plano. Si necesita vincular su propio nombre de dominio de nivel superior, haga clic en Configuración del sistema-Nombre de dominio del sitio web. y siga el tutorial para vincular
Haga clic para ingresar la descripción de la imagen
Una vez completado el sitio web, aparecerá un mensaje en la parte superior del sitio web. caducará el XXXX-XX-XX Abra el sitio web oficial de Fairless Technology y haga clic en - Introducción del producto -Abra un sitio gratuito y podrá usarlo normalmente después del envío.
Haga clic para ingresar a la imagen y describir qué herramienta utiliza para crear un prototipo de la interfaz web.
El lápiz es una herramienta de dibujo de prototipos de código abierto con un estilo dibujado a mano, tal como lo dibujar en papel. El lápiz también se puede utilizar para dibujar varios diagramas de arquitectura y diagramas de flujo, y también se proporcionan complementos para Firefox.
Framer es una herramienta de creación de prototipos de código abierto escrita en CoffeeScript. Admite efectos de animación y operaciones interactivas.