100% encontró este documento útil (1 voto)
281 vistas7 páginas

2022 01 12 - 04 CBTis 137 - Programacion - Módulo 3 - Desarrolla Aplicaciones HTML

El documento habla sobre el Módulo 3 de un curso de programación, el cual se enfoca en desarrollar aplicaciones web y móviles. El primer submódulo cubre el diseño de interfaces de usuario para aplicaciones web, incluyendo generalidades sobre diseño gráfico, distribución y color. El diseño de interfaz de usuario busca hacer las aplicaciones más atractivas y la interacción con el usuario más intuitiva.

Cargado por

Quiquez Elodio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
100% encontró este documento útil (1 voto)
281 vistas7 páginas

2022 01 12 - 04 CBTis 137 - Programacion - Módulo 3 - Desarrolla Aplicaciones HTML

El documento habla sobre el Módulo 3 de un curso de programación, el cual se enfoca en desarrollar aplicaciones web y móviles. El primer submódulo cubre el diseño de interfaces de usuario para aplicaciones web, incluyendo generalidades sobre diseño gráfico, distribución y color. El diseño de interfaz de usuario busca hacer las aplicaciones más atractivas y la interacción con el usuario más intuitiva.

Cargado por

Quiquez Elodio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 7

12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

Más

Programacion
About

Página principal

martes, 14 de abril de 2015 Popular Posts


Módulo 2: Desarrolla software de
Módulo 3: Desarrolla Aplicaciones Web y Móviles aplicación utilizando
programación orientada a
objetos, con almacenamiento
Sub-Modulo I: Desarrolla Aplicaciones Web persistente de datos.
Sub-Modulo 1: Desarrolla
°Generalidades del diseño de interfaces, distribución y color. software de aplicación utilizando programación
orientada a objetos. I. CONCEPTOS BÁSICOS.
Diseño de interfaz del usuario.   Programación Or...
El diseño de interfaz de usuario o ingeniería de la interfaz es el diseño Modulo I: Desarrolla e instala
de computadoras, aplicaciones, máquinas, dispositivos de comunicación móvil, aplicaciones software de aplicación utilizando
programación estructurada con
de software, y sitios web enfocado en la experiencia de usuario y la interacción.
almacenamiento persistente de
Normalmente es una actividad multidisciplinar que involucra a varias ramas es decir al diseño datos.
Sub- Modulo I: Desarrolla software utilizando
y el conocimiento como el diseño gráfico, industrial, web, de software y la ergonomía; y está programación estructurada. Programación
implicado en un amplio rango de proyectos, desde sistemas para computadoras, vehículos estructurada Un poco de historia... Durante lo...
hasta aviones comerciales. Módulo 3: Desarrolla
Aplicaciones Web y Móviles
Su objetivo es que las aplicaciones o los objetos sean más atractivos y además, hacer que la
Sub-Modulo II: Desarrolla
interacción con el usuario sea lo más intuitiva posible, conocido como el diseño centrado en el Aplicaciones Móviles
usuario. Aplicaciones  móviles en android
Una  aplicación móvil ,  apli  o 
El diseño gráfico es el mas útil en este tema. app  (en inglés) es un...

-Diseño gráfico Módulo 2: Desarrolla Software de


Aplicación Utilizando
El diseño gráfico es una profesión cuya actividad consiste en concebir, programar, proyectar y Programación Orientada a
Objetos con Almacenamiento
realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a Persistente de Datos.
transmitir mensajes específicos a grupos sociales y con objetivos claros y determinados. Esta Sub-Modulo II :   Diseña y
actividad posibilita comunicar gráficamente ideas, hechos y valores procesados y sintetizados Administra Bases de Datos Avanzadas.
 Consultas SQL  (Conceptos Básicos Y
en términos de forma y comunicación, Comandos) El  lenguaje de consul...
factores sociales, culturales, económicos,estéticos y tecnológicos.

Módulo 4: Administra Sistemas


Operativos de Aplicaciones y
Servicios
Sub-Modulo I:  Administra
sistemas operativos -Descripción
y Características de los Sistemas
Operativos (OS) ¿Qué es un Sistema Operati...

