Social media design 03 2012 - Web Design Per i Social Media

web communication e social media

Media Design 03

Web Design per i Social Media

venerdì 1 giugno 12

Web Communication and Social Media - Media design 03 2012

La tradizione della tipografia e della stampa



Il Web “tradizionale” usa ancora la metafora della pagina



http://www.london2012.com/


http://www.london2012.com

http://www.london2012.com


http://www.loisjeans.com/web2012/es





http://www.bluezonesproject.com/


http://www.bluezonesproject.com

http://www.bluezonesproject.com


http://beta.theexpressiveweb.com/


http://beta.theexpressiveweb.com

http://beta.theexpressiveweb.com


La classifica dei siti più visitati in italia maggio 2012 http://www.alexa.com/topsites/countries/IT


http://www.alexa.com/topsites/countries/IT



La classifica dei 20 siti più visitati in italia nel 2011 (marzo 2011 GOOGLE/ALEXA)

http://www.alexa.com/topsites/countries/IThttp://www.google.com/adplanner/static/top100countries/it.html




http://www.google.com/adplanner/static/top100countries/it.html

http://www.google.com/adplanner/static/top100countries/it.html


La classifica dei 1000 siti più visitati nel mondohttp://www.google.com/adplanner/static/top1000/index.html


http://www.google.com/adplanner/static/top1000/index.html

http://www.google.com/adplanner/static/top1000/index.html


Web

Des

ign

/ site

pro

duct

ion

Interaction Design

Interaction Design



Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

The intent of web design[1] is to create a web site—a collection of electronic documents and applications that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.

Web Design


http://en.wikipedia.org/wiki/Web_content

http://en.wikipedia.org/wiki/Web_content

http://en.wikipedia.org/wiki/Hypertext

http://en.wikipedia.org/wiki/Hypertext

http://en.wikipedia.org/wiki/Hypermedia

http://en.wikipedia.org/wiki/Hypermedia

http://en.wikipedia.org/wiki/End_user_(computer_science)




http://en.wikipedia.org/wiki/World_Wide_Web

http://en.wikipedia.org/wiki/World_Wide_Web

http://en.wikipedia.org/wiki/Web_browser

http://en.wikipedia.org/wiki/Web_browser

http://en.wikipedia.org/wiki/Internet_television

http://en.wikipedia.org/wiki/Internet_television

http://en.wikipedia.org/wiki/Microblogging

http://en.wikipedia.org/wiki/Microblogging

http://en.wikipedia.org/wiki/RSS_reader

http://en.wikipedia.org/wiki/RSS_reader

http://en.wikipedia.org/wiki/Web_design#cite_note-0

http://en.wikipedia.org/wiki/Web_design#cite_note-0

http://en.wikipedia.org/wiki/Document

http://en.wikipedia.org/wiki/Document

http://en.wikipedia.org/wiki/Web_application

http://en.wikipedia.org/wiki/Web_application

http://en.wikipedia.org/wiki/Server

http://en.wikipedia.org/wiki/Server

http://en.wikipedia.org/wiki/Servers

http://en.wikipedia.org/wiki/Servers

http://en.wikipedia.org/wiki/Bitmap

http://en.wikipedia.org/wiki/Bitmap

http://en.wikipedia.org/wiki/Graphics_Interchange_Format

http://en.wikipedia.org/wiki/Graphics_Interchange_Format

http://en.wikipedia.org/wiki/JPEG

http://en.wikipedia.org/wiki/JPEG

http://en.wikipedia.org/wiki/HTML


http://en.wikipedia.org/wiki/XHTML


http://en.wikipedia.org/wiki/XML

http://en.wikipedia.org/wiki/XML

http://en.wikipedia.org/wiki/Adobe_Flash

http://en.wikipedia.org/wiki/Adobe_Flash

http://en.wikipedia.org/wiki/QuickTime

http://en.wikipedia.org/wiki/QuickTime

http://en.wikipedia.org/wiki/Java_(software_platform)

http://en.wikipedia.org/wiki/Java_(software_platform)

http://en.wikipedia.org/wiki/Plug-ins

http://en.wikipedia.org/wiki/Plug-ins






