Guidelines sito Apple.com

presentazione riprogettazione di Doppiozero in allegato.

Text

Ogni singolo gruppo sarà chiamato ad analizzare uno dei seguenti strumenti di progettazione e di prototipazione.Strumenti:Adobe MuseSketchJust in MindInvisionaxurepencilLa consegna prevederà una presentazione degli elaborati tramite la creazione di una presentazione seguendo le nozioni impartite.Lo strumento sarà a discrezione degli studenti e del gruppo di lavoro.ADOBE MUSE-Cos'è e cosa faIl programma che andiamo ad analizzare è Adobe Muse, utilizzato per la progettazione e la pubblicazione di un sito web, e che permette l'utilizzo di altri strumenti di Adobe (es. InDesign, Illustrator e Photoshop).-Pannelli PrincipaliTra i pannelli principali troviamo:Pianificazione (permette la realizzazione di mappe per siti web, impostando la struttura delle pagine e attraverso pagine mastro);Progettazione (contiene il quadro della pagina web , ossia dove si progetta la pagina web);Anteprima (modalità che permette la visualizzazione del sito web simile a quello che apparirà successivamente nei browser);Pubblicazione (consente la pubblicazione del sito);Menù Condividi (consente la condivisione dell' URL del sito appena pubblicato).-Barra StrumentiNella barra degli strumenti troviamo:Strumento di Selezione ( selezionare, spostare , ingrandire etc);Strumento Taglierina (solo per immagini);Strumento di testo (si divide in Strumento di testo e in Strumento di testo verticale);Strumento rettangolo (funziona come ogni strumento forma);Strumento cornice rettangolo ( per inserimento immagini);Strumento Mano (consente di spostarsi all'interno della pagina);Strumento Zoom ( per ingrandire o rimpicciolire la pagina);Strumento di ancoraggio e di collegamento da inserire(consente di creare e gestire collegamenti ipertestuali);Strumento formatta testo tra punti di interruzione(permette la modifica del testo es. colore , font ,interlinea..).-FinestraNelle opzioni che ci sono in finestra, rispetto a quelli che conosciamo essendo simili ai programmi che già utilizziamo (Illustrator, Photoshop, InDesign), troviamo :  

Ogni singolo gruppo sarà chiamato ad analizzare uno dei seguenti strumenti di progettazione e di prototipazione.Strumenti:Adobe MuseSketchJust in MindInvisionAxurepencilLa consegna prevederà una presentazione degli elaborati tramite la creazione di una presentazione seguendo le nozioni impartite.Lo strumento sarà a discrezione degli studenti e del gruppo di lavoro.

Ogni singolo gruppo sarà chiamato ad analizzare uno dei seguenti strumenti di progettazione e di prototipazione.Strumenti:Adobe MuseSketchJust in MindInvisionaxurepencilLa consegna prevederà una presentazione degli elaborati tramite la creazione di una presentazione seguendo le nozioni impartite.Lo strumento sarà a discrezione degli studenti e del gruppo di lavoro.PresentazioneCosa è Sketch ?Sketch è un programma di grafica vettoriale molto simile a Illustrator. Nasce per la progettazione web e di interfacce grafiche. (SLIDE 1)Funzioni PrincipaliL'utilizzo di oggetti e forme vettoriali con maniglie di modifica per punti; (SLIDE 2)The Inspector: un editor di oggetti con funzionalità come traccie, bagliori e ombre; (SLIDE 3)Creazione di simboli, stili di testo e di oggetti; (SLIDE 4)Diverse pagine e spazi di lavoro su cui progettare attraverso griglie; (SLIDE 5)Esportazione per il web, anche di singoli elementi, con anteprime per tutti i dispositivi; (SLIDE 6)(SLIDE 7)Pro/contro rispetto IllustratorPro:Molto veloce da apprendere, accessibile;Nativo Mac, strutturato per utilizzarne le funzioni intrinseche;Funzioni uniche per il web;Contro:Molte meno funzioni;Nativo Mac, quindi non presente su altri sistemi operativi;Poche risorse online;Slide 1: Logotipo e marchio del programmaSlide 2: una forma vettoriale in modifica con le maniglie di trasformazione visibili;Slide 3: barra di modifica a destra che mostra le varie funzionalità di modifica, magari evidenziata in qualche modo rispetto al resto dell'area di lavoro;Slide 4: l'opzione di creazione simboli;Slide 5: più pagine aperte;Slide 6: funzione slice ed esportazione;Slide 7: visualizzazione di una pagina in vari formati web;Se non dovessi riuscire a fare qualche screenshot rubali brutalmente dal loro sito.

