V i s u a l i z a t i o n! a n d S e m i o t i c s!! WORKSHOP 1-2! Josef Wideström! Centrum för kunskapsbildning och kommunikation



Relevanta dokument
Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

Kommunicera teknikinnehåll med nyanlända elever

Innehållsförteckning

Visuell perception och synsinnets neurofysiologi

CONSENSUS VARUMÄRKE CONSENSUS GRAFISKA PROFIL

Introduktion till Entity Framework och LINQ. Källa och läs mer

Soneo Wall. Funktionell kreativitet med ljudabsorberande fyrkanter. Soneo Wall är en enkelt och elegant system för väggpaneler.

Grafisk Manual. Version

Bildbehandling i Adobe Photoshop

Prioriterade standarder, Handledning, Vägledning, Utbildning Mats Åhlin

Abelin, Å. (1999) Studies in Sound Symbolism Gothenburg Monographs in Linguistics 17. Göteborg, 279 sid.

Typografi, text & designperspektiv

Helle Ambrén. External Relations and Communications Office

Materialspecifikation 2016

BILD Objektgrafik, Pixelgrafik & Färglära

Thorbjörn Laike, Lunds Universitet Tommy Govén, Fagerhult AB

Course syllabus 1(7) School of Management and Economics. FEN305 Reg.No. EHVc 2005:6 Date of decision Course Code. Företag och Marknad I

Skillnaden före och efter Black & White

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

Grafisk manual. 1.0 Index. Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING...

Materialspecification 2016

FORSBERGS SKOLA DISTANSKURS BREV 2

Mask luminans och färgmättnad

Några kartor över medieteknikområdet. Leif Handberg KTH Medieteknik

Systematisk språkträning i barnehagen

INT 3 F3. En texts läsbarhet. Teckensnitt. Medieteknik Del1. Färger, teckensnitt och bildformat

Tal- och skriftspråksutveckling i förskola och förskoleklass 15 högskolepoäng, Grundnivå 2

Vågkraft. Verification of Numerical Field Model for Permanent Magnet Two Pole Motor. Centrum för förnybar elenergiomvandling

Application Note SW

Image quality Technical/physical aspects

Photogram. En samling retroeffekter som inspirerats av instagram.

Säkerhetsfunktioner rstå varandra? Finns behov av att avvika från normal säkerhetsfunktion s vissa betingelser under uppstart, ändringar i processen

1.2 Logotypens färgsättning

Systemvetenskap. Spelblog. Game Jams

Företagsekonomi, allmän kurs. Business Administration, General Course. Business Administration until further notice

Alla presentationstekniker har olika behov; bandbredd, lagring samt bildkvalitet

Schenker Privpak AB Telefon VAT Nr. SE Schenker ABs ansvarsbestämmelser, identiska med Box 905 Faxnr Säte: Borås

BUDSKAP. Olle Bergman. sätt att förbättra din profil. Mina viktigaste. 1.Obegriplighet.

Alvaro Campo Selected projects for Equator Art

Biblioteket.se. A library project, not a web project. Daniel Andersson. Biblioteket.se. New Communication Channels in Libraries Budapest Nov 19, 2007

Integrerade vitvaror för en smidig och smart vardag

MUB203 Reg.No. 184/ Date of decision Revised. Musikalisk specialisering, klassisk inriktning. Music major, focusing on Classical styles

VÄGEN TILL BRYSSEL 2014

H0008 Skrivskydd FBWF

Forskning om den digitaliserade skolan. Susanne Kjällander Fil Dr & Post Doktor Lektor & Lärarutbildare

BRUKSANVISNING / MANUAL

HANTERING AV UPS CX

PROFINET MELLAN EL6631 OCH EK9300

Kursplan. EN1088 Engelsk språkdidaktik. 7,5 högskolepoäng, Grundnivå 1. English Language Learning and Teaching

Översättning av galleriet. Hjälp till den som vill...

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Huge, hus 1,2,3 BULLERBERÄKNING. Ekvivalent ljudnivå KVARTER 1 AVSER PLAN 1. Huge Fastigheter VÄG- OCH SPÅRTRAFIK SKALA FÖRKLARINGAR

P r i s u p p g i f t e r

INNEHÅLL NYHETER I INVENTOR STARTA, SPARA OCH AVSLUTA...37

BRUKSANVISNING / MANUAL

BOX SOLFALL. Anna Lamberg. 8 januari 7 februari

SOLAR LIGHT SOLUTION. Giving you the advantages of sunshine. Ningbo Green Light Energy Technology Co., Ltd.

Inbjudan till. World Cup 2014 International Volunteer Camp. En EU- utbildning för internationella basketbollfunktionärer

KARL ANDERSSON & SÖNER

Erfarenheter från Hazop användning på programvara i Arte740. Presentation för SESAM Claes Norelöv 4Real AB

Vad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1.

INNEHÅLL STARTA, SPARA OCH AVSLUTA... 14

Grafisk manual

GRAFISK MANUAL FASTSTÄLLD AV FULLMÄKTIGE

KIT 104, Kognitiva processer. Lecture 2: Colors , Thomas Porathe

Momento Silverline. To further protect the environment Momento introduces a new coating for our impact sockets - Momento Silverline

Syns du, finns du? Examensarbete 15 hp kandidatnivå Medie- och kommunikationsvetenskap

Design och Miljö Cleantech Maj 2010

Grundläggande teori för användargränssnitt,del 2

Integrerade vitvaror för en smidig och smart vardag

Genus- och jämställdhetsperspektiv på hållbar utveckling

Digital kompetens. i perspektiv av livslångt lärande. Lennart Axelsson

Contact by