The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation. Various methods are used to create and combine symbols, images and/or words to create a visual representation of ideas and messages. A graphic designer may use typography, visual arts and page layout techniques to produce the final result. Graphic design often refers to both the process (designing) by which the communication is created and the products (designs) which are generated.

Graphic Design


http://en.wikipedia.org/wiki/Typography

http://en.wikipedia.org/wiki/Typography

http://en.wikipedia.org/wiki/Visual_arts




http://en.wikipedia.org/wiki/Page_layout

http://en.wikipedia.org/wiki/Page_layout


Interaction design (IxD) is the study of devices with which a user can interact, in particular computer users. The practice typically centers around "embedding information technology into the ambient social complexities of the physical world."[1] It can also apply to other types of non-electronic products and services, and even organizations. Interaction design defines the behavior (the "interaction") of an artifact or system in response to its users.

Interaction Design


http://en.wikipedia.org/wiki/End-user

http://en.wikipedia.org/wiki/End-user

http://en.wikipedia.org/wiki/End-user_(computer_science)

http://en.wikipedia.org/wiki/End-user_(computer_science)

http://en.wikipedia.org/wiki/Information_technology

http://en.wikipedia.org/wiki/Information_technology

http://en.wikipedia.org/wiki/Interaction_design#cite_note-0

http://en.wikipedia.org/wiki/Interaction_design#cite_note-0


Social media is a term used to describe the type of media that is based on conversation and interaction between people online. Where media means digital words, sounds & pictures which are typically shared via the internet and the value can be cultural, societal or even financial.Social media are media designed to be disseminated through social interaction, using highly accessible and scalable publishing techniques. Social media use web-based technologies to transform and broadcast media monologues into social media dialogues. They support the democratization of knowledge and information and transform people from content consumers to content producers.

Social Media



Interaction Design

Interaction Design new Patterns



Da Utente singolo a Sociale (plurale)

interazioni con sito

, interfaccia, azioni solitarie

UGCinterazioni

con altri utenti, , interfaccia,

media condivisidialoghi

community



cambio di prospettiva nel progetto del Social Web

da Statico a Dinamico a Vivo

dal semplice Ascolto al coinvolgimento alla

Partecipazione emotiva

progettazione da Statica a Liquido a Evolutiva

dal Sito a Ecosistema

da utente a community



progettare PER gli utenti

progettare CON gli utentiUser Centered Design Social Media Design

Target



Dinamico/OrganicoWeb Statico

EmotivitàDati Oggettivi

RelazioniTransazioni

Progettazione continua

One Shot

progettazione tradizionale

Crowdprogetto social

Target



cambio di prospettiva nel progetto del Social Web



Stilemi visivi Social Webimportanza del logoforme morbide, arrotondate, organiche

aria, grande aree di respiro visivo

“green is the new gray”

colori pastello, green, organics, healthy

Bottoni “stelloni”, trend gadgets

bianco bianco bianco

“black is dead”

grande uso della Typographytante (ri)flessioni sul pavimento

tanta grafica, no stock photos

interfaccia minimale vs contents



Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• Angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Soft Icons• Typography• Splash/Star



Web 2.0 Style• Semplicità• Importanza del Logo• CSS• Layout orizzontali• Grandi Aree Colorate• angoli arrotondati• Sfumature• Riflessioni• Colori pastello• Icone morbide• Typography• Stelloni



Web 2.0 Style http://theconversationprism.com/click/


http://theconversationprism.com/click/

http://theconversationprism.com/click/


Web 2.0 Style http://www.go2web20.net/


http://www.go2web20.net

http://www.go2web20.net


Web 2.0 Style http://mashable.com/


http://mashable.com

http://mashable.com


Web 2.0 Style http://momb.socio-kybernetics.net/


http://momb.socio-kybernetics.net

http://momb.socio-kybernetics.net


Web 2.0 Style http://emilychang.com/ehub/


http://emilychang.com/ehub/

http://emilychang.com/ehub/


http://youtu.be/9TGkDHzqUaQ





mappa del sito /flowchart



flowchart



78venerdì 1 giugno 12


flowchart delle azioni


Web Communication and Social Media - Media design 03 2012Web Communication and Social Media - Media design 03

