metaphor typography

•

1 gostou•515 visualizações

Dr. V Vorvoreanu

This document discusses metaphors, interfaces, and web typography. It covers how metaphors can be used on interfaces through analogies like desktops and shopping carts. It then discusses how webfonts can be embedded using CSS and supported in browsers. Finally, it lists common font formats for the web like TrueType, Embedded Open Type, OpenType, and Web Open Font Format.

Tecnologia Design

MetaphorWeb Typography

Metaphor Your eyes are oceans of innocence.

Metaphors on Interfaces Desktop; office environment Shopping cart Address books, Calendars, etc.

Metaphors on Interfaces ,[object Object]

Limit possibilities,[object Object]

Web Typography

Webfonts Embedded in files using CSS @font-face rule

Webfonts ,[object Object]

EULA

Browser support,[object Object]

True Type .ttfOpen Type PS .otf 9

Embedded Open Type (.eot)

Mais conteúdo relacionado

Destaque

عرض تجريبي للحركة

عرض تجريبي للحركة

عرض تجريبي للحركةralhumaidan

Il commercio elettronico

Il commercio elettronico

Il commercio elettronicoNordestcreativo social business club

Session 7 Enguest91d2b3

Ossiannilsson ec eit_and_msca 219-30 june 2015

Ossiannilsson ec eit_and_msca 219-30 june 2015

Ossiannilsson ec eit_and_msca 219-30 june 2015Ebba Ossiannilsson

Eden2011 creelman ossiannilsson

Eden2011 creelman ossiannilsson

Eden2011 creelman ossiannilssonEbba Ossiannilsson

List kick off lund_5sept2016

List kick off lund_5sept2016

List kick off lund_5sept2016Ebba Ossiannilsson

Ossiannilsson dalawux21 oktober2016

Ossiannilsson dalawux21 oktober2016

Ossiannilsson dalawux21 oktober2016Ebba Ossiannilsson

Guia del blogLeylo

Visibilità su Google: Un'opporunità per le PMI

Visibilità su Google: Un'opporunità per le PMI

Visibilità su Google: Un'opporunità per le PMINordestcreativo social business club

Open & Shut: Leadership in the Social World

Open & Shut: Leadership in the Social World

Open & Shut: Leadership in the Social WorldJordan Epp

Personal Email Communication Best Practices

Personal Email Communication Best Practices

Personal Email Communication Best PracticesLinda Bishop

Ggggsherry_khan

РИФ 2016, Видео в регионах. Быстрый рост. Основные маркеры.

РИФ 2016, Видео в регионах. Быстрый рост. Основные маркеры.

РИФ 2016, Видео в регионах. Быстрый рост. Основные маркеры.Тарасов Константин

Optimiza Ppt Academy New V6.5

Optimiza Ppt Academy New V6.5

Optimiza Ppt Academy New V6.5Nidal Bitar

教育评价指标权重确定tianyalu

homepage usability

homepage usability

homepage usabilityDr. V Vorvoreanu

Barcelonasevenjesus

09 personas task analysis

09 personas task analysis

09 personas task analysisDr. V Vorvoreanu

Singh M Sullivan K 8 21 Dt

Singh M Sullivan K 8 21 Dt

Singh M Sullivan K 8 21 DtMark Singh MD

Iso sis ossiannilsson2014

Iso sis ossiannilsson2014

Iso sis ossiannilsson2014Ebba Ossiannilsson

Destaque (20)

عرض تجريبي للحركة

عرض تجريبي للحركة

عرض تجريبي للحركة

Il commercio elettronico

Il commercio elettronico

Il commercio elettronico

Session 7 En

Ossiannilsson ec eit_and_msca 219-30 june 2015

Ossiannilsson ec eit_and_msca 219-30 june 2015

Ossiannilsson ec eit_and_msca 219-30 june 2015

Eden2011 creelman ossiannilsson

Eden2011 creelman ossiannilsson

Eden2011 creelman ossiannilsson

List kick off lund_5sept2016

List kick off lund_5sept2016

List kick off lund_5sept2016

Ossiannilsson dalawux21 oktober2016

Ossiannilsson dalawux21 oktober2016

Ossiannilsson dalawux21 oktober2016

Guia del blog

Visibilità su Google: Un'opporunità per le PMI

Visibilità su Google: Un'opporunità per le PMI

Visibilità su Google: Un'opporunità per le PMI

Open & Shut: Leadership in the Social World

Open & Shut: Leadership in the Social World

Open & Shut: Leadership in the Social World

Personal Email Communication Best Practices

Personal Email Communication Best Practices

Personal Email Communication Best Practices

Gggg

РИФ 2016, Видео в регионах. Быстрый рост. Основные маркеры.

РИФ 2016, Видео в регионах. Быстрый рост. Основные маркеры.

РИФ 2016, Видео в регионах. Быстрый рост. Основные маркеры.

Optimiza Ppt Academy New V6.5

Optimiza Ppt Academy New V6.5

Optimiza Ppt Academy New V6.5

教育评价指标权重确定

homepage usability

homepage usability

homepage usability

Barcelona

09 personas task analysis

09 personas task analysis

09 personas task analysis

Singh M Sullivan K 8 21 Dt

Singh M Sullivan K 8 21 Dt

Singh M Sullivan K 8 21 Dt

Iso sis ossiannilsson2014

Iso sis ossiannilsson2014

Iso sis ossiannilsson2014

Mais de Dr. V Vorvoreanu

Dia2 tues persona

Dia2 tues persona

Dia2 tues persona Dr. V Vorvoreanu

Dia2 sketchesDr. V Vorvoreanu