Ogni singolo gruppo sarà chiamato ad analizzare uno dei seguenti strumenti di progettazione e di prototipazione.Strumenti:Adobe MuseSketchJust in MindInvisionaxurepencilLa consegna prevederà una presentazione degli elaborati tramite la creazione di una presentazione seguendo le nozioni impartite.Lo strumento sarà a discrezione degli studenti e del gruppo di lavoro.

Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo FrigeniCiao Camillo Ho realizzato il website per l' azienda Index Plus ,con tutte le caratteristiche richieste nella consegna (font,palette,menu..). Ho cercato tra svariati temi quello più adatto e ne ho scelto uno onepage. I due colori principali sono il nero e il grigio , quello  in contrasto è il bianco.Ho scelto questi colori perché a mio parere davano un senso di maggiore serietà e professionalità.

Ogni studente è chiamato ad analizzare la struttura della pagina home della piattaforma web selezionata, del quale appunto, dopo aver terminato la site map sarà chiamato ad analizzare le singole unità del sito e le varie componenti/patterns che lo compongono  e popolano.Si richiedono analisi sia a livello cartaceo che digitale, solo in seconda fase. Il tutto articolato e argomentato con elementi testuali che esplichino le funzionalità delle varie componenti di pagina.Analizzare ed evidenziare durante questa esercitazione l'eventuale griglia strutturale presente.Iniziare a ragionare su come la fase di redesign possa essere intrapresa, solo a livello strutturale.Allegati:file di esempio divulgati durante la lezione (analisi e re-design wikipedia examples)file pdf wireframe (2 tipologie)http://pttrns.com/link di riferimento per altri pattern, sia a livello mobile che desktop. applicativi e n

effetti di sensocitta invisibili di calvinotesi di laurea alessandro tartagliastella polareragionare sugli elementi, non sul risultato finaleil sistema nel suo complesso non funziona se compio modifiche sul singolo valorememe, il gene egoista https://it.wikipedia.org/wiki/Il_gene_egoistacarlo magnodietro una forma tipografica c'è esigenza culturale politica, circolazione dell'informazione amalgamando le diverse etnie dell'impero.luigi xivcommissiona all' imprimerie royale il disegno de la romain du roi, carattere ispirato da principi scientifici illuministi, si slega dalla calligrafia, nasce la tipografia moderna. protetto da severo divieto di riproduzione.pietro il grandeprende il disegno del cirillico e introduce riforma disegno delle lettere, avvicinando cirillico e il latinodesign è atto politico, perchè il progetto è una questione politicasistema museale di ugento. ff3300http://www.slideshare.net/ff3300/smu-sistema-museale-della-citt-di-ugentopsicogenesi dell'alfabetoipotizzare tipo di manomissione su una letteracercare di guardare la lettere per definire delle lettere (sistema) (30 minuti)ragioniamo sul metodo

Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo FrigeniAllieva: Aurora CappelloIl website da me realizzato per l’agenzia **Index Plus** mira ad evidenziare le qualità e la professionalità della stessa, consolidando la propria utenza di basso profilo ed incrementando i progetti in entrata al fine di raggiungere un target medio-alto; e dunque di maggior prestigio. Indispensabile per l’azienda sarà dunque un sito web in grado di presentare a 360°  le potenzialità di quest’ultima, i servizi offerti, un copioso e convincente background progettuale, un ricco overview aziendale accompagnato dalla sintetica descrizione del team che ne fa parte, precedenti clients, feedbacks ed efficienti canali social, i quali consentiranno alla **Index Plus** di ottenere ulteriori utenze tramite sito web e la visualizzazione dello stesso.Come dichiarato nel briefing, l’agenzia **Index Plus** visto l’ammontare dei progetti in uscita, non ha mai progettato una vera e propria immagine coordinata, pertanto le linee guida richieste sono minime. È stato fornito un semplice pittogramma, al quale  ho associato il nome dell’azienda utilizzando il font Montserrat (font istituzionale dell’azienda).

Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo FrigeniCiao Camillo Ho realizzato il website per l' azienda Index Plus ,con tutte le caratteristiche richieste nella consegna (font,palette,menu..). Ho cercato tra svariati temi quello più adatto e ne ho scelto uno onepage. I due colori principali sono il nero e il grigio , quello  in contrasto è il bianco.Ho scelto questi colori perché a mio parere davano un senso di maggiore serietà e professionalità.

Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo Frigeni

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

