• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Social media design 03 2012 -  Web Design Per i Social Media
 

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

on

  • 1,547 views

Web design in social media era: from project to visual; from interaction social media strategies to web 2.0 visual style. Flowcharts: from site layouts to flowcharts of social media managements ...

Web design in social media era: from project to visual; from interaction social media strategies to web 2.0 visual style. Flowcharts: from site layouts to flowcharts of social media managements crisis. Typography and fonts. Flowcharting online web apps. Typography web apps and sites.

Statistics

Views

Total Views
1,547
Views on SlideShare
1,525
Embed Views
22

Actions

Likes
1
Downloads
49
Comments
0

3 Embeds 22

http://192.168.6.179 17
http://192.168.6.184 4
http://www.linkedin.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • web communication e social media Media Design 03 Web Design per i Social Mediavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 La tradizione della tipografia e della stampavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Il Web “tradizionale” usa ancora la metafora della paginavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Il Web “tradizionale” usa ancora la metafora della paginavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Il Web “tradizionale” usa ancora la metafora della paginavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.london2012.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.loisjeans.com/web2012/esvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.loisjeans.com/web2012/esvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.bluezonesproject.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://beta.theexpressiveweb.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://beta.theexpressiveweb.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://beta.theexpressiveweb.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 La classifica dei siti più visitati in italia maggio 2012 http://www.alexa.com/topsites/countries/ITvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 La classifica dei siti più visitati in italia maggio 2012 http://www.alexa.com/topsites/countries/ITvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 La classifica dei 20 siti più visitati in italia nel 2011 (marzo 2011 GOOGLE/ALEXA) http://www.google.com/adplanner/static/top100countries/it.html http://www.alexa.com/topsites/countries/ITvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 La classifica dei 1000 siti più visitati nel mondo http://www.google.com/adplanner/static/top1000/index.htmlvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web Design / site production Interaction Design Interaction Designvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web 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.venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Graphic Design 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.venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Interaction Design 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.venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Social Media 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.venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Interaction Design Interaction Design new Patternsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Da Utente singolo a Sociale (plurale) UGC interazioni interazioni con altri utenti, con sito , interfaccia, , interfaccia, media condivisi azioni solitarie dialoghi communityvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 cambio di prospettiva nel progetto del Social Web da Statico a Dinamico a Vivo progettazione da Statica a Liquido a Evolutiva dal Sito a Ecosistema dal semplice Ascolto al coinvolgimento alla Partecipazione emotiva da utente a communityvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 progettare PER gli utenti Target progettare CON gli utenti User Centered Design Social Media Designvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 progettazione tradizionale progetto social Target Crowd Web Statico Dinamico/Organico Dati Oggettivi Emotività Transazioni Relazioni Progettazione One Shot continuavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 cambio di prospettiva nel progetto del Social Webvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Stilemi visivi Social Web importanza del logo colori pastello, green, organics, healthy forme morbide, arrotondate, organiche aria, grande aree di respiro visivo “green is the new gray” “black is dead” Bottoni “stelloni”, trend gadgets interfaccia minimale vs contents bianco bianco bianco tante (ri)flessioni sul pavimento grande uso della Typography tanta grafica, no stock photosvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web 2.0 Style • Semplicità • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • Angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Soft Icons • Typography • Splash/Starvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 • Semplicità Web 2.0 Style • Importanza del Logo • CSS • Layout orizzontali • Grandi Aree Colorate • angoli arrotondati • Sfumature • Riflessioni • Colori pastello • Icone morbide • Typography • Stellonivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web 2.0 Style http://theconversationprism.com/click/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web 2.0 Style http://www.go2web20.net/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web 2.0 Style http://mashable.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Web 2.0 Style http://momb.socio-kybernetics.net/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://emilychang.com/ehub/ Web 2.0 Stylevenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://emilychang.com/ehub/ Web 2.0 Stylevenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://youtu.be/9TGkDHzqUaQvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 mappa del sito /flowchartvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 mappa del sito /flowchartvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 mappa del sito /flowchartvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 mappa del sito /flowchartvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 flowchartvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 78venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 78venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 flowchart delle azionivenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 flowchart dei processivenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 flowchart friendfeedvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 flowchart post http://www.bydatabedriven.com/social-media-flow-chart-blog-vs-facebook-vs-twitter/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 flowchart post http://www.asce.org/followasce/venerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 flowchart post http://www.socialfish.org/2010/11/social-media-response-triage.htmlvenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 Social Mediavenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 Social Mediavenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 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 Mediavenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 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 Mediavenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 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 Mediavenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 Social Mediavenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Community Management Scenario Map flowchart post by David Armano - @Armanovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Community Management Scenario Map flowchart post http:// www.slidesh are.net/ morganmclint ic/red-alert- handling-a- crisis-in-a- sm- landscape? by David Armano - @Armanovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Community Management Scenario Map flowchart postvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Community Management Scenario Map flowchart postvenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 Community Management Scenario Map flowchart postvenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 Community Management Scenario Map flowchart post http://www.hivestrategies.com/venerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 http://socialmediatoday.comvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://sportfanconnect.com/ http://socialmediatoday.comvenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 http://www.stampsconnect.com/ http://socialmediatoday.comvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Social Media Adoption Decision Flowchartvenerdì 1 giugno 12
    • Tools Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups + + Il primo prototipo di Twittervenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockupsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockupsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockupsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockupsvenerdì 1 giugno 12
    • Tools Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups http://www.lovelycharts.com/ 1 2 100% free Online application 3 Create flowcharts, sitemaps, wireframesvenerdì 1 giugno 12
    • Tools Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups http://www.lovelycharts.com/ 1 2 100% free Online application 3 Create flowcharts, sitemaps, wireframesvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.lovelycharts.com/venerdì 1 giugno 12
    • Tools Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups 1 Freemium http://www.mockflow.com/ 2 Web 2.0 air interface 3 desktop/onlinevenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.mockflow.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.mockflow.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.mockflow.com/ http://www.youtube.com/watch?v=sqF0AWam-Cgvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.mockflow.com/ http://www.youtube.com/watch?v=U8rgQyUVMKYvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.mockflow.com/ http://www.youtube.com/watch?v=4Vk2B-jWzyQvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups Tools http://www.balsamiq.com/ 1 handrawn style 1 79$ una tantum 2 Online / desktopvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.balsamiq.com/ http://www.youtube.com/watch?v=aJTuFRaIi_gvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups Tools HotGloo Pencil Project ProtoShare Axure RP Justinmind Prototyper Gliffy Serena Prototype Composer Pidoco FlairBuilder JumpChart iPlotz Protofluid.com GUI Design Studio OmniGraffle (Mac, iPad) Microsoft Visio Mockingbirdvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 strutturare lo spazio/wireframing/mockups Tools iMockups http://www.youtube.com/watch?v=LOyIVqJcGfcvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youtube.com/watch?v=hII6AbGrWR8venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Progetto comunicazione visiva / Layoutvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Progetto comunicazione visiva Layoutvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Progetto comunicazione visiva Layout Consistenza concepts Visual design tono del design Stile gerarchie visive metafora elementi visivi iconici tipologia di sito web linguaggio simbologia astratte/stilizzazioni CSS diagrammi semplici illustrazioni stilizzate interfaccia illustrazioni realistiche orientamento fotografie illustrazioni iperrealistiche testo typography testo grafico contentvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts i caratteri hanno caratterevenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fontsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Garamond Bodoni Times New Romanvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fontsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts ordini di composizionevenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 famiglievenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts grigio tipograficovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts grigio tipograficovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts grigio tipograficovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts disegnare con il testovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts disegnare con il testovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts disegnare con il testovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts disegnare con il testovenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fontsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fontsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fontsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fontsvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 limitate capacità di formattazione limitate capacità di uso dei font Fonts & Web html formattazione e contenuto uniti contenuto separato dallo stile css Hyper Test Markup Language formattazione e impaginazione avanzata limitate capacità di uso dei font cascading style sheet sIFR 2.0 Scalable Inman Flash Replacement (sIFR) rendering dei font grazie al plugin flash testo in grafica ajax jpeg gif png solo per titoli non per il body text Asynchronous JavaScript And XMl flash formattazione e impaginazione avanzata uso di qualsiasi font downloadable fonts? distribuzione illegale EULA DRMvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Font esistenti: decine di migliaia. Font usate su web: 5 Famiglie di fonts usabili Serif, Sans-Serif, Monospace, Script, Fantasy font usate: Arial • Georgia • Times New Roman• Trebuchet • Verdana Web-safe fonts Microsofts Core fonts for the Web (1996 - 2002) Since being released under Microsofts 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. Web-safe fonts Web-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. font web safe usabili mac/win: 60venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Webfonts Webfonts are font files embedded in websites using the @font-face rule. This technique was first available in Netscape Navigator 4 using Bitstreams 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 doesnt 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 Apples 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_embeddingvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://code.google.com/apis/webfonts/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.google.com/webfonts/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://typekit.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://typekit.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://blog.typekit.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://blog.typekit.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://blog.typekit.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://typekit.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts http://www.typotheque.com/site/index.phpvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.extensis.com/en/WebINK/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Templates per Blog wordpressvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Templates per Blog wordpressvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Templates per Blog Tumblrvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://ilovetypography.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.newyorker.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://blog.typekit.com/2010/11/30/bring-your-own-fonts-to-typekit/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://webtypography.net/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.ogilvy.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://imagemechanics.com.au/#!/pages/our-storyvenerdì 1 giugno 12
    • Web Communication and Social Media -- Media design 03 Web Communication and Social Media Media design 03 2012 http://newsmap.jp/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://carsonified.com/events/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts http://www.organicgrid.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts http://www.alistapart.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://new.myfonts.com/WhatTheFont/ what font?venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://new.myfonts.com/WhatTheFont/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://new.myfonts.com/WhatTheFont/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://itunes.apple.com/it/app/whatthefont/id304304134?mt=8venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://fontstruct.fontshop.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://fontstruct.fontshop.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://fontstruct.fontshop.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://typenav.fontshop.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://itunes.apple.com/it/app/fontshuffle/id298268157?mt=8 FontShufflevenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.identifont.com/identify.htmlvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.typetester.org/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://csstypeset.com/ http://www.suprb.com/apps/csstype/ http://csstxt.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.codestyle.org/ Typography/Fonts Tools http://www.codestyle.org/css/font-family/index.shtmlvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.fontshop.com./venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.linotype.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.adobe.com/type/fontfinder/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.adobe.com/type/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.emigre.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://new.myfonts.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://new.myfonts.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.itcfonts.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.dafont.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.urbanfonts.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/blog/2011/01/06/top-10-fonts-of-2010/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/blog/2011/01/06/top-10-fonts-of-2010/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/blog/2011/01/06/top-10-fonts-of-2010/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/blog/2011/01/06/top-10-fonts-of-2010/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 http://www.youworkforthem.com/blog/2011/01/06/top-10-fonts-of-2010/venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.storyabout.net/typedrawing/index.phpvenerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://itunes.apple.com/it/app/type-drawing/id314072879?mt=8venerdì 1 giugno 12
    • Web Communication and Social Media - Media design 03 2012 Typography/Fonts Tools http://www.wordle.net/ http://www.quirinale.it/elementi/Continua.aspx?tipo=Discorso&key=1820 Testo integrale del messaggio del Presidente Napolitano alle Camere sulla Legge in materia di lavoro Palazzo del Quirinale, 31/03/2010venerdì 1 giugno 12
    • Cristian Contini Art Direction  - Communication  - New & Next Media E-MAIL cristian.contini@gmail.com http://www.augmentedadvertising.com CV http://www.linkedin.com/in/cristiancontini twitter: @cristiancontini  Skype: cristiancontini WEB  http://www.cristiancontini.it/ BLOG http://cristiancontini.blogspot.com SECOND LIFE  Grocon Emotovenerdì 1 giugno 12