Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 15

DESARROLLO DE INTERFACES

TÉCNICO EN DESARROLLO DE APLICACIONES


MULTIPLATAFORMA

Desarrollo de
interfaces para iOS

15
/ 1. Introducción y contextualización práctica 3

/ 2. Descarga e instalación del entorno Xcode 4

/ 3. Xcode 5
3.1. Primeros pasos 5
3.2. Configuración de un nuevo proyecto 6

/ 4. Análisis del entorno 7


4.1. Menú de configuración (zona superior de Xcode) 7
4.2. Zona central de la aplicación 8

/ 5. Creación de la primera aplicación 8

/ 6. Swift. Primeros pasos 9


6.1. Creación de variables 10
6.2. Comentarios 10
6.3. Botones 11

/ 7. Pautas para la creación de una interfaz en iOS 11

/ 8. Colores del sistema 12

/ 9. Caso práctico 1: “Creación de un proyecto desde cero con Xcode” 13

/ 10. Caso práctico 2: “Diseña una interfaz para una aplicación iOS” 14

/ 11. Resumen y resolución del caso práctico de la unidad 15

/ 12. Bibliografía 15

© MEDAC 978-84-18983-19-1
Reservados todos los derechos. Queda rigurosamente prohibida, sin la autorización escrita de los titulares del copyright,
bajo las sanciones establecidas en las leyes, la reproducción, transmisión y distribución total o parcial de esta obra por
cualquier medio o procedimiento, incluidos la reprografía y el tratamiento informático.
Crear menús que se ajustan a los estándares.

Crear menús contextuales cuya estructura y contenido siguen los estándares


establecidos.

Distribuir acciones en menús, barras de herramientas y botones de comando,


entre otros, siguiendo un criterio coherente.

Distribuir adecuadamente los controles en la interfaz de usuario.

Utilizar el tipo de control más apropiado en cada caso.

Diseñar el aspecto de la interfaz de usuario (colores y fuentes, entre otros)


atendiendo a su legibilidad.

Verificar que los mensajes generados por la aplicación son adecuados en


extensión y claridad.

/ 1. Introducción y contextualización práctica


A lo largo de este módulo, vamos a analizar ampliamente el diseño de interfaces para aplicaciones. En los temas
anteriores, nos hemos centrado en el desarrollo de interfaces para aplicaciones móviles, comenzado por el caso del
sistema operativo Android.

Pero sin duda, en la actualidad, uno de los sistemas operativos y dispositivos


más importantes hacia los que podemos dirigir nuestro desarrollo profesional
son los relativos a Apple, en concreto, hablamos del sistema operativo iOS.
En este tema, vamos a sentar las bases de este tipo de desarrollos, analizando
el entorno de desarrollo Xcode y el lenguaje de programación propio de
Apple, Swift, que, aunque ya lo conozcamos de otros módulos, incidiremos
en aspectos clave para el desarrollo de interfaces.

Escucha el siguiente audio donde planteamos la contextualización práctica


de este tema, encontrarás su resolución en el apartado Resumen y resolución
del caso práctico. Fig. 1. Diseñando una estrategia de pruebas.

Audio intro. “La accesibilidad en el


diseño con iOS”
https://bit.ly/3f6jgba
TEMA 15. DESARROLLO DE INTERFACES PARA IOS
Desarrollo de interfaces /4

/ 2. Descarga e instalación del entorno Xcode


En este último capítulo, nos vamos a iniciar el desarrollo para iOS, el sistema operativo de los dispositivos móviles
de Apple. Se llevará a cabo una revisión de los aspectos clave relativos a la construcción del entorno necesario de
desarrollo, se creará una primera aplicación, y, finalmente, analizaremos algunas pautas para el diseño de la interfaz
de usuario para las aplicaciones iOS.

En primer lugar, desde el siguiente enlace se accede a la web de desarrollo de Apple en la que se encuentra toda la
información oficial necesaria.

Fig. 2. Sitio web oficial de Apple.

La herramienta esencial que se necesita para desarrollar en este sistema operativo es Xcode, el Entorno de Desarrollo
Integrado (IDE) que nos proporciona Apple. Desde este IDE es posible diseñar la interfaz gráfica, implementar la
aplicación, probarla de forma adecuada y, finalmente, publicarla en la App Store. Gracias a sus características, resulta
un entorno de desarrollo excelente, puesto que desde una única herramienta será posible abordar todo el ciclo de
vida de una aplicación.