Scuola Mohole—Corso Wordpress Basic—Ho seguito le consegne cercando un tema consono alle richieste, ho inserito i loghi che ci sono stati consegnati sia nella home che come favicon.Ho cercato un video con un audio che accompagnasse tutta la visione della pagina.Dopodichè ho personalizzato interamente ogni sezione, soprattutto usando il css, sfruttando i plugin:yellow pencil editor e live css.Le foto nelle sezioni portfolio ed our team sono tutte modificate tramite photoshop e adattate, quelle in our team sono anche originali, scattate e modificate da me.Il font usato per l'intera pagina è 'montserrat', la palette colori l'ho presa da adobe color, una scala di grigi e neri e come colore contrastante un viola nella scritta INDEX PLUS quando si scorre la pagina.Infine anche la sezione About è stata modificata.Alunno: Giulio Bergamo 

L'esame finale consisteva nell'ideazione e nella creazione di un sito web per l'agenzia Index Plus.L'azienda necessita di aumentare la propria brand identity online, per questo si è affidata ad un'agenzia di comunicazione esterna per il restyling del sito web in modo da aumentare le visite e, di conseguenza, i potenziali clienti.L'ideazione del sito parte da un'idea di progettazione Onepage in modo da rendere chiaro fin da subito all'utente cosa offre l'agenzia e cosa ha già prodotto.Particolare attenzione è stata data ai social network, come richiesto dall'agenzia stessa, essi sono stati infatti inseriti all'interno di:- Header- Team (ogni dipendente ha i propri profili social sul sito)- FooterVenendo alla struttura del sito esso si configurerà attraverso la seguente struttura:

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

Brief - IntroL’agenzia **Index Plus**, fondata nel 2014 necessita di imprimere la propria immagine e il proprio know-how all’interno del World Wide Web. Dopo 12 mesi di attività si sono resi conto che l’attività del commerciale presente all’interno del Team (Account) riesce da solo a mantenere in positivo il bilancio societario, motivo per cui l’agenzia ha ampliato il suo organico assumendo 3 nuove figure professionali entrando nel cosiddetto rischio d’impresa successivo che potrà portare l’azienda oltre che a strutturarsi, anche a mirare a un target di maggior prestigio.L’Agenzia si muove all’interno del digitale, occupandosi solo della parte visiva degli artefatti, quindi tutto ciò che riguarda la natura di tipo programmatica è esterna all’azienda, motivo per  il quale potrebbe nascere una collaborazione se la creazione del sito risulterà efficiente.L’azienda ha quindi la necessità di cominciare a ottenere anche utenze tramite il sito web e la visualizzazione dello stesso.I canali social sono di fondamentale importanza all’interno della struttura. (Un Social Media Manager è appena stato assunto per sopperire a questa mancanza).Pubblico di riferimentoIl target di riferimento è medio alto. L’azienda con questo investimento mira a consolidare la proprio utenza di basso profilo ed incrementare i progetti in entrata spostando l’attenzione su azienda di calibro maggiore.Immagine CoordinataL’agenzia vista l’ammontare dei progetti in uscita non ha mai sviluppato una vera e propria immagine coordinata.Sono tuttavia presenti alcune linee guida:1. Montserrat nei suoi vari pesi (disponibile su google fonts)2. Utilizzo di una palette che comprende l’utilizzo di 3 colori, uno dei 3 in completo contrasto con i due principali, che possono tenere la stessa tonalità.PagineLe pagine di cui l’azienda necessità sono 4:1. Home (non sono presenti particolari restrizioni)2. Chi Siamo/About (Immagine e testo e figure professionali elencate: 1 Illustratore, 2 Graphic Designer, 1 Account Manager, 1 Social Media Manager)3. Portfolio4. ContactAll’interno di queste pagine utilizzare testo placeholder/finto.Verrà fornito solo in seguito. (ogni studente può ipotizzarlo autonomamente)Motivare le scelte.PresentazioneL’elaborato andrà presentato entro una settimana attraverso un articolo su Authorea, con le medesime modalità utilizzate precedentemente.Iniziare il documento con questa intestazione:Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo Frigeni