DIA2 Design requirements presentation personas

DIA2 Design requirements presentation personas

DIA2 Design requirements presentation personasDr. V Vorvoreanu

gestalt principles cats

gestalt principles cats

gestalt principles catsDr. V Vorvoreanu

07 principles 1 affordance

07 principles 1 affordance

07 principles 1 affordanceDr. V Vorvoreanu

HCDD for ASEE 2015 presentation

HCDD for ASEE 2015 presentation

HCDD for ASEE 2015 presentationDr. V Vorvoreanu

ControlsDr. V Vorvoreanu

Responsive design UX intro

Responsive design UX intro

Responsive design UX introDr. V Vorvoreanu

Attention info scent recognition vs recall

Attention info scent recognition vs recall

Attention info scent recognition vs recallDr. V Vorvoreanu

03 bad usability kills

03 bad usability kills

03 bad usability killsDr. V Vorvoreanu

03 usability def designprocess

03 usability def designprocess

03 usability def designprocessDr. V Vorvoreanu

Information architecture

Information architecture

Information architectureDr. V Vorvoreanu

UX Conceptual design - sketches, wireframes, mockups, prototypes

UX Conceptual design - sketches, wireframes, mockups, prototypes

UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu

Cgt 256 course review

Cgt 256 course review

Cgt 256 course reviewDr. V Vorvoreanu

Cross channel ux

Cross channel ux

Cross channel uxDr. V Vorvoreanu

UX user-centered design process overview

UX user-centered design process overview

UX user-centered design process overviewDr. V Vorvoreanu

26 social interaction design

26 social interaction design

26 social interaction designDr. V Vorvoreanu

Purdue MS degree CGT

Purdue MS degree CGT

Purdue MS degree CGTDr. V Vorvoreanu

Sketches wireframes mockups prototypes

Sketches wireframes mockups prototypes

Sketches wireframes mockups prototypesDr. V Vorvoreanu

11 info architecture-2014

11 info architecture-2014

11 info architecture-2014Dr. V Vorvoreanu

Mais de Dr. V Vorvoreanu (20)

Dia2 tues persona

Dia2 tues persona

Dia2 tues persona

Dia2 sketches

DIA2 Design requirements presentation personas

DIA2 Design requirements presentation personas

DIA2 Design requirements presentation personas

gestalt principles cats

gestalt principles cats

gestalt principles cats

07 principles 1 affordance

07 principles 1 affordance

07 principles 1 affordance

HCDD for ASEE 2015 presentation

HCDD for ASEE 2015 presentation

HCDD for ASEE 2015 presentation

Controls

Responsive design UX intro

Responsive design UX intro

Responsive design UX intro

Attention info scent recognition vs recall

Attention info scent recognition vs recall

Attention info scent recognition vs recall

03 bad usability kills

03 bad usability kills

03 bad usability kills

03 usability def designprocess

03 usability def designprocess

03 usability def designprocess

Information architecture

Information architecture

Information architecture

UX Conceptual design - sketches, wireframes, mockups, prototypes

UX Conceptual design - sketches, wireframes, mockups, prototypes

UX Conceptual design - sketches, wireframes, mockups, prototypes

Cgt 256 course review

Cgt 256 course review

Cgt 256 course review

Cross channel ux

Cross channel ux

Cross channel ux

UX user-centered design process overview

UX user-centered design process overview

UX user-centered design process overview

26 social interaction design

26 social interaction design

26 social interaction design

Purdue MS degree CGT

Purdue MS degree CGT

Purdue MS degree CGT

Sketches wireframes mockups prototypes

Sketches wireframes mockups prototypes

Sketches wireframes mockups prototypes

11 info architecture-2014

11 info architecture-2014

11 info architecture-2014

Último

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

08448380779 Call Girls In Friends Colony Women Seeking Men

08448380779 Call Girls In Friends Colony Women Seeking Men

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

A Call to Action for Generative AI in 2024

A Call to Action for Generative AI in 2024

A Call to Action for Generative AI in 2024Results

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

CNv6 Instructor Chapter 6 Quality of Service

CNv6 Instructor Chapter 6 Quality of Service

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)Gabriella Davis

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonetsnaman860154

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Último (20)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Powerful Google developer tools for immediate impact! (2023-24 C)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

08448380779 Call Girls In Friends Colony Women Seeking Men

08448380779 Call Girls In Friends Colony Women Seeking Men

08448380779 Call Girls In Friends Colony Women Seeking Men

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

Exploring the Future Potential of AI-Enabled Smartphone Processors

A Call to Action for Generative AI in 2024

A Call to Action for Generative AI in 2024

A Call to Action for Generative AI in 2024

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

Finology Group – Insurtech Innovation Award 2024

CNv6 Instructor Chapter 6 Quality of Service

CNv6 Instructor Chapter 6 Quality of Service

CNv6 Instructor Chapter 6 Quality of Service

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

What Are The Drone Anti-jamming Systems Technology?

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

How to convert PDF to text with Nanonets

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Presentation on how to chat with PDF using ChatGPT code interpreter

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Automating Google Workspace (GWS) & more with Apps Script

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

Data Cloud, More than a CDP by Matt Robison

metaphor typography

1. MetaphorWeb Typography

2. Metaphor Your eyes are oceans of innocence.

3. Metaphors on Interfaces Desktop; office environment Shopping cart Address books, Calendars, etc.

4.

5.

6.

7.

8.

9. Web Typography

10. Webfonts Embedded in files using CSS @font-face rule

11.

13.

14. True Type .ttfOpen Type PS .otf 9

15. Embedded Open Type (.eot)

16. Web Open Font Format WOFF