¿Cómo crea la interfaz de usuario el diseñador de UI de Nanchang?
2. Establecer el estilo de la interfaz de usuario principal - gt; buscar materiales de referencia
Además de la versión Q de la tecnología, siempre he Tuve una idea para llevar el ahora popular diseño plano (común en aplicaciones comerciales generales) a la interfaz de usuario del juego, que es el diseño plano de la versión Q con un sentido de tecnología.
Después descubrí que era realmente difícil. Porque este tipo de carga de funciones de pantalla única de UI de juego en realidad tiene más requisitos decorativos que las aplicaciones comerciales normales. La planitud no es fácil para generar un sentido de jerarquía. Debe ser bien aceptada y guiada, pero se sentirá vacía debido a la planitud deliberada.
El aspecto artístico es el principal responsable del diseño visual, los factores humanos en uso y el aumento o disminución de funciones... Básicamente, planeo discutirlo con el arte.
Versión Q de la pintura original: con respecto a los personajes de dos cabezas y los bloques de colores, simplemente puede resaltar los niveles de color... La imagen está pintada por el arte 2D de la compañía y, básicamente, el estilo del juego. parte de la pintura original.
Sensación de alta tecnología: los colores fríos azul y verde son los colores principales, bordes cuadrados con decoración angular, decoración de placas de circuito y muchos círculos extraños. ..
Sensación tridimensional: bloque de un solo color, forma de icono simple, popular.
En la versión optimizada, los botones primario y secundario deben estar guiados por texto. Después de todo, hay demasiadas funciones, pero la guía directa a partir de imágenes causará molestias a los usuarios. En general, sigo pensando que es demasiado complicado, pero algunas cosas no se pueden quitar. Los personajes y fondos están dibujados con arte 2D de la compañía
ltimg src = "/50/b 27 a 87 e 7 f 80 dbdb 838 a 8 cfdbad 613d 74 _ HD . jpg " data-raw width = " 960 " altura sin formato de datos = " 640 " clase = " origen _ imagen zh-light box-thumb " ancho = " 960 " origen-datos l = "/b 27 a 87 e 7 f 80 dbdb 838 a 8 cfdbad 13d 74 _ r . jpg ">;
3 4. El estilo se extiende hasta * * * con un diseño de interfaz de usuario adicional.
ltimg src = "/50/d0e 7b 84 E0 BC 7 deae 1 CD 269d 8683 f 7853 _ HD . jpg " ancho de datos sin formato = " 960 " alto de datos sin formato = " 640 " clase = " origen _ imagen zh-caja de luz-pulgar " ancho = " 960 " origen-datos l = "/d0e 7b 84 E0 BC 7 deae 1 CD 269d 8683 f 7853 _ r . jpg " " ltimg src = "/50/5e 0 c 9 fa 5a 260 a5f 1523 f 29 b 30d 169405 _ HD jpg " ancho de datos sin procesar = " 960 " alto de datos sin procesar = " 640 " clase = " origen _ imagen zh-caja de luz-pulgar " ancho = ". 960 " data-original = "/5e 0 c 9 fa 5a 260 a5f 1523 f 29 b 30d 65438 ltimg src = "/50/991 CAFA 63 Fe 8 f 56 c 19 F3 fb4d 02596028 _ HD . jpg " data-raw ancho = " 960 " datos brutos alto = " 640 " clase = " origen _ imagen zh-light box-thumb " ancho = " 960 " datos-o rígido = "/991 CAFA 63 Fe 8 f 56 c 19 F3 FB 438
5. Descomponer los dibujos
Usa los elementos básicos de la UI para desmontarlos * * * Además de la UI principal, la UI auxiliar es básicamente una extensión excavada aquí <. /p>
6. Diagrama de bloques del motor
Ahora todos usamos Unity como motor de juegos móviles. La parte del dibujo es en realidad volver a colocar el dibujo y luego escribir el código del programa de manera conveniente. No lo acepto.