Fig. 3. Descarga en App Store de Xcode.

Además de Xcode, también será necesario conocer el lenguaje de programación utilizado para el desarrollo de las
aplicaciones en iOS, Swift.

Por lo tanto, en primer lugar, nos dispondremos a realiza la descarga de Xcode desde la App Store. Es imprescindible
tener un equipo con macOS X para poder realizar el desarrollo de una aplicación para iOS.
TÉCNICO EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA
/5 MEDAC · Instituto Oficial de Formación Profesional

/ 3. Xcode
3.1. Primeros pasos
Tras realizar la instalación de Xcode en nuestro equipo, iniciamos la aplicación y, en la pantalla de inicio, nos aparecen
varias opciones: abrir un proyecto anterior, crear un playground (permite el desarrollador implementar ciertos
bloques de código que no son aplicaciones como tal), crear un nuevo proyecto en Xcode (es decir, crear una
aplicación) y, finalmente, descargar un proyecto almacenado en un repositorio.

Para crear un nuevo proyecto desde cero, seleccionamos “Create a new Xcode project”.

Fig. 4. Ventana de inicio. Creación de nuevo proyecto.

A continuación, la herramienta permite configurar varios aspectos del desarrollo como el sistema operativo que se va a
utilizar (iOS, watchOS, tvOS, macOS) o la plantilla de diseño para la aplicación. Como se puede deducir, Xcode permite
el desarrollo de aplicaciones para todos los sistemas operativos de Apple, para cada uno de los dispositivos de la marca.

Fig. 5. Ventana de elección de plantillas y sistema operativo.

Tras la selección del sistema operativo (en nuestro caso iOS) para el desarrollo de aplicaciones móviles y una de las
plantillas (plantilla en blanco con una sola pantalla), se pulsa el botón Next.
TEMA 15. DESARROLLO DE INTERFACES PARA IOS
Desarrollo de interfaces /6

3.2. Configuración de un nuevo proyecto


A continuación, aparece la ventana de configuración del proyecto en la que indicaremos el nombre del mismo. En
la lista de valores Team, es posible seleccionar una cuenta de desarrollador necesaria para poder publicar en la App
Store las aplicaciones implementadas.

Fig. 6. Configuración del proyecto.

Otro de los datos clave que se indican en la ventana de configuración es Language, donde se seleccionará Swift, el
lenguaje más moderno y potente para el desarrollo en Apple. Objetive-C es el primer lenguaje que se utilizó.

Finalmente, será necesario definir la interfaz de usuario (User Interface), que puede tomar los siguientes valores en
función del tipo de aplicación desarrollada:

• Storyboard: tipo de interfaz utilizada hasta 2019.

• SwitfUI: nueva librería que incluye mejoras para el desarrollo de las interfaces web, y es la más utilizada en la
actualidad para nuevos desarrollos.

Tras pulsar el botón Next, seleccionamos el directorio en el que va a estar ubicado el proyecto y, finalmente, se pulsa
Create. Por defecto, se creará un nuevo “Hola Mundo”.

Fig. 7. Interfaz Xcode.

Vídeo 1. “Creación de proyecto Xcode”


https://bit.ly/3f9unjG
TÉCNICO EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA
/7 MEDAC · Instituto Oficial de Formación Profesional

/ 4. Análisis del entorno


4.1. Menú de configuración (zona superior de Xcode)
Este entorno de diseño permite la creación de aplicaciones de forma sencilla, analizamos cada uno de los apartados
de esta herramienta.

En primer lugar, en la siguiente figura, se muestra la zona de la herramienta que permite ejecutar y detener la
aplicación, así como el nombre del proyecto y el tipo de simulador escogido para probar la aplicación que se
está desarrollando.

En este último menú, mediante una lista de valores, también es posible escoger un dispositivo físico para probar
la aplicación.

Fig. 8. Zona de ejecución y parada de la aplicación.

Fig. 9. Barra de estado de la ejecución.

En la barra superior de la herramienta, se indica el estado actual de la aplicación, por ejemplo, Running HelloWorldCode
on iPhone 11, es decir, nos indica que se está ejecutando el proyecto de nombre HelloWorldCode en un simulador
de tipo iPhone 11.

