Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabetico: alphabeticalstudioGeografico: airbnbFormatoorganigrammaTask: glittyPubblicoSubject Topic: ddd

Seguendo le modalità di analisi fornite durante la lezione, ogni studente è chiamato ad analizzare ed argomentare un prodotto che si sviluppi in ambito editoriale (quindi stampato) e in ambito digitale (piattaforma web). L'esercitazione prevede un'analisi che visualizzi e divulghi le ragioni per il quale la linea guida venga o meno seguita all'interno dello sviluppo del prodotto nei due differenti ambiti.Non ci sono limiti, la ricerca può essere ad esito positivo o negativo, l'importanza di avere il prodotto stampato effetivamente disponibile non potrà far altro che giovare per l'analisi della stessa.

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficacee produttiva possibile.Ogni studente seguendo le nozioni ricevute durante le lezioni seguite fino ad ora è chiamato a sviluppare un website che presenti un dato prodotto (a discrezione dello studente) e mostrarne nelle caratteristiche inerenti ad esso. Interessante sarà sicuramente l'inserimento di funzionalità che non saranno strettamente legate all'installazione di base e al tema selezionato.Lo stile grafico-visivo sarà sicuramente un punto che all'interno di questa esercitazione avrà sicuramente importanza, quanto la creazione di una sitemap che aiuterà lo studente identificato nella figura del web designer a creare un'architettura informativa coerente e producente.Il tutto presentato tramite screenshot ed argomentazione, successivamente revisionate in classe.Ecco alcuni dei link presentati in classe a livello bibliografico:abookapart.comalistapart.comitalianalistapart.itEsecuzione esercizioIl prodotto scelto consiste nelle cuffie QuietComfort 35 Wireless di Bose.Dopo aver analizzato l'organizzazione del sito ufficiale è stata prodotta la sitemap, in modo da strutturare visivamente i contenuti disponibili. 

L'armonia è l'equilibrio fra vari elementi che formano un tutto, producente un effetto gradevole ai sensi: armonia di forme, di colori, di suoni, di profumi, l'armonia dell'universo, dello stile, delle idee e dei concetti.

Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo FrigeniHo sviluppato il mio progetto del sito per Index Plus ponendomi come obiettivo principale quello di valorizzare l'immagine dell'azienda stessa attraverso una mediazione tra la richiesta del cliente e il rispetto dei parametri contenuti nel brief da un lato e il mio gusto grafico personale dall'altro.Ho scelto di lavorare su un layout onepage in quanto trovo che sia una soluzione funzionale che ben si presta ad una rapida e ben organizzata visione dei contenuti ovvero le 4 pagine di cui l’azienda necessità: Home - Chi Siamo/About (Immagine e testo e figure professionali elencate: 1 Illustratore, 2 Graphic Designer, 1 Account Manager, 1 Social Media Manager) - Portfolio - Contact.Come d'accordo il font è il Montserrat declinato nei suoi vari pesi (light, regular e bold). Il tema scelto è Illdy. La palette di colori comprende, come richiesto, tre colori, uno dei quali in completo contrasto con i due principali, che possono tenere la stessa tonalità.

Nell'esercizio di oggi il compito era quello di inserire un menu con sotto elementi nell'head del sito, successivamente ricreare un menu nel footer seguendo come guida il sito NYU.Per progettare il sistema di navigazione del sito ho creato delle mappe usando il software XMind.

Ciao Camillo, per la realizzazione della prima esercitazione su WordPress ho preso in riferimento il sito web del Giornale di Sicilia, poichè ben organizzato nelle differenti categorie/tematiche affrontate. Allego qui di seguito una serie di screenshots che ne illustrano e documentano la realizzazione ed una breve descrizione della stessa:Homepage.La mia homepage presenta in alto a sinistra il logo del GDS, la data del giorno ed immediatamente accanto scorrono in continuo aggiornamento i titoli degli articoli più recenti. A seguire le icone e i collegamenti ai vari social networks quali Facebook, Twitter, Gmail, Instagram, Pinterest e Youtube.Poco sotto vi è la barra di navigazione che presenta le categorie principali:Icona HomeCronacaPoliticaEconomiaSocietàSportCulturaGalleriaEdizioni LocaliA seguire troviamo le anteprima degli articoli più recenti ridotti a miniatura.

ITALIANISM è una conferenza creativa e un luogo di incontro della nuova scena visiva italiana. La prima edizione si è tenuta a Roma, il 10/10/2015. La conferenza di quest'anno, che si terrà il 22 ottobre, sarà dedicata al tema del Design della Parola. In merito a questo progetto di creatività diffusa online dal titolo "Dieci Parole", l' Accademia della Crusca ha selezionato dieci parole fra quelle che possono identificare l’Italia, l’italiano e gli italiani in tutto il mondo. L’invito di partecipazione a questo progetto è rivolto a chiunque sia interessato; senza distinzione d'età, esperienza, professione, interessi culturali e provenienza geografica. Una volta confermata l'adesione di partecipazione, tramite e-mail, verrà assegnata una fra le dieci parole. Per la successiva rappresentazione visiva della parola si può usare qualsiasi forma creativa: fotografia, illustrazione, digital painting, gif, video, paper art, collage, textile art, tattoo, fumetto, typo, tecnica mista.

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.

A document by Chiara Elzi. Click on the document to view its contents.

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.

