#diseño ui
Explore tagged Tumblr posts
Text
La Hauss. Máster Online en Diseño UX-UI y Programación Web 2023-24. Proyecto Final de María Lázaro Rivera: diseño web responsive para site de Frame:
#diseño web online#diseño web#web design#María Lázaro#web Frame#prototipado web#diseño ux-ui#diseño ui#diseño responsive#responsive design#diseño ux-ui y programación web#programación front-end#diseño de interfaces#diseño de interfaces web
4 notes
·
View notes
Text
Mi version del website de
El Zoológico de Chapultepec
Con mucho cariño comparto mi versión de website para el Zoo de Chapu, del cual tengo muy bellos recuerdos de la infancia.
Más detalles de estructura en: book de behance
Gracias
#graphic design#design#diseño#diseño gráfico#collage#ui design#comunicación visual#diseño ui#infografía#user experience#diseño editorial#user interface#ui#architecture ux#ux#uxuidesign#behance
13 notes
·
View notes
Text
Mal Diseño
Clase 13-09-23
Lala presentó su canción High for This de The Weeknd , en lo personal , si me gusta.
Analizamos páginas que no estaban bien diseñadas ni estructuras, explicamos el porque nos parecían mal estructuradas. Después se nos dio una pagina de otro compañero para analizarla también.
Yo sugerí la pagina del Ministerio de Educación porque me parecía que estaba mal organizada y difícil de manejarla. Especialmente si es desde un dispositivo móvil.
En esta clase pude funar a las páginas de los ministerios porque en sí, la mayoría estan mal diseñadas
1 note
·
View note
Text
CLASE DEL 6 DE SEPTIEMBRE
Tendencias del diseño en UI y UX
Las tendencias en diseño de UI y UX son un tema importante en la actualidad.
Modo oscuro: Es probable que el auge del modo oscuro continúe también este año. El aspecto es elegante, con estilo y moderno. Como cada vez pasamos más tiempo con nuestros smartphones y portátiles, el modo oscuro juega un papel fundamental en la experiencia del usuario.
Neumorfismo: El neumorfismo combina el diseño plano y el skeuomorfismo. Es un estilo visual que combina colores de fondo, formas, degradados y sombras para asegurar la intensidad gráfica de los elementos de la UI.
Animaciones: Últimamente hemos visto una gran popularidad de las animaciones de interfaz de usuario. Los diseñadores pueden utilizar las animaciones de IU para mejorar la experiencia del usuario guiando el flujo mucho mejor que un gráfico estático.
Micro-interacciones: Las micro-interacciones son pequeñas animaciones que se utilizan para mejorar la interacción entre el usuario y la interfaz de usuario.
Tipografías sobredimensionadas: Las tipografías sobredimensionadas son una tendencia popular en diseño web y móvil.
Sitios web de una única página: Los sitios web de una única página son una tendencia popular en diseño web. Estos sitios web tienen una sola página que se carga rápidamente y proporciona toda la información necesaria al usuario.
2 notes
·
View notes
Text
Abierta la inscripción para cursos de Microsoft Azure y diseño UX/UI en Vicente López
Tendrán lugar en el Centro Universitario de Vicente López, informó la comuna. La preinscripción se realiza online. Los interesados deberán crear su Identidad Digital VL, y con el usuario y contraseña podrán ingresar al Sistema de Inscripciones del Centro Universitario VL (SICUV), y preinscribirse. Las vacantes, informó la comuna, se asignarán por orden de inscripción. Y además tienen prioridad…
0 notes
Text
Tipografía en HTML5: Guía completa para diseñar webs atractivas en Alicante y Valencia
La tipografía es un elemento fundamental en el diseño web que influye directamente en la legibilidad y la estética de un sitio. HTML5 nos ofrece una amplia variedad de herramientas para personalizar las fuentes y el estilo de texto en nuestras páginas web. En este artículo, exploraremos los diferentes tipos de fuentes, sus propiedades y cómo aplicarlas en tus proyectos web en Alicante y la…
#accesibilidad#apariencia#capitalizar#capitalize#CSS#Diseño web#estilo#formato#fuente#HTML#interfaz de usuario#lowercase#maquetación#mayúsculas#minúsculas#none#presentación#propiedades CSS#texto#tipografía#UI#uppercase#UX#valores CSS#visual
0 notes
Text
Tercera entrega, de la serie de 3, donde presentamos el flujo de trabajo para el prototipado de interfaces de usuario con Material Design 3, empleando los recursos que la última versión de este framework nos ofrece para utilizar en Figma. Rápido, aprenderás a generar el UI kit, estilos de colores, estilos de textos, tamaños de frames, retículas y otros recursos en Figma. Indispensable si quieres trabajar profesionalmente en ambos entornos. A continuación, te comparto los enlaces la primera y segunda entrega de esta serie:
Primer contacto con Material Design 2, aspectos relevantes, componentes y más.
Primer contacto con Material Design 3, aspectos fundamentales, componentes, y más.
Tutorial completo, aquí: https://www.formaciongrafica.net/blog/tutoriales-online/uid/el-flujo-en-figma-con-material-design-3/
#material design#md#material design 2#md2#uid#ui#Formación Gráfica#tutoriales ui#tutorial de diseño#tutoriales de diseño#tutorial ui
1 note
·
View note
Text
La caja de herramientas de un buen diseñador digital
Hoy en día es complicado identificar lo que define a un diseñador gráfico de un diseñador gráfico digital, sobre todo porque vivimos en un mundo digitalizado donde pocas cosas son análogas (al menos en el mundo del diseño gráfico). Lo cierto es que sin la teoría análoga, es complejo entender el mundo digital, y quizá si eres de las nuevas generaciones de diseñadores esto te pueda causar conflicto…
View On WordPress
0 notes
Text
Gerber: “La accesibilidad no es una opción”
Conoce las perspectivas de una profesional que afirma que la accesibilidad no es una opción, sino una necesidad dentro del diseño de productos digitales y descubre las herramientas y enfoques que implementa para garantizar que sus diseños sean accesibles y satisfagan las necesidades de todos los usuarios.
Jacqueline Gerber es una diseñadora UX/UI argentina con una amplia formación en Diseño Gráfico y con estudios complementarios en Diseño Web y Comunicación e Imagen Corporativa. Cuenta con 14 años de experiencia en el campo del diseño, enfocándose los últimos años en el diseño de interfaces y la experiencia de usuario tanto para plataformas web como para aplicaciones móviles. Su enfoque se basa en crear soluciones centradas en el usuario y utiliza sus conocimientos para promover la inclusión en sus proyectos. Fue elegida para esta entrevista debido a su capacidad para ofrecer una perspectiva enriquecedora sobre la inclusión, haciendo lo posible para que todos los usuarios se sientan atendidos en las interfaces digitales.
Jacqueline Gerber, diseñadora UX/UI propone e insiste que la inclusión es el camino por el que hay que ir en el diseño y desarrollo de productos digitales. Fuente: www.linkedin.com
Jacqueline compartió cómo aplica sus conocimientos de diseño para promover la inclusión en sus proyectos. Aunque enfatizó que la decisión de priorizar la accesibilidad no recae únicamente en ella, siempre propone e insiste en que esta sea una prioridad. En su trabajo actual, se reúne constantemente con el equipo de desarrollo con el cual ha establecido de forma conjunta que la accesibilidad no es una elección, pues afirma “…la accesibilidad no es una opción, es algo que tenemos que hacer sí o sí para que la mayor cantidad de usuarios pueda navegar sin ningún tipo de inconveniente con nuestro producto”.
Cuando se le preguntó sobre los desafíos específicos relacionados con la accesibilidad y la inclusión, Jacqueline explicó que su equipo mantiene un acuerdo común para siempre tenerla presente. Como diseñadores, se enfocan en establecer un Design System acorde y accesible, siguiendo pautas generales y requisitos indispensables. Explica que esto involucra considerar aspectos como “el tamaño, las paletas de colores, los contrastes, el tamaño mínimo de los iconos y las escalas de tipografías” para que se mantengan “los lineamientos generales de la gráfica, la funcionalidad y la legibilidad en cada componente”.
En cuanto a la perspectiva de diversidad cultural en sus proyectos, destacó la importancia de tener en cuenta las necesidades de usuarios de diferentes países a los que están destinados el uso de la plataforma. Actualmente, al trabajar en un sistema utilizado por tres países distintos, considera aspectos como el manejo de la moneda y la presentación de la información de manera comprensible para todos los usuarios.
Jacqueline también abordó el tema de la navegación y la importancia de brindar opciones de navegación accesibles para todos los usuarios y mencionó el uso de lectores de pantalla como Screen Reader y, además, cómo se aseguran de que el código y las etiquetas estén correctamente implementados para que estos lectores puedan interpretar y leer correctamente la información.
En cuanto al uso de herramientas de análisis de datos o investigación de usuarios, Jacqueline explicó que, en su proyecto actual, trabajan en colaboración con usuarios expertos o Product Owners para conseguir información relevante sobre las necesidades de los usuarios, así como obtener un feedback de los usuarios finales y aclaró que, al menos en este momento, no utilizan herramientas adicionales específicas para pruebas de usabilidad. Sin embargo, de otro proyecto menciona: “sí hacíamos encuestas, entrevistas, buscábamos información en general que podríamos encontrar de nuestros grupos o de personas que encajen con nuestro perfil de User Persona”, con el fin de entender el funcionamiento de la plataforma y cómo lograr que todos puedan usarla exitosamente.
En resumen, Jacqueline Gerber destaca la importancia de abordar la accesibilidad y la inclusión en el diseño. Su enfoque se basa en establecer un Design System sólido y seguir pautas claras para garantizar que cada componente cumpla con los estándares de accesibilidad, sin perder de foco a las personas ni los requerimientos del cliente. Con su compromiso y dedicación, continúa promoviendo la inclusión en cada uno de sus proyectos, demostrando que el diseño puede ser una poderosa herramienta para crear plataformas digitales accesibles y amigables para todos los usuarios.
Noticia escrita por: Igmar Lovera
0 notes
Text
Curso de Especialista en UX-UI 2022-23. Proyecto Final de Ana Ortega Moral: diseño de app para Dique Festival.
#UX-UI#diseño UX-UI#diseño responsive#responsive design#Ana Ortega#diseño UI#UI design#UI#UX#User Interface#User Experience#diseño app#app Dique Festival#La Gauss#lagauss#La x Gauss#Gauss Multimedia#gaussmultimedia
7 notes
·
View notes
Text
ICONOS 8X8 - 16X16
Clase 23-08-23
Esta clase , no me sentía bien y no pude ir :(
Pero me pusieron al día con el avance. En esta clase se mostró los iconos de cada persona para poder dar una retrolalimentación si es que alguno era complejo de enteder.
En la clase aprendimos a desarrollar la capacidad de distinguir entre la apariencia visual de una plataforma, conocida como la interfaz del usuario (UI), y la experiencia global que tiene un usuario al interactuar con esa plataforma, denominada experiencia del usuario (UX).
Interfaz de Usuario (UI):
La interfaz de usuario se centra en los elementos visuales y de interacción que permiten a los usuarios comunicarse con un sistema o una aplicación. Esto incluye elementos como botones, menús, iconos, campos de entrada y otros componentes visuales.
La UI se preocupa por el diseño visual, la disposición de los elementos en la pantalla, la consistencia visual y la usabilidad de los controles. El objetivo es hacer que la interacción del usuario con el sistema sea intuitiva, eficiente y agradable.
Experiencia de Usuario (UX):
La experiencia de usuario es un concepto más amplio que abarca todos los aspectos de la interacción de un usuario con un producto o servicio, incluida la interfaz de usuario. Se centra en cómo se siente el usuario al utilizar el producto y en la calidad general de esa experiencia.
La UX abarca aspectos como la facilidad de uso, la eficiencia, la satisfacción del usuario, la accesibilidad y la emocionalidad asociada con la interacción. Incluye la comprensión de las necesidades y expectativas del usuario para diseñar una experiencia que sea significativa y valiosa.
Ambos conceptos son esenciales para el diseño exitoso de productos digitales, ya que una interfaz efectiva contribuye a una experiencia positiva y satisfactoria para el usuario.
1 note
·
View note
Photo
Adobe XD es una de las herramientas mas utilizadas para el diseño de interfaces para todo tipo de dispositivos. XD destaca por su interfaz minimalista que distribuye todas las herramientas en tres áreas principales, logrando que el enfoque sea haga en la mesa de trabajo y en el desarrollo proyecto. También posee opciones potentes para realizar prototipos y comprobar las ideas UX que se tienen para el proyecto. Sus últimas versiones son incluso más intuitivas e integran la funcionalidad de extraer porciones de código para ayudar incluso en el proceso de desarrollo e implementación de a interfaz. En este curso de 21 lecciones (inicialmente, pero se encuentra en actualización constante) hago un recorrido por todas las funciones del programa para aprender a utilizarlo desde cero y paso a paso. El curso es 100% gratuito y se encuentra disponible desde mi blog: social.titocampos.com/blog-curso-adobe-xd Click en el enlace para leer artículo ahora ⬆️ O acceda a la lista de reproducción en YouTube: social.titocampos.com/xd ____ Para ver tutoriales paso a paso…no olvide visitar ✅ youtube.com/titocampos No olvide visitar mi blog para mas tips, lecturas y recursos gratuitos ��️ blog.titocampos.com Más contenido en los enlaces de la biografía ➡️ links.titocampos.com _____ XD Gratuito DeInterfaces Design
#blog#articulo#recurso#diseño#multimedia#adobe#xd#curso#gratis#aprenderDiseño#aprenderAdobe#aprenderXD#ui#ux#interface#AdobeXDCourse
0 notes
Text
Diseño web
¡Hola! Les dejo mi servicio de diseñadora web, si me ayudan a compartirlo les agradecería. <3
#web designer#design#designer ux/ui#ux/ui#figma#figmadesign#uxdesign#ui ux development services#web development#mobile app development#mobile games#desktop#website#graphic design#creative
7 notes
·
View notes
Text
Creando un foro
Ahora que ha surgido toda esta conversación alrededor de los foros y su nivel de actividad, y que di mi opinión sobre la creación de foros propios, quise compartir un poco mi experiencia. Crear foros es complicado. Es una inversión de tiempo estúpidamente grande, más si eres una sola persona haciendo todo el trabajo. Aunque he contado con el apoyo de dos personas para algunas cosas y mucho, mucho feedback de por medio. Llevo desde 2020 con la idea de crear mi propio foro. Es muchísimo tiempo, ¿No? Y la verdad es que yo soy una persona muy perfeccionista. Jamás he administrado un foro, jamás he tocado realmente el panel administrativo en foroactivo, pero me dije a mi misma: quiero hacer un foro, ¿cómo puedo hacerlo? En 2020 compré una skin que me salió a buen precio, tome algunas referencias de foros antiguos en los que había estado porque me gustaba la temática, me basé en lo que conocía para hacer los grupos y todo lo relacionado y medio empecé a hacerlo. Escribí ambientación, razas, grupos, historia. Ya saben, todo lo necesario. Estábamos en pandemia, así que tenía con que entretenerme. Pero entre más escribía, más me daba cuenta de que estaba llena de vacíos, errores y cosas que no me terminaban convenciendo. También quería un mejor diseño del foro. Deje todo lo que tenía, tomé solo algunas bases y me puse en marcha. En 2021 contraté a una persona que me diseñara una skin completamente personalizada para el foro. Me dio mucha ilusión, trabajamos meses en el diseño, pero al final la persona desapareció y todo lo avanzado se fue al caño. Esto me dio un bajón tremendo y me quede meses desanimada, pero dije: No quiero dejar morir esto, así que empecé a hacer yo misma el diseño del foro, lo que me llevó a adquirir una nueva pasión y, ¡Oh por dios! encontrar una nueva pasión que podía llevar profesionalmente: Diseño UX / UI Me empezó a apasionar el tema y bueno, ya estoy estudiando para convertirme en eso, un diseñador de experiencias e interfaces. Pero bueno, yo no sé programar, por lo que tendré que contratar después a alguien que se encargue de esa parte. Y cuando ya lo tenga todo montado buscar a personas que tengan interés en el proyecto para poder mantenerlo a flote. Pero a lo que voy: Empecé a diseñar el mockup de mi foro a finales de 2022. Y llevo desde entonces diseñando, aprendiendo, viendo como se hace esto y aquello. (Dato: Si quieren hacer mockups para interfaces web utilicen el programa de Figma. Es fácil de utilizar y puedes usarlo incluso en un navegador web.) Cierre de paréntesis, llevo tres años trabajando en un proyecto al que le tengo mucho amor. Le he cambiado de nombre, he cambiado un sin fin de cosas. No saben cuantas cosas del diseño se han modificado. Paletas de colores que van desde el color de grupo hasta decidir cual será el color principal del foro, cositas de la ambientación. Miles y miles de bocetos que terminaron en algo completamente diferente, escribir un montón, borrar un montón. Ha sido muchísimo trabajo y ni siquiera lo tengo listo, así que no sé cuando saldrá al aire este tan esperado proyecto que tanto quiero que vea la luz del sol. Pero a lo que voy es qué, tengámosle amor a nuestros proyectos y también paciencia. Mas adelante compartiré con ustedes todo el proceso, si quieren, pero me ha tomado tres años hacer este proyecto, muchos borradores, errores y mucho aprendizaje. Y aun me falta mucho más por aprender. Todo se va puliendo sobre la marcha. Todo se va perfeccionando. Y hay muchas cosas que sólo podemos aprender a través de las observaciones de otras personas. Así que recíbanlas con amor y, si van a darlas, también denlas con amor. Disfruten el proceso de crear algo, de ver lo mucho que sé a avanzado, y sean respetuosos con su propio trabajo y con el de los demás. Crear un foro toma mucho tiempo. Y está bien. Ahora eso es todo por ahora, sdjfai. Gracias por leerme.
35 notes
·
View notes