Finalmente, en la parte superior, podemos observar el siguiente menú:

Fig. 10. Otras funcionalidades + librería.

Este menú es uno de los más importantes, puesto que será el que nos permita seleccionar nuevos componentes
para ser colocados sobre la interfaz de la aplicación. El acceso a la paleta de componentes se realiza a través del
botón con el símbolo “+”. Es el botón de librería. La ventana de selección de elementos queda distribuida en varios
tipos:

• Componentes gráficos

• Bloques de código

• Imágenes

• Paleta de colores configurados para el proyecto

El segundo botón nos permite comparar el código desarrollado con versiones previas que el desarrollador hubiese
subido a algún repositorio. Finalmente, el resto de opciones de este menú permiten personalizar la vista de la
interfaz, al igual que ocurría con Android Studio a través del botón Split.
TEMA 15. DESARROLLO DE INTERFACES PARA IOS
Desarrollo de interfaces /8

4.2. Zona central de la aplicación


Como se puede observar en la siguiente imagen, se muestra la interfaz de la aplicación Xcode que está estructurada
en tres grandes zonas de acción.

Fig. 11. Interfaz Xcode.

• Zona izquierda: en esta zona, encontramos un completo catálogo de funcionalidades, como son: el acceso a
los repositorios, un buscador, la zona en la que se muestran advertencias, análisis de rendimiento, breakpoints
o puntos de ruptura, entre otras.

Una de las funciones más importantes de esta zona es Navigator, accesible a través del icono de carpeta,
donde se muestran los ficheros y directorios de los que queda compuesto cada proyecto. Si pulsamos sobre
el archivo principal de nuestro proyecto (que aparece en primer lugar), se muestra la configuración principal
del proyecto donde aparecen algunos de los datos principales del mismo.

• Zona de desarrollo: es la zona central de la interfaz de la herramienta y nos muestra el código de implementación.
Cuando se selecciona un fichero de un proyecto en desarrollo, esta zona queda subdividida en dos partes:
una parte para el código y otra llamada Preview. En esta última, al pulsar el botón Resume, se muestra una
previsualización de la aplicación, tomando como referencia el simulador previamente seleccionado.

• Zona derecha: como ocurre en otros entornos de desarrollo, esta zona solo se activa cuando algún elemento
está seleccionado. En función del elemento del diseño escogido, se muestra un menú u otro, permitiendo
modificar las características de los atributos. Por ejemplo, si se selecciona una etiqueta de texto, será posible
modificar el String que se muestra, la fuente, o el tamaño.

/ 5. Creación de la primera aplicación


En primer lugar, para la creación del código de la aplicación, debemos acceder al fichero ContentView.swift.

Fig. 12. Ficheros de desarrollo de un proyecto.


TÉCNICO EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA
/9 MEDAC · Instituto Oficial de Formación Profesional

Para la creación de una primera aplicación, el código utilizado es el siguiente:

1. Se añade la siguiente instrucción que permite importar la librería SwiftUI.

import SwiftUI

Código 1. Instrucción librería SwiftUI.

2. La función ContentView define el contenido de la pantalla. En este caso, se incluye un componente de texto
con el contenido “Hola mundo”.

struct ContentView: View {


var body: some View {
Text (“Hola Mundo”)
}
}

Código 2. Función ContentView. Define contenido de la pantalla.

3. Finalmente, es necesario introducir el siguiente fragmento de código para que se genere la previsualización
que aparece a la derecha de la pantalla en el IDE.

struct ContentView_Previews: PreviewProvider {


static var previews: some View {
ContentView()
}
}

Código 3. Código lanzador de la previsualización que aparece a la derecha.

Por último, para añadir alguno de los elementos y componentes del menú Librería, accesible a través del botón ‘+’
que aparece en el menú superior en la derecha, basta con seleccionar uno y colocarlo en la posición deseada en la
interfaz gráfica o en la zona de implementación.

Vídeo 2. “Ampliación de contenido Swift.


Manual de uso”
https://bit.ly/38UVyh4

/ 6. Swift. Primeros pasos


Swift es el lenguaje de programación de Apple para crear aplicaciones para sus dispositivos (iOS, watchOS…). En
estos apartados, veremos algunos de los puntos claves de desarrollo de este lenguaje que, al igual que en el resto de
lenguajes, presenta su propia sintaxis y reglas.

