Diseño en línea de AppUI: cómo utilizar el software de diseño de UI para crear páginas de aplicaciones

La interfaz del editor de WebFlow es amigable, lo que ves es lo que obtienes y el diseñador tiene control total. WebFlow actualiza constantemente sus funciones, incluidas fuentes web, compatibilidad con videos, estados interactivos, estandarización del W3C e incluso alojamiento. Marvel es una aplicación web gratuita de creación de prototipos que se puede utilizar para diseño web y diseño de interfaz de usuario móvil. Al igual que WebFlow, puedes usar Marvel para completar tu diseño completamente en línea y sincronizarlo con tu Dropbox, lo que te permitirá disfrutarlo o compartirlo fácilmente. Vale la pena mencionar que Marvel admite archivos en formato PSD, lo que significa que su manuscrito visual se puede utilizar sin cambiar el formato. Macaw es una herramienta de diseño WYSIWYG de escritorio con vista previa de código en tiempo real y capacidades de salida convenientes. Lo que es único es que Macaw puede crear diseños responsivos y el editor de puntos de interrupción incorporado puede ayudarlo a lograr fácilmente una visualización responsiva perfecta en diferentes tamaños de pantalla. Si bien las funciones de edición de código en Macow no son necesarias, la última versión de Macow tiene una gran experiencia con la edición de código HTML y CSS. UXPin es una conocida aplicación web de diseño que permite a los usuarios completar diseños de prototipos y estructuras alámbricas en línea. UXPin está diseñado para ayudar a los diseñadores a diseñar wireframes y prototipos de forma rápida y sencilla. Tiene administración de versiones completa, admite diseño responsivo y diseña la interfaz de usuario arrastrando controles prediseñados.

El primer punto sobre cómo utilizar el software de diseño de UI para crear una página de aplicación: comprender la mentalidad de su grupo de clientes objetivo.

1. Clientes objetivo de microtareas (como leer noticias, escuchar música, ver películas, charlar sobre chismes en cualquier momento y en cualquier lugar):

Esta solución consiste en diseñar una aplicación, preferiblemente pequeño y preciso en lugar de grande y completo. Cuanto más completa sea la aplicación funcional, solo puede significar que la aplicación es mediocre en todos los aspectos.

2. Para clientes a los que les gusta utilizarlo como herramienta: por ejemplo, buscar mapas, observar el tiempo y comprobar datos.

Esta solución es nuestro mejor esfuerzo para satisfacer las necesidades situacionales de los usuarios. Extremadamente simple.

3. Grupo de clientes aburrido, acostumbrado a matar el tiempo: sin necesidad, sin objetivo.

Esta solución consiste en mostrar contenido que interese a los usuarios tanto como sea posible y ayudar a los clientes a matar el tiempo.

Segundo punto: Discusión sobre la producción y diseño del prototipo de APP.

Este enlace es crucial. El prototipo debe dibujarse cuidadosamente de acuerdo con los requisitos de diseño.

Herramientas comunes para la creación de prototipos de APP: herramientas de creación de prototipos de APP móviles POP, axure, Foreui, etc.

El tercer punto: diseño visual de la aplicación y puntos de diseño.

(1) En cuanto a la parte de diseño, hay diseño de la página de inicio de la aplicación, especificaciones de tamaño del diseño de la interfaz de la aplicación, diseño del icono de la aplicación, etc.

En términos generales, las pantallas de los teléfonos móviles están dispuestas de arriba a abajo, con la información importante colocada en la parte superior. Pero en términos de operación, la mayoría de las personas sostienen sus teléfonos con una mano y las operaciones de uso común deben ubicarse en la parte inferior de la interfaz.

Otro principio es que la unidad táctil más pequeña suele tener 44 píxeles. Si es más pequeño, será difícil que su pulgar lo alcance o fácilmente provocará un mal funcionamiento. Al mismo tiempo, no sobrecargues la interfaz.

Como resultado, los diseñadores deben utilizar el diseño sustractivo, que requiere tiempo para pensar y simplificar elementos.

Debes recordar: (1) Ocultar diseño o diseño sustractivo (2) Partición o clasificación (3) Ayudar a los usuarios a tomar decisiones (4) Mejorar el diseño innovador interactivo (5) Hacer que las personas se sientan refrescantes y novedosas (6 ) Sumergir las emociones en el diseño y captar la psicología del usuario. (Hable sobre cómo diseñar productos y diseño emocional de productos)

Un maestro dijo una vez: "El verdadero diseño minimalista es: el trabajo debe simplificarse y revisarse continuamente hasta que finalmente se forme el diseño".

En 2014, el estilo de diseño de las aplicaciones tendía a ser plano y retrasado. ¡El estilo y la planitud de las tarjetas serán la tendencia en el diseño de aplicaciones móviles! ¡Creo que el diseño de tarjetas tiene las ventajas tanto de la "imitación" como del "minimalismo"!

El cuarto punto: proceso de diseño de la interfaz de la aplicación.

(1). Al diseñar la interfaz de la APLICACIÓN, debe aprender a buscar inspiración en trabajos excelentes de diseño de la interfaz de la APLICACIÓN. Los maestros del arte anteriores utilizaron una pequeña cantidad de recursos para crear una gran cantidad de diseños.