Ciao Camillo, per il lavoro da svolgere ho scelto "hearthstone" come tema generale per il sito, poichè è un gioco del quale conosco molto bene le meccaniche e ciò mi ha aiutato a distinguere immediatamente cosa potesse diventare una categoria, cosa un tag, quali pagine potessero essere create, quali articoli e di che tipo e via dicendo.. Ecco alcuni screenshots sul primo lavoro in WP

Seguendo le modalità di analisi fornite durante la lezione, ogni studente è chiamato ad analizzare ed argomentare un prodotto che si sviluppi in ambito editoriale (quindi stampato) e in ambito digitale (piattaforma web). L'esercitazione prevede un'analisi che visualizzi e divulghi le ragioni per il quale la linea guida venga o meno seguita all'interno dello sviluppo del prodotto nei due differenti ambiti.

Classificazione dei siti webCon il termine sito internet o sito web siamo soliti indicare un insieme di pagine web correlate e più specificamente una struttura ipertestuale di documenti che risiede su un server web. Tuttavia, è bene sapere che questo termine include al suo interno differenti tipologie di prodotti, basati su tecnologie differenti e finalizzati a servizi di diversa natura.Ogni sito web, avendo finalità differenti, tende ad organizzare i propri contenuti nel modo più funzionale possibile allo scopo che si prefigge, al fine di facilitare la ricerca dell'utente. È quindi possibile classificare le varie tipologie di siti web tenendo in considerazione come i contenuti vengono organizzati all'interno dello stesso, e in particolare modo l'organizzazione degli stessi può essere:TemporaleAlfabeticoGeograficoFormatoOrganigrammaTaskPubblicoSubject/topicDi seguito proponiamo un'analisi di tre siti (Twitch, Foursquare e Il Sole 24 ore) al fine di utilizzare esempi concreti che possano esplicare al meglio le tipologie sopra elencate.Twitch

Seguendo le nozioni ricevute, ogni allievo è chiamato a visualizzare e a mappare la navigazione primaria e non, del sito NYU TISCH.La consegna prevederà la ricreazione dell'alberatura del sito e la visualizzazione dei menu presenti, all'interno della piattaforma di Wordpress.All'interno dell'articolo ogni allievo dovrà per tanto inserire:esportazione visiva della mappatura realizzatascreenshots di presentazione del menu sviluppato all'interno di WordpressNon è richiesta nessuna modifica a livello visivo, se non per aiutare a visualizzare il contenuto e a favorirne la navigazione e la coerenza.Non è richiesta la strutturazione delle pagine all'interno dell'installazione di Wordpress, il link alle pagine effettive e reali è sufficiente, nulla vieta di andare a replicarlo in maniera effettiva.Esecuzione esercizioIl lavoro è iniziato con l'analisi dei contenuti presenti all'interno dei vari menu e con la loro mappatura visiva. Sono state realizzate due mappe distinte, una per il menu di navigazione principale e una per il menu presente nel footer. 

Ciao Camillo, il prodotto che ho scelto per la realizzazione del Product Website è ilnuovo modello di scarpe "Victor SH-A920", impiegate esclusivamente in sport quali Badminton, Squash e Tennis.Per prima cosa, al fine di pianificare il lavoro al meglio, ho sviluppato una mappatura del sito web che avevo intenzione di creare, servendomi di XMind, successivamente ho proceduto con la scelta di un tema, l'organizzazione grafica e l'impiego di svariati plugins uniti all'uso del codice CSS al fine di rendere quanto più versatile possibile il tema scelto inizialmente.

Ho preso il marchio di jeans dondup per il mio sito.Ho creato un e-commerce cercando un tema sullo store di wordpress, ho usato il filtro e-commerce per arrivare subito al tema che più si adattava alle mie esigenze, inserendo anche una pagina di descrizione del marchio.Successivamente ho installato il plugin Woocommerce, che già di per sè ha tutto quello che serve per creare il proprio sito e-commerce.Infine ho installato anche ultimate social media icons per personalizzare nel footer la barra dei social.

La prima lezione del corso di GUI introdurrà lo studente all'interno della progettazione di applicativi digitali. All'inizio verrà richiesto allo studente una vera e propria completa confessione di tutto ciò che nel suo individuo e accostabile al concetto di web design, che è il termine che più facilmente si accosta alla designazione di prodotti non legati prettamente al mondo cartaceo ed editoriale.Dopo aver argomentato in maniera autonoma attraverso un saggio breve tutto ciò che l'essere conosce, attraverso l'utlizzo di Authorea, la quale piattaforma verrà introdotta ed esplicata nella stessa, il gruppo classe allestirà un vero e proprio dibattito per cercare di capire cosa è accostabile nel contemporaneo a tale argomento. Il saggio breve personale verrà ovviamente conteggiato e potrà essere continuamente aggiornato durante tutto l'anno accademico, per creare quella che verrà poi considerata la propria visione/interpretazione del contesto di analisi e di azione.Tutto l'apprendimento è quindi legato ad un tempo che non direttamente proporzionale allo svisceramento dei contenuti.La sua efficacia si misura nel futuro prossimo, non nell'immediato.Secondo me il Web Design è un processo di progettazione e creazione di un sito web destinato a comunicare con l'utente. La persona che si occupa di web design è colei che deve avere buona conoscenza di graphic design per progettare l'aspetto visivo del sito web, avere conoscenza dei linguaggi html e css per creare la pagina. Il web designer inoltre deve saper gestire le informazioni e le immagini che saranno introdotte nel sito.