Fig. 13. Logotipo de Swift.


TEMA 15. DESARROLLO DE INTERFACES PARA IOS
Desarrollo de interfaces / 10

6.1. Creación de variables


Una variable es un elemento utilizado para almacenar un valor que podrá ser modificado a lo largo de la ejecución,
es decir, podrá tomar otros valores.

Pero se debe tener presente que si en primer lugar se crea una variable con una cadena de texto y luego se modifica
su valor a un entero, el sistema nos devolverá un error, puesto que la variable será del tipo que se declaró la primera
vez, y ya no será posible cambiar el tipo de dato interno. Por tanto, será necesario crear una nueva variable.

Para crear variables se utiliza la palabra var y, a continuación, se indica el nombre el nombre de la misma. Para la
construcción del nombre, cada vez es más común observar ciertas convenciones sobre cómo deben ser definidos
los nombres. Uno de los más utilizados es CamelCast, este indica que se tiene que diferenciar cada una de las
palabras con una letra mayúscula, empezando siempre con una letra minúscula. Por ejemplo, un nombre válido sería
primeraVariable. A continuación, se indica el valor de dicha variable.

var primeraVariable=“Hola Mundo”

Código 4. Creación de variables.

Ahora bien, la creación de las instancias en Swift se realiza a través de struct, que equivalente a una class de JavaScript.
Por ejemplo, si queremos definir un nuevo objeto que contiene una cadena de texto, quedaría de la forma:

struct nuevoDato {
var primeraVariable: String
}
Código 5. Creación de clases.

Para la posterior instanciación de un objeto de la clase nuevo dato, se utilizará:

var nuevoDato1 = nuevoDato(primeraVariable :”Hola”)

Código 6. Instanciación de objeto de la clase nuevoDato.

6.2. Comentarios
El uso de comentarios en programación no es un hecho trivial, es clave para construir programas que resulten más
fáciles de mantener en el futuro.

• /* */. Estos permiten insertar entre los valores de apertura y cierre todas las líneas de comentarios que sean
necesarias. Este tipo de delimitadores son útiles cuando existen varias líneas de comentarios o se quiere
comentar algún fragmento de código.

/*

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX

*/

• //. Este tipo de delimitadores se utilizan, habitualmente, para comentar una línea completa.

//XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
TÉCNICO EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA
/ 11 MEDAC · Instituto Oficial de Formación Profesional

6.3. Botones
Los botones son elementos muy importantes en el desarrollo de interfaces, ya que permiten al usuario tener una
interacción directa con la aplicación. Para añadir uno de estos elementos, basta con introducir el siguiente fragmento
de código o seleccionarlo de la paleta de componentes.

Button(action: signIn) {
Text(“Sign In”)
}

Código 7. Creación de un botón.

Como se puede ver en la siguiente imagen, también es posible desplegar la librería a través del botón ‘+’ y desde
componentes gráficos, seleccionar el elemento, en este caso, un Button. Si pulsamos sobre él y lo arrastramos hasta
la zona de desarrollo, se añade el código que aparece dentro del cuadro. En Action se indica qué va a hacer el botón
cuando este sea pulsado, y en Content, el texto que aparecerá en el botón.

Fig. 14. Inserción de botón en código.

/ 7. Pautas para la creación de una interfaz en iOS


De nada sirve que el funcionamiento interno de una aplicación sea extraordinario, si el diseño tanto en aspecto como
interacción de la interfaz de la aplicación no es bueno.

El desarrollo de las interfaces para aplicaciones en iOS se caracteriza por presentar diseños limpios y minimalistas
que incluyen todo lo necesario, pero sin sobrecargar la interfaz. Las características de diseño que diferencia este
sistema de otras plataformas son:

• Claridad: implica que el texto contenido en la aplicación debe ser legible en todos los tamaños, los iconos
deben ser precisos, es decir, no utilizan imágenes recargadas. Además, la distribución en el espacio de los
componentes, la paleta de color seleccionada, las fuentes y los gráficos, entre otros, resaltan el contenido
importante de la aplicación y aportar interactividad al usuario.