Módulo 3: Desarrolla
Aplicaciones Web y Móviles
Sub-Modulo I: Desarrolla
Aplicaciones Web
°Generalidades del diseño de
interfaces, distribución y color.
Diseño de interfaz del usuario...

Modulo 4: Administra Sistemas


Operativos de Aplicaciones y
Servicios
Sub-Modulo II:   Instala y
Configura Aplicaciones y
Servicios Determina
 la tecnología cliente  servidor. Definicion:   Es
la tecno...

lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 1/7
12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

Modulo I: Desarrolla e instala


software de aplicación utilizando
programación estructurada con
almacenamiento persistente de
datos.
Sum-Modulo II: Diseña y
administra bases de datos simples. Concepto:
Una base de datos es una colección o conjunto
 de datos homogéneos, ...

(sin título)
Programación Nombre: Lizeth
Diseño web minimalista Vazquez Madera
Especialidad: Programación
Grupo: '' M '' Semestre: VI
Escuela: Cbtis#4...
¿En qué consiste?

Se trata de combinar diseño y funcionalidad de la forma más sencilla posible, utilizando solamente los
elementos necesarios para que el usuario pueda navegar sin confundirse, perderse, ni distraerse. Hay
que eliminar todos los elementos superfluos.
Datos personales
Unknown

Ver todo mi perfil

Características de webs minimalistas:

Como no, “menos es más” y en este tipo de diseño el contenido es el rey. Él es el que estructura y da Blog Archive
forma a toda la página, ayudado por los espacios en blanco que equilibraran los elementos que van a
▼ 
2015
(9)
aparecer en la ésta.
▼ 
abril
(8)
Las formas que se utilizan a la hora de hacer una web minimalista son geométricas, simples e Modulo 4: Administra Sistemas
Operativos de Aplica...
impersonales. También se suelen utilizar fotografías a full screen como fondo, y las tipografías
marcarán el estilo del sitio. Normalmente el blanco y el negro combinado con grises son los colores Módulo 4: Administra Sistemas
más utilizados pero podemos escoger cualquier paleta de colores. Operativos de Aplica...
Módulo 3: Desarrolla Aplicaciones
Web y Móviles

Principios de diseño web minimalista Módulo 3: Desarrolla Aplicaciones


Web y Móviles
Módulo 2: Desarrolla Software de
Menos es más Aplicación Utiliz...

El objetivo es dar la importancia al contenido mediante la reducción al mínimo de Módulo 2: Desarrolla software de
aplicación utili...
las posibles distracciones para el usuario. Si una página tiene demasiados
Modulo I: Desarrolla e instala
elementos, el usuario puede llegar a confundirse al buscar un elemento o, incluso, software de aplicac...
malinterpretar la prioridad de cada elemento.
Modulo I: Desarrolla e instala
software de aplicac...
Omitir cosas innecesarias
► 
marzo
(1)
Pensar en lo necesario para el contenido y la función de su sitio web y omitir
cualquier cosa que no contribuye a su función. El objetivo en este momento no es
hacer que el sitio web sea menos funcional, sino eliminar los elementos
innecesariosy/o combinar secciones en un esquema más simple. Una opción puede Pages - Menu
ser dividir el contenido en páginas separadas, dando a cada pieza de contenido Página principal
más atención.

Eliminar elementos hasta que el sitio web deje de funcionar


Blog Archive
Al elaborar un diseño web minimalista, intente eliminar elementos hasta que el
▼ 
2015
(9)
diseño deje de funcionar como debería. En ese momento, sabemos que hemos
▼ 
abril
(8)
logrado el diseño más minimalista posible.
Modulo
4:
Cada detalle cuenta Admi
nistra
En un diseño minimalista, donde se eliminan todos y cada uno de los elementos Siste
superfluos, cada detalle tiene un significado. Una frontera en torno a una imagen, mas
Oper
la paleta de colores, el espacio en blanco, cada parte adquiere una importancia vital ativo
para la apariencia general de la página web. Debemos analizar la sensación que s de

lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 2/7
12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

queremos producir al visitante y, luego, decidir sobre los detalles que generan esa Aplic
a...
sensación.
Módulo
4:
Colores Admi
nistra
El uso del color adquiere una importancia adicional en un diseño minimalista. La Siste
elección de la paleta de colores o con un acento correcto es vital. Muchos mas
Oper
diseñadores optan por una paleta basada únicamente en el negro y blanco y/o en ativo
tonos grises, pero el minimalismo en el diseño permite el uso de cualquier color. s de
Aplic
Debemos prestar atención al significado de los colores que elegimos, y sobre cómo a...
interactúan unos y otros. Módulo
3:
Desa
rrolla
Aplic
acion
es
Web
y
Móvil
es
Módulo
3:
Desa
rrolla
Aplic
Los espacios en blanco son esenciales acion
es
El espacio en blanco es prácticamente sinónimo de minimalismo y nos sirve para Web
y
equilibrar los pocos elementos que van a aparecer en la página. Con este recurso Móvil
podemos hacer hincapié en algunos elementos sobre los demás y destacar los es

mensajes que queremos enviar al usuario. El equilibrio en el diseño de la página es Módulo


2:
la disposición de los objetos en una determinada estructura y su relación con su Desa
peso visual dentro de una composición. En general, el equilibrio se presenta en dos rrolla
Softw
formas: simétrica y asimétrico. are
de
Aplic
ación
Utiliz.
-Contraste:El contraste hace referencia a los “estímulos sensoriales”, los cuales permiten resaltar elem
..
diferencia entre estas, atrayendo así la atención de espectador.
Módulo
2:
Desa
rrolla
softw
are
de
aplic
ación
utili...
Modulo
I:
Desa
rrolla
e
instal
a
-Balance: El balance es un equilibrio que resulta de mirar las imágenes y  juzgarlas con nuestras ideas
softw
página). Es la disposición de los objetos en un diseño en lo que se refiere a su peso visual dentro de un are
formas: simétrico y asimétrico. de
aplic
ac...
Modulo
I:
Desa
rrolla
e
instal
a
softw
are
lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 3/7
12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles
de
aplic
ac...

► 
marzo
(1)

Blogger templates

Blogger news
-Proporción
La proporción es la comparación de las dimensiones o la distribución de las formas. Es la relación de
escala entre un elemento y otro, o entre un objeto una de sus partes. Las diferentes proporciones
dentro de una composición puede relacionarse con diferentes tipos de equilibrio o simetría, y puede
Blogroll
ayudar a establecer el peso visual y la profundidad.

About

-Teoría del color:El mundo es de colores, donde hay luz, hay color. La percepción de la forma,
profundidad o claroscuro está estrechamente ligada a la percepción de los colores.

-El brillo: Es el resultado de la reflexión y la refracción de la luz en la en la


superficie de un mineral. 

lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 4/7
12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

-Saturación o Intensidad :  Este concepto representa la pureza o intensidad de


un color particular, la viveza o palidez del mismo, y puede relacionarse con el
ancho de banda de la luz que estamos visualizando. Los colores puros del espectro
están completamente saturados. Un color intenso es muy vivo. Cuanto más se
satura un color, mayor es la impresión de que el objeto se está moviendo. 

Ejemplos de diseño de web minimalista:

lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 5/7
12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

Video para mas información: https://www.youtube.com/watch?v=mbeR1-2KwiM

Publicado por
Unknown
en
11:20

No hay comentarios:

Publicar un comentario

lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 6/7
12/1/22 11:05 Programacion : Módulo 3: Desarrolla Aplicaciones Web y Móviles

Introduce tu comentario...

Comentar como:
Cuenta de Go


Vista previa
Publicar

Entrada más reciente Inicio Entrada antigua

Suscribirse a:
Enviar comentarios (Atom)

Tema Fantástico, S.A.. Imágenes del tema: Petrovich9. Con la tecnología de Blogger.

lizethvazquezmadera.blogspot.com/2015/04/modulo-3-desarrolla-aplicaciones-web-y.html 7/7

También podría gustarte