Este documento describe etiquetas HTML comunes para estructurar y dar formato a texto. Algunas etiquetas como <p> y <h1>-<h6> se usan para estructurar párrafos y secciones. Otras como <em>, <strong>, <ins> y <del> resaltan texto. También explica etiquetas como <blockquote>, <abbr>, <dfn> y <acronym> para citas, abreviaturas y acrónimos. La etiqueta <span> permite aplicar estilos a fragmentos de texto.
Este manual explica los fundamentos de HTML y cómo crear páginas web básicas. Cubre conceptos clave como etiquetas, estructura de documentos HTML, y sintaxis. Incluye instrucciones paso a paso para crear una primera página web sencilla. El manual está dirigido a cualquier persona interesada en aprender HTML de forma práctica.
Este documento describe etiquetas HTML comunes para estructurar y dar formato a texto. Algunas etiquetas como <p> y <h1>-<h6> se usan para estructurar párrafos y secciones. Otras como <em>, <strong>, <ins> y <del> resaltan texto. También explica etiquetas como <blockquote>, <abbr>, <dfn> y <acronym> para citas, abreviaturas y acrónimos. La etiqueta <span> permite aplicar estilos a fragmentos de texto.
Este manual explica los fundamentos de HTML y cómo crear páginas web básicas. Cubre conceptos clave como etiquetas, estructura de documentos HTML, y sintaxis. Incluye instrucciones paso a paso para crear una primera página web sencilla. El manual está dirigido a cualquier persona interesada en aprender HTML de forma práctica.
This document provides an overview and analysis of various web layout patterns, including cards, grids, magazine-style layouts, split screens, single-page apps, F patterns, Z patterns, and symmetrical layouts. It discusses the problems each layout addresses, how the layout works as a solution, and tips for implementing each style successfully. The document is from a book on web UI design patterns and focuses on layout, content, data, scrolling, and multimedia patterns.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
El documento explica por qué es importante el enfoque de experiencia de usuario (UX). UX no se trata solo de la interfaz de usuario o wireframes, sino de lograr que la experiencia de un producto o servicio sea efectiva y satisfactoria para los usuarios. Incorporar UX puede mejorar las métricas de negocio como conversiones y retención de clientes, además de crear usuarios y equipos más felices.
This document provides an overview of UI patterns for user input, controls, and navigation. It discusses common UI patterns like forms, menus, searches and discusses best practices for using patterns. It emphasizes the importance of consistency both within a design system and with external expectations. It also discusses testing new patterns with users to innovate while still meeting expectations. The document provides many examples of patterns and guidance on selecting, applying and improving patterns for user experience.
The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon
Web design is not an interactive brochure anymore. Smart mobile devices have forever changed the way we think and interact with websites. Now you have to consider an array of things you didn’t have to worry about before, such as HiDPI graphics, UI/UX patterns, touch target sizes, gestures, and managing expectations. All the while not losing track of what’s important: Content.
We’re going to discuss the influence of mobile on design, trends, and implementation methods, as well as how touch is changing our lives. As designers and developers, we can benefit from learning about how mobile is changing the way we interact with websites, and what that means for the future of UI.
Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.
Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.
1. .GIF
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
LZW 72 1200 x 800 605 KB SI NO 8bits/pixel INDEXAT
(256 colors)
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
És apte per a web, correus, gràfics animats i icones Implica pèrdua d’informació, és limitat i reduït i no recomanable per fotografia
.GIF
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
LZW 72 1200 x 800 104 KB SI NO 8bits/pixel INDEXAT
(4 colors)
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
És apte per a web, correus, gràfics animats i icones Implica pèrdua d’informació, és limitat i reduït i no recomanable per fotografia
.PNG 8
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
LWZ 240 1200 x 800 1.51 MB 31 x 21 cm SI NO 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Poca pèrdua, transparencia, apte per gràfics estàtics, icones i web Tamany reduït, no recomanat per fotografia
.PNG 24
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
LWZ 72 1200 x 800 540 KB 31 x 21 cm SI NO 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Poca pèrdua, transparencia, apte per gràfics estàtics, icones i web Tamany reduït, no recomanat per fotografia
2. .TIF
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
NO 240 5184 x 3456 51.2 MB 137 x 91 cm NO SI 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Bo per rectificar edició i treball per capes, compatibilitat amb molts
programes i bo per impresions.
Molt pesat I no apte per dispositius web i arxius adjunts de correu
.TIF
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
LWZ 240 5184 x 3456 36.9 MB 137 x 91 cm NO NO 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Bo per rectificar edició i treball per capes, compatibilitat amb molts
programes i bo per impresions.
Molt pesat I no apte per dispositius web i arxius adjunts de correu
.JPEG
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
LWZ 72 5184 x 3456 8.2 MB 137 x 91 cm NO NO 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Apte per adjuntar al correu (qualitat relativa), compativilitat molt
bona amb altres sistemes
Pèrdua irreversible de la información, no manté canals alfa ni capes i poc
recomanable per a l’impressió
.JPEG
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
NO 72 5184 x 3456 3.4 MB 137 x 91 cm NO NO 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Apte per adjuntar al correu (qualitat relativa), compativilitat molt
bona amb altres sistemes
Pèrdua irreversible de la información, no manté canals alfa ni capes i poc
recomanable per a l’impressió
3. .RAW
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
NO 240 5184 x 3456 21.5 MB 137 x 91 cm NO NO 16bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Permet la máxima informació, retoc i una limitada compatibilitat Molt de pes, compatible amb programes específics i falta revelat
.PSD
COMPRESSIÓ RESOLUCIÓ DIMENSIONS PES MIDA CANALS ALFA CAPES COLOR MODE
NO 240 5184 x 3456 11.2 MB 137 x 91 cm NO NO 8bits/pixel RGB
PROPIETATS BÀSIQUES INCONVENIENTS BÀSICS
Permet l’edició i el treball per capes Pesa molt, necessita programs específics i no es apte per web i per correu.