• Adaptación al contenido: la navegación en la aplicación debe realizarse través de un movimiento fluido que
permite a los usuarios comprender e interactuar con el sistema con movimientos naturales. Por otro lado, el
contenido debe ocupar toda la pantalla del dispositivo.
TEMA 15. DESARROLLO DE INTERFACES PARA IOS
Desarrollo de interfaces / 12

• Profundidad: la aplicación se implementa a través de varias capas visuales cuya transición entre capas aporta
sensación de movimiento sobre la jerarquía de la aplicación, navegando “en profundidad” por el diseño.

Fig. 15. Diagrama de las características de diseño.

En cuanto a los criterios de diseño establecidos por Apple para el diseño de las aplicaciones y garantizar de esta
forma el impacto de sus desarrollos en el mercado, son:

• Integridad estética.

• Consistencia.

• Manipulación directa.

• Retroalimentación.

• Metáforas.

• Control de usuario.
Audio 1. “Aspectos importantes de las
interfaces en iOS”
https://bit.ly/32V1xyN

/ 8. Colores del sistema


iOS proporciona una gama de colores que se adaptan al diseño garantizando aspectos claves relativos a la accesibilidad,
como son el aumento del contraste y la disminución de la transparencia. La elección de color de iOS permite que
estos aseguren la satisfacción en el usuario, tanto cuando son mostrados de forma individual como combinándolos.

El cuidado diseño en las interfaces de las aplicaciones de Apple que garantizan la usabilidad de la misma son una de sus
características de identidad. Por ello, desde el sitio oficial, indican los siguientes pilares clave para la elección del color:

• Usar el color con prudencia. Es aconsejable utilizarlo solo para resaltar determinados elementos sobre los que
queremos llamar la atención del usuario.

• Utilizar colores complementarios en el diseño completo de la aplicación. Es decir, los colores escogidos
deben funcionar bien de forma independiente y combinados.

• Seleccionar una paleta de colores concreta y limitada. Además, es aconsejable que esta selección vaya en
consonancia con el diseño del lago de la aplicación.

• Escoger un color característico para toda la aplicación. Aunque se seleccione más de un color para el diseño de
la aplicación, es conveniente que siempre exista uno principal que identifique a la aplicación. Por ejemplo, la app
del BBVA basa su paleta de color en el azul, o la aplicación general Notes, escoge el color amarillo como central.

• Proporcionar dos colores para garantizar que la aplicación se vea bien en el entorno oscuro y el claro, que
son los dos modos disponibles en iOS.
TÉCNICO EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA
/ 13 MEDAC · Instituto Oficial de Formación Profesional

Los dispositivos iOS permiten seleccionar dos tipos de interfaces: una oscura y otra clara, por lo tanto, en función de
cual se seleccione, será conveniente escoger unos colores u otros.

Por ejemplo, en la siguiente imagen, se muestran algunos colores en su versión clara y oscura.

Fig. 16. Selección de colores del sistema accesibles.

/ 9. Caso práctico 1: “Creación de un proyecto desde


cero con Xcode”
Planteamiento: En este ejercicio se va a desarrollar una nueva aplicación
básica utilizando la IDE Xcode y el lenguaje de programación Swift. Se
muestra una cadena de texto con la frase “Soy tu primera aplicación”. La
previsualización será como se muestra en la siguiente imagen:

Nudo: En primer lugar, se va a crear un proyecto nuevo desde File, New, Project.
Ahora se selecciona la opción deseada para crear una nueva aplicación. Recordamos
que sea en iOS, puesto que estamos desarrollando una aplicación móvil.

A continuación, en la ventana de configuración, se seleccionan los diferentes


parámetros en base al diseño de la nueva aplicación. Ya hemos creado el
proyecto, así que para comenzar a programar, basta con acceder al fichero
ContentView.swift.

Desenlace: En el fichero Content.View.swift se añade la siguiente instrucción


para importar la librería SwiftUI.

import SwiftUI

La función clave de todo desarrollo es ContentView, puesto que será esta la


que defina el comportamiento y los elementos mostrados en la pantalla. Si
se desean implementar otras funciones, se pueden realizar externamente y
ser invocadas desde esta función: struct ContentView. Fig. 17. Salida iOS. Caso práctico 1.
TEMA 15. DESARROLLO DE INTERFACES PARA IOS
Desarrollo de interfaces / 14