flowchart dei processi



flowchart friendfeed



flowchart post

http://www.bydatabedriven.com/social-media-flow-chart-blog-vs-facebook-vs-twitter/venerdì 1 giugno 12

http://www.bydatabedriven.com/social-media-flow-chart-blog-vs-facebook-vs-twitter/

http://www.bydatabedriven.com/social-media-flow-chart-blog-vs-facebook-vs-twitter/


flowchart post

http://www.asce.org/followasce/





flowchart postWeb Communication and Social Media - Media design 03

http://www.socialfish.org/2010/11/social-media-response-triage.htmlvenerdì 1 giugno 12

http://www.socialfish.org/2010/11/social-media-response-triage.html

http://www.socialfish.org/2010/11/social-media-response-triage.html


Social Media



Social Media

Pfizer Canada has modified an assessment chart that was originally developed by the U.S. Air Force . The flow chart will guide Pfizer Canada in responding to remarks on social media networks which are either the property of, sponsored by or have a relation of some kind to Pfizer Canada


http://www.globalnerdy.com/2008/12/30/the-air-forces-rules-of-engagement-for-blogging/







Social Media

Pfizer Canada has modified an assessment chart that was originally developed by the U.S. Air Force . The flow chart will guide Pfizer Canada in responding to remarks on social media networks which are either the property of, sponsored by or have a relation of some kind to Pfizer Canada



Social Media



flowchart post

by David Armano - @Armano

Community Management Scenario Map



flowchart post

by David Armano - @Armano


http://www.slidesh

are.net/morganmclintic/red-alert-handling-a-crisis-in-a-

sm-landscape?


http://www.slideshare.net/morganmclintic/red-alert-handling-a-crisis-in-a-sm-landscape?



















flowchart postCommunity Management Scenario Map





http://www.hivestrategies.com/venerdì 1 giugno 12

http://www.hivestrategies.com

http://www.hivestrategies.com


http://socialmediatoday.comvenerdì 1 giugno 12

http://socialmediatoday.com/isra-garcia/253773/implementing-social-media-strategy-step-step-diagram?utm_source=smt_newsletter&utm_medium=email&utm_campaign=newsletter

http://socialmediatoday.com/isra-garcia/253773/implementing-social-media-strategy-step-step-diagram?utm_source=smt_newsletter&utm_medium=email&utm_campaign=newsletter


http://socialmediatoday.com

http://sportfanconnect.com/


http://sportfanconnect.com/mike-petrie-calgary-stampeders-sports-social-media-strategy

http://sportfanconnect.com/mike-petrie-calgary-stampeders-sports-social-media-strategy


http://socialmediatoday.com

http://www.stampsconnect.com/


http://www.stampsconnect.com

http://www.stampsconnect.com


Social Media Adoption Decision Flowchart



++

Il primo prototipo di Twitter

strutturare lo spazio/wireframing/mockups Tools



strutturare lo spazio/wireframing/mockups



http://www.lovelycharts.com/ 1 100% free2 Online application3 Create flowcharts, sitemaps, wireframes



http://www.lovelycharts.com



http://www.lovelycharts.com/ 1 100% free2 Online application3 Create flowcharts, sitemaps, wireframes




http://www.lovelycharts.com/





1 Freemium2 Web 2.0 air interface3 desktop/online

http://www.mockflow.com/



http://www.mockflow.com




http://www.youtube.com/watch?v=sqF0AWam-Cg








http://www.youtube.com/watch?v=U8rgQyUVMKY








http://www.youtube.com/watch?v=4Vk2B-jWzyQ







http://www.balsamiq.com/1 handrawn style1 79$ una tantum2 Online / desktop



http://www.balsamiq.com



http://www.balsamiq.com/

http://www.youtube.com/watch?v=aJTuFRaIi_g








Pencil Project

Serena Prototype Composer

Axure RP

HotGloo

Mockingbird

ProtoShare

GliffyJustinmind Prototyper

JumpChart

Pidoco

iPlotz

FlairBuilder

GUI Design StudioOmniGraffle (Mac, iPad)

Microsoft Visio

Protofluid.com


http://www.evolus.vn/Pencil/