Puede resultar útil tomar un descanso después de salir del trabajo. Todo lo relacionado con el diseño plano y simple tiene que ver con la diferencia en los detalles. Entonces, en lugar de meditar durante largos períodos de tiempo, tómate un breve descanso y luego continúa trabajando con una nueva visión.

Válido.

(3) También ayuda comparar cada diseño uno al lado del otro. Incluso si lleva 20 minutos mover una fila hacia abajo 5 píxeles y guardarla por separado, puede distinguir rápidamente lo bueno de lo malo comparando los dos diseños.

(4) Dado que la proporción relativa de la pantalla física es muy importante, es necesario probarla en diferentes dispositivos de destino lo antes posible.

(5) Sigue preguntándote "¿Realmente lo necesitas?". Encontrar algunas formas inteligentes de respaldar su proyecto, por ejemplo, agregar algunos elementos divertidos y estilo, hará que el proyecto sea fácil y atractivo.

Sin embargo, siempre debemos tener cuidado de eliminar elementos innecesarios y agilizar continuamente. Siempre es difícil deshacerse de algo en lo que has trabajado tan duro, pero el proceso de revisión tiene que ser complicado.

El quinto punto: prueba del diseño de la interfaz de la aplicación y corrección de vista previa.

Una vez completado el diseño, podemos importarlo al teléfono móvil para probarlo o corregirlo. Herramienta de prueba en línea publicada anteriormente: un método para obtener una vista previa rápida del diseño y la representación de la interfaz de la aplicación en el terminal móvil. Finalmente, un buen trabajo de diseño de interfaz de aplicación debe actualizarse e iterarse continuamente.

¿Cuánto suele costar diseñar la UI de una app? ¿Cuánto cuesta diseñar la interfaz de usuario de una aplicación?

Hoy en día, muchas empresas quieren tener sus propias aplicaciones o productos móviles, pero la pregunta más confusa para los dueños de negocios es: ¿Cuánto cuesta desarrollar una aplicación móvil?

En pocas palabras, dependiendo de la demanda y la calidad de las aplicaciones móviles, el precio suele oscilar entre unos pocos miles y cientos de miles, y los productos de gama alta cuestan más.

Hoy analizaremos este tema en detalle. Por favor sigue leyendo.

1. Los estilos de desarrollo de aplicaciones se dividen en modo fijo y modo personalizado, y los precios de los dos modos son diferentes.

Pago fijo: se refiere a la aplicación directa de plantillas fijas de APP existentes y listas para usar, con una cotización fija y funciones requeridas fijas. La desventaja es que los clientes no pueden obtener el código fuente y no pueden personalizarlo según las necesidades de la empresa. Dado que el código fuente está encapsulado, si la empresa quiere actualizar las funciones o mantener el sistema en el futuro, no puede hacerlo, por lo que sólo puede desarrollar un nuevo software desde cero.

El tiempo de desarrollo de la aplicación fija es corto, se puede completar en aproximadamente 2 a 3 días y el costo oscila entre varios miles y decenas de miles.

Personalización: la personalización se refiere al redesarrollo de todas las funciones de la aplicación. Esta es una tarea compleja que requiere la cooperación del arte, la planificación, el desarrollo de la aplicación (recepción/cliente/teléfono móvil) y programadores en segundo plano. . Una APP grande y compleja requiere incluso de un equipo de decenas de personas.

Debido a que las funciones y el diseño de la APP son personalizados, el precio será mayor. El tiempo de desarrollo de los modelos personalizados es directamente proporcional al precio de desarrollo. El tiempo de desarrollo es largo y sólo puede completarse en dos o tres meses o incluso de forma indefinida, y el costo es de unas decenas de miles o incluso cientos de miles.

Entonces, si desea saber cuánto cuesta desarrollar una aplicación móvil, el propietario de la empresa primero debe informar a la empresa de desarrollo de la aplicación sobre los requisitos y características detallados de la aplicación, para que la empresa de desarrollo pueda cotizar un precio razonable.

En segundo lugar, los costos de producción de diferentes plataformas de aplicaciones móviles son diferentes.

Actualmente, existen dos plataformas populares de producción de aplicaciones móviles, incluidos dos sistemas: Android e IOS.

En términos generales, el costo de crear software de aplicaciones móviles para el sistema Apple es mayor que el de la plataforma Android debido a la proximidad de Apple a la plataforma Apple y la dificultad del lenguaje de desarrollo de aplicaciones móviles. -C, desarrollo de aplicaciones Es más difícil desarrollar aplicaciones móviles para el sistema Apple.

En tercer lugar, el coste de producción de la APP incluye los salarios del personal participante.

Por lo general, desarrollar una aplicación requiere un gerente de producto, un ingeniero de cliente, un ingeniero de back-end y un diseñador de interfaz de usuario. Esta ya es una configuración relativamente simplificada para crear aplicaciones de aplicaciones móviles. Los participantes también están incluidos en el costo de producción de la aplicación. El salario mensual combinado de estos miembros del personal puede exceder de 40.000 a 50.000 yuanes.

En cuarto lugar, la ubicación de la empresa de desarrollo de aplicaciones

Cabe señalar que las empresas de desarrollo de aplicaciones de la misma solidez también generarán mayores costos de aplicaciones en diferentes ciudades.