Plantilla de diseño de interfaz: cómo hacer un diagrama de visualización del diseño de interfaz de usuario
El diseño de la interfaz de la cuenta oficial de WeChat WeChat se puede diseñar con un editor de terceros, que es gratuito y está disponible directamente, y hay muchas plantillas. . Puede elegir según sus propias necesidades y reemplazarlo con el texto y las imágenes que necesite.
1. _ _ _, ingrese a la interfaz de edición.
2. Haga clic en el formato de categoría a la izquierda y se enumerarán varios formatos preguardados para su selección. Después de hacer clic en un estilo, se inserta automáticamente en el editor de la derecha. Una vez completada la edición general, copie y pegue directamente en el editor de la cuenta oficial de WeChat.
3. También puedes editar de la misma manera, o puedes editar el mensaje gráfico completo y luego copiarlo y pegarlo en el editor de la cuenta oficial de WeChat, guardarlo y enviarlo al grupo.
Datos ampliados:
La cuenta oficial de WeChat es una cuenta de aplicación aplicada por desarrolladores o comerciantes en la plataforma pública de WeChat. Esta cuenta es interoperable con cuentas QQ. A través de la cuenta oficial de WeChat, los comerciantes pueden lograr una comunicación e interacción integral con grupos específicos a través de texto, imágenes, voz y video en la plataforma WeChat. _P El barco Weishan tiene una larga historia.
2016 65438 El 18 de octubre, Tencent anunció en Beijing que el número de cuentas WeChat del gobierno chino había superado los 65438 millones.
2065438 En abril de 2008, la Administración del Ciberespacio de la provincia de Guangdong anunció que para purificar aún más el ciberespacio y estandarizar el orden de la comunicación WeChat. De acuerdo con las leyes, regulaciones y acuerdos de usuario pertinentes, Tencent ha prohibido más de 99.000 cuentas oficiales de WeChat por participar ilegalmente en servicios de información de noticias de Internet, fabricar rumores e información falsa, difundir información obscena y pornográfica e infringir y falsificar.
2065438 El 27 de junio de 2008, WeChat anunció oficialmente el lanzamiento de la función de reimpresión en la plataforma pública de WeChat. Los artículos se pueden reimprimir directamente sin confirmación manual.
Materiales de referencia:
: Cuenta oficial de WeChat WeChat
Cómo hacer un diagrama de visualización del diseño de UI El proceso de producción de íconos de interfaz en el diseño de UI;
1. Etapa creativa de íconos;
2. Etapa de boceto;
3.
Suplemento:
1. Cree un nuevo lienzo del tamaño requerido en PS y guárdelo, denominado Plantilla de representación de diseño de interfaz de usuario.
2. Cree un nuevo lienzo y asígnele el nombre Interface UI Design Rendering Display. El tamaño es arbitrario.
3. Arrastre la plantilla de representación del diseño de la interfaz de usuario guardada. psd a lienzo. Ctrl transforma al tamaño apropiado e inclina al efecto de perspectiva apropiado.
4. Luego haga doble clic en la capa de la plantilla de representación del diseño de la interfaz de usuario.
Suplemento: UI es la abreviatura de interfaz de usuario. Generalmente se refiere a la interfaz operativa del usuario, incluidas aplicaciones móviles, páginas web, dispositivos portátiles inteligentes, etc. El diseño de la interfaz de usuario se refiere principalmente al estilo y la belleza de la interfaz. En términos de uso, la interacción persona-computadora, la lógica de operación y el diseño general de la hermosa interfaz del software son otros aspectos igualmente importantes. Una buena interfaz de usuario no solo hace que el software sea personalizado y de buen gusto, sino que también hace que su funcionamiento sea cómodo, simple y gratuito, reflejando plenamente el posicionamiento y las características del software.
Diseño de interfaz La interfaz es un canal para que las personas intercambien información. El propósito del diseño de la interfaz es hacer que este canal sea conciso y claro, para que las personas puedan operarlo a voluntad y obtener ayuda efectiva en el proceso. El propósito del diseño de la interfaz web es reflejar mejor el contenido de la página web y resaltar el tema del diseño de la interfaz. Aunque el diseño de la página del sitio web reflejará un cierto grado de diseño personalizado de acuerdo con los diferentes requisitos funcionales del sistema, también debe seguir el principio de coherencia, incluso si el sitio web en su conjunto mantiene la coherencia de colores, componentes y otros elementos (Zhang Fan et al., 2005; Gu Dawei et al., 2000; Liu Yongzhan, 2002). Dado que el sistema incluye muchas páginas, este artículo solo selecciona algunas páginas representativas para la descripción del diseño, incluido el diseño de la interfaz general, el diseño de la interfaz de riesgo nacional, el diseño de la interfaz de riesgo del transporte y el diseño de la interfaz de gestión del sistema.
5.2.4.1 Diseño general de la interfaz
El diseño general de la interfaz del sistema prototipo se refiere a una serie de principios básicos del diseño de la interfaz web y utiliza Sharepoint para implementar razonablemente toda la interfaz del sistema. . La interfaz principal incluye principalmente: el área A es el área LOGOB del tema del sistema es la barra de navegación de funciones; el área C es el área de subdivisión funcional; el área d es el área de visualización de funciones; el área e es la descripción de la información de derechos de autor (Figura 5.20).
Figura 5.20 Interfaz general del sistema
5.2.4.2 Diseño de la interfaz de riesgo país
El propósito del diseño de la interfaz de visualización del riesgo país es: ① Integral y preciso en el Mapa GIS, muestra claramente los riesgos de varias regiones o países del mundo (2) muestra clara y claramente la geografía, la historia, el origen étnico, la religión y otra información básica de los países que tienen estrechos vínculos con China en la importación y exportación de petróleo; , gas y recursos minerales sólidos, especialmente petróleo y gas. La información sobre riesgos políticos, económicos y geográficos de áreas y países sensibles a las exportaciones proporciona una base científica para que los usuarios los elijan como fuentes de importación de petróleo.
La interfaz de riesgo país consta de dos partes. La primera parte llama al mapa mundial a través de SIG y colorea cada país o región con diferentes colores según el riesgo de cada país o región en el mapa mundial. Los dos sistemas de color rojo y amarillo se utilizan principalmente para representar riesgos.
La segunda parte es la visualización de información de cada país, que incluye principalmente a más de 20 países que tienen estrechos vínculos con China en la importación y exportación de petróleo, gas y recursos minerales sólidos. La primera parte del diseño de la página es consistente con la interfaz principal y la segunda parte se enfoca en la página de visualización de información nacional, como se muestra en la Figura 5.21. El sistema de color de la interfaz de riesgo país de información de riesgo es azul, lo que es consistente con todo el sistema. El color es refrescante y limpio, dando a las personas una sensación fresca y agradable. El diseño de la interfaz se divide principalmente en bloques y se muestra una gran cantidad de información rica en un área limitada de manera ordenada. La lógica de todo el enlace de la interfaz es clara y los usuarios pueden regresar fácilmente a la página de inicio desde cualquier página o cambiar entre módulos funcionales.
Figura 5.21 Interfaz de riesgo país - Página de información del país
El diseño de esta página proporciona a los usuarios la información más importante sobre petróleo y gas. El centro de la página está dividido en tres áreas. El área C es el área de visualización del mapa. En el área E, más llamativa, la ubicación geográfica del país, el perfil de recursos de petróleo y gas y la descripción de la fuente de datos se mostrarán en forma de texto combinado con íconos. La parte inferior izquierda de la página (área D) está diseñada como un menú de lista, y los usuarios pueden seleccionar y ver información relevante según sus diferentes necesidades. El área f en la parte inferior de la página es donde se muestra la información de derechos de autor.
Durante el proceso de diseño, la interfaz del seguro nacional implementó estrictamente ideas de diseño simples y hermosas y conceptos de diseño centrados en el usuario, logró una combinación de belleza y practicidad y logró los objetivos establecidos durante el diseño inicial.
5.2.4.3 Diseño de interfaz de riesgo de tráfico
En el proceso de importaciones de petróleo y gas de China, el 80% se completa mediante transporte acuático. En el proceso de transporte de petróleo y gas al extranjero, inevitablemente se verá afectado por factores como la tasa de accidentes de riesgo de ruta, el rendimiento del puerto y los ataques piratas. Por lo tanto, el módulo de riesgo de transporte se ha diseñado y desarrollado en detalle en este sistema. El diseño de la interfaz primero toma la funcionalidad como el primer principio rector, toma los factores técnicos como la consideración principal y tiene como objetivo completar o realizar las funciones necesarias. En términos del estilo general de la interfaz, se utiliza el mismo sistema de color y configuración del marco de la interfaz como interfaz principal, así como varios otros submódulos, como el riesgo país. De esta manera, por un lado, se puede extraer rápidamente información útil a través de la interfaz del sistema, por otro lado, la interfaz general se puede hacer razonable y hermosa;
La idea principal de diseñar la interfaz de riesgo de transporte es: primero, utilizar el software MapInfo y la tecnología GIS para mostrar visualmente los datos de varios indicadores subyacentes de riesgo de transporte, incluido el riesgo portuario, el riesgo de ruta y el riesgo del transportista. y ataque de piratería. Después de la visualización, información detallada como puertos específicos se mostrará en una página separada. Finalmente, se utilizó tecnología Flash para crear animaciones de puertos, rutas, portaaviones y ataques piratas.
Después de ingresar a la interfaz de riesgo de transporte, haga clic en uno de los submenús de consulta de riesgo para obtener la interfaz del mapa temático de riesgo SIG como se muestra en la Figura 5.22.
Tomando el riesgo de ruta como ejemplo, debajo del marco principal a la derecha, se utilizan el software MapInfo y MapXtreme para dibujar todas las rutas, y la tecnología GIS se utiliza para mostrar los riesgos de la ruta. Se divide principalmente en las siguientes cuatro secciones: En el área C, usando un menú de árbol, los clientes pueden seleccionar directamente la sección requerida en el área D, consultar algún software SIG profesional para crear una barra de arrastre para ajustar el tamaño de la interfaz del mapa temático, que complementa efectivamente la visualización de toda la interfaz. En la Zona E, el nivel de peligro de la ruta se muestra principalmente a través del color de la ruta, y el grosor de la ruta indica la capacidad de carga de la ruta. La visualización de datos de backend muestra que los clientes pueden ver intuitivamente la información de riesgo relevante de cada ruta según el gráfico, lo que facilita a los tomadores de decisiones tomar decisiones basadas en la información. La Zona F utiliza tecnología de espectro para mostrar el valor de riesgo de cada ruta desde arriba; a bajo a través de leyendas, lo que permite a los Clientes comprender de un vistazo el valor de riesgo de cada ruta. En el área G en la parte inferior derecha, para comprender el mapa temático SIG en detalle, se utiliza el software SIG para configurar botones auxiliares relevantes, que incluyen acercar, alejar, arrastrar, etc., para lograr operaciones más inteligentes. Además, al seleccionar el valor de riesgo del país y el valor de riesgo de la aerolínea, se debe considerar el estilo general de la interfaz y elegir un sistema de color apropiado para que la interfaz sea suave y hermosa.
Figura 5.22 Mapa SIG de riesgo de ruta en riesgo de transporte
5.2.4.4 Diseño de la interfaz de gestión del sistema
El módulo de gestión del sistema se refleja bien en el diseño del página Principios generales de diseño. La administración del sistema mantiene el tono azul general, la fuente predeterminada del sistema y el diseño de la estructura de columnas. Las subpáginas en la gestión del sistema también reflejan la coherencia del estilo del sistema y el comportamiento interactivo.
El módulo de gestión del sistema de sistemas de gestión y desarrollo de recursos minerales sólidos de petróleo y gas extranjeros es principalmente para usuarios administradores de sistemas back-end, por lo que tiene ciertos requisitos para el conocimiento del sistema de los usuarios, como la operación posterior del sitio web y mantenimiento, actualizaciones de bases de datos, etc. , lo que requiere que los administradores del sistema mantengan bien el sitio web (Wu Kun, 2005). Entonces la interfaz es más profesional en el proceso de diseño. Se presenta en detalle una página típica del módulo de gestión del sistema (página de gestión de datos nacionales), como se muestra en la Figura 5.23.
Figura 5.23 Descripción general de los recursos de datos nacionales
En la página de datos nacionales, el diseño de la página de gestión de datos básica de la gestión del sistema adopta principalmente un diseño web dinámico basado en tecnología de plantillas, es decir, utilizando La tecnología de página de plantilla y la tecnología AJAX permiten que las subpáginas hereden la interfaz principal de la página de plantilla. La ventaja de utilizar esta tecnología clave es que cuando desee modificar la interfaz principal de la página web, solo necesita modificar la página de plantilla, lo que simplifica enormemente el mantenimiento de la página web.
La página principal está dividida en tres áreas funcionales: el Área A es el área de selección de funciones, que incluye dos entradas de enlaces; el Área B es el área de activación de eventos, que controla la visualización del contenido del Área C; el área de visualización de información del objeto. Otras áreas, como el logotipo del sistema, la barra de navegación, la información de derechos de autor, etc., son consistentes con el diseño de la interfaz principal. Este diseño coloca el texto en diferentes ubicaciones de la página de la manera más adecuada para la operación y la navegación, y también refleja el flujo lógico desencadenado por la página.