http://www.evolus.vn/Pencil/

http://www.serena.com/products/prototype-composer/index.html

http://www.serena.com/products/prototype-composer/index.html

http://www.axure.com/

http://www.axure.com/

http://www.hotgloo.com/

http://www.hotgloo.com/

http://gomockingbird.com/



http://www.protoshare.com/

http://www.protoshare.com/

http://www.gliffy.com/

http://www.gliffy.com/

http://www.justinmind.com/

http://www.justinmind.com/

http://www.jumpchart.com/

http://www.jumpchart.com/

https://pidoco.com/en

https://pidoco.com/en

http://iplotz.com/

http://iplotz.com/

http://www.flairbuilder.com/

http://www.flairbuilder.com/

http://www.carettasoftware.com/

http://www.carettasoftware.com/

http://www.omnigroup.com/products/OmniGraffle/

http://www.omnigroup.com/products/OmniGraffle/

http://office.microsoft.com/en-us/visio/FX100487861033.aspx

http://office.microsoft.com/en-us/visio/FX100487861033.aspx

http://protofluid.com

http://protofluid.com



http://www.youtube.com/watch?v=LOyIVqJcGfc

iMockups




http://itunes.apple.com/it/app/imockups-for-ipad/id364885913?mt=8





http://www.youtube.com/watch?v=hII6AbGrWR8





Progetto comunicazione visiva / Layout



Progetto comunicazione visiva Layout



Consistenza

Stile

linguaggio

Progetto comunicazione visiva Layout

gerarchie visivetono del designVisual design

concepts

elementi visivi iconici simbologia astratte/stilizzazioni

content

interfaccia

diagrammi sempliciillustrazioni stilizzate

illustrazioni realistichefotografie

illustrazioni iperrealistiche

metaforatipologia di sito web

testotesto grafico

typography

orientamento

CSS



Typography/Fonts i caratteri hanno carattere



Typography/Fonts



Typography/Fonts

Garamond

Bodoni

Times New Roman



Typography/Fonts



ordini di composizione

Typography/Fonts



famiglie



Typography/Fonts grigio tipografico



Typography/Fonts disegnare con il testo



Typography/Fonts



Fonts & Web

html

css

flashtesto in grafica

cascading

style

sheet

ajaxAsynchronous JavaScript And XMl

Hyper Test Markup Languagecontenuto separato dallo stile

limitate capacità di formattazione

formattazione e impaginazione avanzata

formattazione e impaginazione avanzata

solo per titoli non per il body text

distribuzione illegale

downloadable fonts?

DRMEULA

limitate capacità di uso dei font

formattazione e contenuto uniti

limitate capacità di uso dei font

uso di qualsiasi font

jpeg gif png

sIFR 2.0

7UXH'RF��3)5��(PEHGGHG�2SHQ7\SH��(27��(27�/LWH�&:7��2SHQ�)RQW�)RUPDW��:2))��VZJ�

:HE�VDIH�IRQWV

rendering dei font grazie al plugin flash

Scalable Inman Flash Replacement (sIFR) &66��&66��&66��&66�



Web-safe fontsWeb-safe fonts are fonts likely to be present on a wide

range of computer systems, and used by web content authors to increase the likelihood that content will be displayed in their chosen font. If a visitor to a website

does not have the specified font, their browser will attempt to select a similar alternative, based on the author-specified fallback fonts and generic families.

Microsoft's Core fonts for the Web (1996 - 2002)Since being released under Microsoft's Core fonts for the Web program, Arial, Georgia, and Verdana have become three de

facto fonts of the Web.In order to ensure that all web users had a basic set of fonts,

Microsoft started Core fonts for the Web initiative. The released fonts include Arial, Georgia, Times New Roman, and Verdana under an EULA which made them freely distributable. Their high

penetration rate has made them a staple for web designers.CSS2 attempted to increase the tools available to web

