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.

Dalla sua nascita nel 1991, il web è mutato profondamente e con esso anche il web design. Difatti, elementi che prima popolavano il web, come effetti glass o icone 3D, sono stati progressivamente eliminati per lasciare il passo ad un design molto più minimale e flat all'insegna del less is more. Ad esempio, osservando i siti di illustratori che si prenderanno in esame si può da subito notare che vengono adottati principalmente colori neutri per lo sfondo (in particolare il bianco) al fine di semplificare il tutto e dare ampio spazio alle varie illustrazioni, conferendogli maggiore visibilità.Per analizzare nel dettaglio gli ultimi cambiamenti riscontrati nel web design, si deve tenere presente che la Rivoluzione del Mobile ha permesso ai telefoni di svincolarsi dai luoghi fisici, determinando prima di tutto un profondo cambiamento del modo in cui le persone si connettono tra loro e accedono all'informazione. Infatti, nell'ottobre 2016 gli accessi da dispositivi mobili hanno per la prima volta superato gli accessi da desktop: smartphone e tablet hanno registrato il 51.26% degli accessi contro il 48,74% dei computer. L'aumento dell'utilizzo dei dispositivi mobile ha conseguentemente determinato anche una diminuzione del tempo di permanenza, oltre che dell'attenzione ai contenuti, di un qualsiasi utente medio su una pagina web. Basta, infatti, pensare semplicemente a quanto velocemente scorriamo la home di Facebook: quanti sono i contenuti a cui prestiamo realmente attenzione?

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.

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.

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.

Per la costruzione di un sito in wordpress è opportuno prima di tutto scaricare il software MAMP che permette di lavorare al progetto in locale.Dopo aver scaricato e installato MAMP bisogna installare Wordpress, impostare la lingua e aprire il nostro Sito.All'interno del nostro progetto wordpress ci presenta subito una navigazione intuitiva formata da una dashboard laterale a sinistra in cui troviamo tutti i comandi necessari a modificare il nostro sito.

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 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.

Seguendo le nozioni divulgate durante le prime lezioni, lo studente è chiamato ricreare, tramite i passaggi specificati, a ricreare una piattaforma web tramite l'utilizzo del cms wordpress. Seguendo le istruzioni, argomentando e motivando le scelte effettuate.Consegna:Effettuare una nuova installazioneCreazione di un n° (definito dallo studente) di pagine con differenti funzioniCreazione di un n° (definito dallo studente) di articoli con attribuiti tag e categoriePersonalizzazioneAggiungete il docente come coautore, una volta completata l'esercitazione.Ciao Camillo, ecco la presentazione del mio lavoro. Ho scelto il sito di Focus.it perché si presta particolarmente bene agli scopi indicati. Innanzitutto ho utilizzato il tema Magazine, adatto alla progettazione di siti inerenti a testate giornalistiche.Trattandosi di un tema demo ho subito potuto notare che non tutti gli aspetti sarebbero stati editabili ma ho comunque deciso di mantenerlo perché l'ho reputato molto funzionale e abbastanza coerente con colori e toni del sito originale.

Seguendo le nozioni divulgate durante le prime lezioni, lo studente è chiamato ricreare, tramite i passaggi specificati, a ricreare una piattaforma web tramite l'utilizzo del cms wordpress. Seguendo le istruzioni, argomentando e motivando le scelte effettuate.Consegna:Effettuare una nuova installazioneCreazione di un n° (definito dallo studente) di pagine con differenti funzioniCreazione di un n° (definito dallo studente) di articoli con attribuiti tag e categoriePersonalizzazioneAggiungete il docente come coautore, una volta completata l'esercitazione.

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.Il web design è la fase di ideazione e di sviluppo di un sito web contenente informazioni utili per gli utenti.Il web designer si occupa della progettazione e dell'estetica dell'interfaccia, ed ha il compito di  dover far comprendere all'utente dove poter cercare le informazioni che gli occorrono all'interno della pagina web.

ConsegnaRealizzare un sito web per IndexPlus, una design agency con target di riferimento medio-alto.Linee guida vincolanti sono l'utilizzo del font Montserrat, l'impiego di una palette cromatica a tre colori, di cui uno in contrasto con gli altri, la presenza di quattro sezioni (home, about, portfolio, contact) e l'inserimento di link ai profili social dell'agenzia.Sviluppo progettoNella realizzazione del sito si adotterà un layout one-page, per conferire maggiore evidenza al contenuto si è scelto di mantenere la struttura più lineare possibile. La palette colori richiama una scelta effettuata ancora una volta in base a criteri di chiarezza e linearità.

Web Design - saggio breve Indica l'attività di progettazione e realizzazione di un sito web e si occupa di definire sia l'aspetto visivo del sito sia la creazione di pagine web, passando dalla progettazione grafica a configurazione di pagine web con cui l'utente può interagire.Il web designer può collaborare con altre figure professionali, l'analista, il graphic designer, l'architetto web, il web master ecc. Il sito deve rispettare determinate linee di comunicazione digitale, essere accattivanti, con una buona visuale, semplice da navigare e accessibile utilizzando browser e tecnologie digitali per raggiungere l'utente.                                                                                                                                                                                                                                                 Roberta Inverardi e Roberta Nuvoli

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficace e 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.it

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.it

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:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject TopicAnalisi 1Task.Il sito Ryanair (compagnia aerea) è organizzato in diversi step che permettono all'utente di scegliere il suo viaggio tramite sezioni, partendo dalla scelta dell' aeroporto di partenza e arrivo, data di partenza e di ritorno, orari e costi dei voli, posti a sedere e infine al pagamento del volo selezionato dall'utente.

Ciao Camillo, come richiesto dalla consegna ho realizzato avvalendomi del programma xMind l'alberatura del sito NYU TISCH e la visualizzazione dei vari menù presenti al suo interno mediante la piattaforma WordPress. L'organizzazione dei menù all'interno del sito NYU TISCH è apparsa alquanto complessa, tant'è che nella sola homepage sono a disposizione dell'utente circa 4 menù, ognuno dei quali presenta i rispettivi sottomenù (alcuni riportanti anche delle ripetizioni). Procedendo per ordine, dunque, andiamo ad analizzare l'organizzazione dei menù presente all'interno del sito NYU TISCH. Come già descritto io sono riuscita ad individuarne 4: 1.    Menù principale2.    Menù categorie3.    Menù about us4.    Menù info

 Analisi:  L'analisi che propongo riguarda l'Arcadia Cinema.Il materiale editoriale (in questo caso un biglietto d'ingresso per uno spettacolo) si presenta graficamente in maniera semplice, sul biglietto sono presenti due elementi fondamentali, il Logo del Cinema e le informazioni riguardanti lo spettacolo scelto.