BRÖDGRUPPENS HEMSIDA

How to format the different elements of a page in the CMS :

GRAFISK MANUAL 2.1. Reviderad: Anna Björkman Jerhammar&Co. Reviderad: XX Joel Strömblad

Planeringsprocessen och utfall. Linda Rolfö ISM

Kursplan. FÖ1038 Ledarskap och organisationsbeteende. 7,5 högskolepoäng, Grundnivå 1. Leadership and Organisational Behaviour

SyncMaster 24" wide LED bildskärm

SHP / SHP-T Standard and Basic PLUS

KPMG Stockholm, 2 juni 2016

Affärsmodellernas förändring inom handeln

FORSKNING OM DIGITALISERING AV FÖRSKOLAN

I. LCD1561 Monitor. Baksida

Name: Beginners Swedish for Exchange Students, 1-20 points

Vad är Artificiell Intelligens (AI) Olika typer av AI och deras användningsområden Innovation med hjälp av AI Framtiden och etiska frågeställningar

Sociala medieströmmar metoder för analys och samarbete via nya medieformat. Pelle Snickars, Umeå universitet & Lars Degerstedt, Södertörns högskola

På vilka sätt kan mönster vara en ingång till att utveckla förmågan att uttrycka och argumentera för generaliseringar algebraiskt?

Softline.

TNS Sifo Navigare Digital Channels


Moderskeppet.se. Anteckningsmaterial till kursen Photoshop för naturfotografer. Med Patrik Larsson. Se fler kurser på Moderskeppet.

Boston Prislista

openbim Stockholm 22 april 2013 Kraven på BIM är här

Designmanual. Lunds Kommuns Fastighets AB

Designmönster - EMW. Kent Petersson epost1: kentp@cs.chalmers.se epost2: kent.petersson@emw.ericsson.se URL:

Pulsen IAM: Del 2 Trender och teknik för morgondagens utmaningar. Tobias Ljunggren, PULSEN

KIT 104, Cognitive processes. Lecture 2: Colors , Thomas Porathe

Kurskod: TAIU06 MATEMATISK STATISTIK Provkod: TENA 15 August 2016, 8:00-12:00. English Version

Transkript:

V i s u a l i z a t i o n! a n d S e m i o t i c s!! WORKSHOP 1-2! Josef Wideström!

V i s u a l i z a t i o n! 1.! 2.!! function! dimension! meaning!! depth! composition! color!

V i s u a l i z a t i o n!! Visualize:" To actively communicate using the image as medium"

V i s u a l i z a t i o n! 40.000 BC:! Concience à Image! Speach = temporal" Image = spatial" ( Multimedia )"

M u l t i m o d a l! Modes:! Visual! Auditory! Tactile! Kinestetic! Speach = temporal" Image = spatial" ( Multimedia )"

G e s t a l t! Creation! Representation! Communication! No general recipy"

T h e a u t h o r! Production of meaning: Intention! Representation! Distribution! The Death of the Author "

T h e v i e w e r! Production of meaning: Codes! Interpretations! Context! Negotiations"

R e p r e s e n t a t i o n!!! The image as window!

D i m e n s i o n! The image is a model! of our perceptual world!! 2D ß à 3D!

D i m e n s i o n! The image is a model of! our world of imagination!! 2D ß à 3D! All images are 3D "

S e m i o t i c s! The meaning of signs!! Signifier! Signified! All images are 3D "

S e m i o t i c s! Types of signs:!! Icon! Symbol! Index! the image as medium"

S e m i o t i c s! Levels of signs:!! 1. Quality A! 2. Event A+B! 3. Concept C! the image as medium"

W o r k s h o p! 1!

W o r k s h o p! 1!

M u l t i m o d a l i t y! Meaning is created in! multiple articulation"! Digital Media! (multimodal texts)! language! narrative! writing style! speech! gesture! spatial arrangements! patterns! images! photographs! color! layout! music! sounds!

M u l t i m o d a l i t y! Meaning is created on! different levels (strata)!! Digital Media! (multimodal texts)! Discourse!- knowledge! Design!- concept! Production!- articulation! Distribution!- reproduction! Modes = semiotic" Media = material"

T e c h n o l o g i e s! The Canvas!! The Screen!

T e c h n o l o g i e s!

W o r k s h o p! 2! Masaccio! The holy trinity, 1427!

C o m p o s i t i o n! 1. Gravitation! 2. Horizon! 3. Proportion! Bildkomposition handlar om att arrangera bildelementen (formerna) för att uppnå ett visst syfte. "

C o m p o s i t i o n!!! Geometry! Triangles, squares, circles, diagonals"

C o m p o s i t i o n!!! Geometry! Crosses, framing, centerpoint"

C o m p o s i t i o n! Lennart Aschenbrenner!

C o m p o s i t i o n! Ulf Wahlberg!

C o m p o s i t i o n! Pyk!

depth cues" I m a g e d e p t h!

depth cues" 3! 1! 2!

depth cues"

depth cues"

depth cues"

depth cues" =! =!

depth cues"

depth cues"

depth cues"

depth cues"

depth cues" 1. Perspective (1p, 2p, 3p)! 2. Overlapping (+ movement)! 3. Color perspective! 4. Detail! 5. Similarity! 6. Light & shadow! 7. Optical effects!

C o l o r! 1. Additive: RGB (HTML)! 2. Subtractive: CMYK (NCS)! 3. Hue, Saturation, Brightness!

C o l o r! 1. Additive: RGB (HTML)! 2. Subtractive: CMYK (NCS)! 3. Hue, Saturation, Brightness!

C o n c l u s i o n! function! dimension! meaning!! depth! composition! color!