developers by adding font synthesis, improved font matching and the ability to download remote fonts.[Some CSS2 font properties

were removed from CSS2.1 and later included in CSS3.

Font esistenti: decine di migliaia. Font usate su web: 5Famiglie di fonts usabili Serif, Sans-Serif, Monospace, Script, Fantasyfont usate: Arial • Georgia • Times New Roman• Trebuchet • Verdana

font web safe usabili mac/win: 60

Web-safe fonts


http://en.wikipedia.org/wiki/Website

http://en.wikipedia.org/wiki/Website

http://en.wikipedia.org/wiki/Web_typography#Fallback_fonts

http://en.wikipedia.org/wiki/Web_typography#Fallback_fonts

http://en.wikipedia.org/wiki/Web_typography#Generic_font_families

http://en.wikipedia.org/wiki/Web_typography#Generic_font_families

http://en.wikipedia.org/wiki/Core_fonts_for_the_Web

http://en.wikipedia.org/wiki/Core_fonts_for_the_Web

http://en.wikipedia.org/wiki/Arial

http://en.wikipedia.org/wiki/Arial

http://en.wikipedia.org/wiki/EULA

http://en.wikipedia.org/wiki/EULA

http://en.wikipedia.org/wiki/CSS2

http://en.wikipedia.org/wiki/CSS2

http://en.wikipedia.org/wiki/Web_typography#cite_note-1

http://en.wikipedia.org/wiki/Web_typography#cite_note-1


Webfonts Webfonts are font files embedded in websites

using the @font-face rule. This technique was first available in Netscape Navigator 4 using Bitstream's

TrueDoc standard but was discontinued in Netscape Navigator 6.

Microsoft developed the Embedded OpenType format (.eot) which is supported in Internet Explorer

since version 4. In march 2008 Apple introduced Safari 3.1 which

supports the @font-face rule, but it doesn't use any of the previously mentioned formats, but the popular

font formats TrueType and OpenType (with TrueType or PostScript outlines). Other browser

makers are following Apple's lead. Firefox 3.5 and Opera 10 will also support direct linking of TrueType

and OpenType fonts using the @font-face rule

Commercial fonts can often not be embedded in website using the @font-face rule, because the font files need to be

uploaded to a public server, where they could be downloaded by anyone. Some font vendors allow the

embedding of EOT files, but not TrueType or OpenType. You need the check the End User License Agreement (EULA) of

the font vendor before embedding a font in your website..

http://www.webfonts.info/

http://www.webfonts.info/wiki/index.php?title=Fonts_available_for_@font-face_embedding


http://www.webfonts.info/wiki/index.php?title=Embedded_OpenType_format




http://www.webfonts.info

http://www.webfonts.info






http://code.google.com/apis/webfonts/





http://www.google.com/webfonts/





http://typekit.com/


http://typekit.com

http://typekit.com


http://blog.typekit.com/


http://blog.typekit.com

http://blog.typekit.com


http://typekit.com/


http://typekit.com

http://typekit.com


Typography/Fonts http://www.typotheque.com/site/index.php


http://www.typotheque.com/site/index.php

http://www.typotheque.com/site/index.php


http://www.extensis.com/en/WebINK/





Templates per Blogwordpress



Templates per BlogTumblr



http://ilovetypography.com/


http://ilovetypography.com

http://ilovetypography.com


http://www.newyorker.com/


http://www.newyorker.com

http://www.newyorker.com


http://blog.typekit.com/2010/11/30/bring-your-own-fonts-to-typekit/





http://webtypography.net/


http://webtypography.net

http://webtypography.net


http://www.ogilvy.com/


http://www.ogilvy.com

http://www.ogilvy.com


http://imagemechanics.com.au/#!/pages/our-story





http://newsmap.jp/venerdì 1 giugno 12

http://newsmap.jp

http://newsmap.jp


http://carsonified.com/events/





Typography/Fonts

http://www.organicgrid.com/


http://www.organicgrid.com

http://www.organicgrid.com


Typography/Fonts http://www.alistapart.com/


http://www.alistapart.com

http://www.alistapart.com


Typography/Fonts http://new.myfonts.com/WhatTheFont/Tools

what font?


http://new.myfonts.com/WhatTheFont/



Typography/Fonts http://new.myfonts.com/WhatTheFont/Tools





Typography/FontsTools

http://itunes.apple.com/it/app/whatthefont/id304304134?mt=8







Typography/FontsTools http://fontstruct.fontshop.com/


http://fontstruct.fontshop.com

http://fontstruct.fontshop.com


Typography/FontsTools http://typenav.fontshop.com/


http://typenav.fontshop.com

http://typenav.fontshop.com


Typography/FontsTools http://itunes.apple.com/it/app/fontshuffle/id298268157?mt=8

FontShuffle


http://itunes.apple.com/it/app/fontshuffle/id298268157?mt=8

http://itunes.apple.com/it/app/fontshuffle/id298268157?mt=8


Typography/FontsTools http://www.identifont.com/identify.html


http://www.identifont.com/identify.html

http://www.identifont.com/identify.html


Typography/FontsTools http://www.typetester.org/


http://www.typetester.org

http://www.typetester.org


Typography/FontsTools

http://www.suprb.com/apps/csstype/

http://csstypeset.com/

http://csstxt.com/




http://csstypeset.com

http://csstypeset.com

http://csstxt.com

http://csstxt.com


Typography/FontsTools http://www.codestyle.org/http://www.codestyle.org/css/font-family/index.shtml


http://www.codestyle.org

http://www.codestyle.org

http://www.codestyle.org/css/font-family/index.shtml

http://www.codestyle.org/css/font-family/index.shtml


Typography/FontsTools http://www.fontshop.com./


http://www.fontshop.com

http://www.fontshop.com


Typography/FontsTools http://www.linotype.com/


http://www.linotype.com

http://www.linotype.com


Typography/FontsTools http://www.adobe.com/type/fontfinder/


http://www.adobe.com/type/fontfinder/

http://www.adobe.com/type/fontfinder/


Typography/FontsTools http://www.adobe.com/type/


http://www.adobe.com/type/

http://www.adobe.com/type/


Typography/FontsTools http://www.emigre.com/


http://www.emigre.com

http://www.emigre.com


Typography/FontsTools http://new.myfonts.com/


http://new.myfonts.com

http://new.myfonts.com


Typography/FontsTools http://www.itcfonts.com/


http://www.itcfonts.com

http://www.itcfonts.com


Typography/FontsTools http://www.dafont.com/


http://www.dafont.com

http://www.dafont.com


Typography/FontsTools http://www.urbanfonts.com/


http://www.urbanfonts.com

http://www.urbanfonts.com


http://www.youworkforthem.com/


http://www.youworkforthem.com

http://www.youworkforthem.com


http://www.youworkforthem.com/blog/2011/01/06/top-10-fonts-of-2010/





Typography/FontsTools http://www.storyabout.net/typedrawing/index.php


http://www.storyabout.net/typedrawing/index.php

http://www.storyabout.net/typedrawing/index.php


Typography/FontsTools http://itunes.apple.com/it/app/type-drawing/id314072879?mt=8


http://itunes.apple.com/it/app/type-drawing/id314072879?mt=8

http://itunes.apple.com/it/app/type-drawing/id314072879?mt=8


Typography/FontsTools http://www.wordle.net/

Testo integrale del messaggio del Presidente Napolitano alle Camere sulla Legge in materia di lavoro

Palazzo del Quirinale, 31/03/2010

http://www.quirinale.it/elementi/Continua.aspx?tipo=Discorso&key=1820


http://www.wordle.net

http://www.wordle.net



Cristian ContiniArt Direction - Communication - New & Next Media

E-MAIL [email protected]

http://www.augmentedadvertising.com

CV http://www.linkedin.com/in/cristiancontinitwitter: @cristiancontini Skype: cristiancontiniWEB http://www.cristiancontini.it/BLOG http://cristiancontini.blogspot.com

SECOND LIFE Grocon Emoto


mailto:[email protected]

mailto:[email protected]

http://www.augmentedadvertising.com/

http://www.augmentedadvertising.com/

http://www.linkedin.com/in/cristiancontini

http://www.linkedin.com/in/cristiancontini

http://www.cristiancontini.it/

http://www.cristiancontini.it/

http://cristiancontini.blogspot.com/

http://cristiancontini.blogspot.com/

Social media design 03 2012 - Web Design Per i Social Media

Education

Transcript of Social media design 03 2012 - Web Design Per i Social Media