Tal y como se indica en el enunciado, se añade una nueva etiqueta de texto.

Text (“Soy tu primera aplicación”).padding();

El código completo se muestra a continuación:

import SwiftUI
struct ContentView: View {
var body: some View {
Text(“Soy tu primera aplicación”)
.padding()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

Código 8. Desarrollo del caso práctico 1.

/ 10. Caso práctico 2: “Diseña una interfaz para una


aplicación iOS”
Planteamiento: En este capítulo hemos introducido brevemente el
funcionamiento de Swift y el entorno de desarrollo Xcode. Existe mucha
información en la red, pero se aconseja, sobre todo, acceder al siguiente
enlace, a través de un sistema de MAC OS X. Se trata de un manual completo
de uso para Swift desarrollado por Apple. https://books.apple.com/es/
book-series/swift-programming- series/id888896989

Se pide diseñar la interfaz para una nueva aplicación iOS que cumpla los
criterios de diseño utilizando una herramienta de prototipado o diseño
gráfico. En este caso, se solicita el diseño de una aplicación para visualizar
una galería de imágenes.

Nudo: La programación de la funcionalidad es clave, pero el diseño de la


interfaz también juega un papel fundamental. En el caso de este tipo de
dispositivos, se aconseja seguir los criterios establecidos por Apple para el
diseño de las aplicaciones y garantizar, de esta forma, el impacto de sus
aplicaciones en el mercado.

Desenlace: En esta interfaz, se muestra el resultado de una aplicación para


iOS creada con Xcode y lenguaje de programación Swift. Contiene las
imágenes publicadas por los usuarios de la aplicación que han asistido a un
determinado evento.

Gracias al uso de una interfaz sencilla e intuitiva, el resultado es lo


suficientemente accesible para garantizar su éxito en el mercado y cumplir
los requisitos de prototipo de las aplicaciones iOS. Fig. 18. Interfaz del caso práctico 2.
TÉCNICO EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA
/ 15 MEDAC · Instituto Oficial de Formación Profesional

/ 11. Resumen y resolución del caso práctico de la unidad


En este último capítulo hemos realizado una breve introducción al desarrollo en iOS, centrándonos en el entorno de
desarrollo y en los primeros pasos a utilizar con el lenguaje de programación Swift.

La herramienta utilizada para el desarrollo de este tipo de aplicaciones es Xcode, el Entorno de Desarrollo Integrado
(IDE) que nos proporciona Apple. Desde este IDE, es posible diseñar la interfaz gráfica, implementar la aplicación,
probarla de forma adecuada y, finalmente, publicarla en la App Store. Gracias a sus características, resulta un entorno
de desarrollo excelente, puesto que desde una única herramienta será posible abordar todo el ciclo de vida de una
aplicación.

También, hemos aprendido que el desarrollo de las interfaces de las aplicaciones en iOS se caracteriza por presentar
diseños limpios y minimalistas que incluyen todo lo necesario, pero sin sobrecargar la interfaz. Las características
de diseño que diferencia este sistema de otras plataformas son: claridad, adaptación al contenido y profundidad.

En cuanto a los criterios de diseño establecidos por Apple para el diseño de las aplicaciones y garantizar el impacto
de sus desarrollos en el mercado son: integridad estética, consistencia, manipulación directa, retroalimentación,
metáforas y control de usuario.

Resolución del caso práctico inicial

Con los conocimientos adquiridos a lo largo del tema, podemos responder a las preguntas propuestas en el caso
práctico inicial. Para la selección del color de la interfaz en iOS, es recomendable tener en cuenta: el uso del color
con prudencia, utilizar colores complementarios, seleccionar una paleta concreta y limitada, así como escoger un
color característico para toda la aplicación. Por último, si se desea que la aplicación se vea bien tanto en entornos
con mucha claridad como muy oscuros, es recomendable proporcionar dos colores.

Fig. 19. Interfaz modo día y noche.

/ 12. Bibliografía
Fernández, A.; García-Miguel, B., y García-Miguel, D. (2020). Desarrollo de Interfaces (1.a ed.). Madrid, España: Síntesis.

12.1. Webgrafía
Swift Apple ES. Consultado en: https://www.apple.com/es/swift/
Swift Apple Developer. Consultado en: https://developer.apple.com/swift/

También podría gustarte