Magazine Informatica

I principi di progettazione dietro Firefox OS

Creato il 06 febbraio 2013 da Iphone4u @iphoneforfun

mozilla-mozcamp-firefox-os

In questo articolo riportiamo la presentazione che ha tenuto al MozCamp Varsavia all’inizio del mese di settembre 2012 di Patryk Adamczyk cioè i principi di progettazione che stanno dietro a Firefox OS.

“Abbiamo avuto poche persone che lavoravano su molte parti …” continua Patryk , “Josh Carpenter @joshcarpenter è stato incaricato scrivendo tutta la UX con il Visual Design in circa una settimana per la demo del MWC 2012, che era un’impresa quasi impossibile! Ma la nostra proiezione al MWC è stata un successo… le nostre squadre erano piccole ma avevano punti di forza in diverse aree collaborazione che ha permesso di realizzare  la versione v.1 del sistema operativo”.
A questo punto (aprile 2012) di questa nuova partnership ho voluto creare un riallineamento del visual design, lavorando con il team UX per quanto riguarda il Visual Design sono emersi i  seguenti temi :

  •    Forme che sono in grassetto, geometrico ma con note di morbidezza.
  •    Interfaccia utente che comunica un senso di design artigianale.
  •    Un design che è minimo, efficace ed intuitivo

Proprio come le varie versioni di Firefox, il concetto generale è premium e di qualità,  la nostra forte attenzione è alta qualità e design distintivo sul mercato.

Riportiamo le varie slides della progettazione:

Filosofia di Progettazione (DNA)

mozilla-mozcamp-firefox-os_a

mozilla-mozcamp-firefox-os_b

mozilla-mozcamp-firefox-os_c

mozilla-mozcamp-firefox-os_d

mozilla-mozcamp-firefox-os_e

mozilla-mozcamp-firefox-os_f

mozilla firefox os
mozilla-mozcamp-firefox-os_g

mozilla-mozcamp-firefox-os_h

mozilla-mozcamp-firefox-os_i

mozilla-mozcamp-firefox-os_l

mozilla-mozcamp-firefox-os_m

Iconografia

Colori iconografie adottate per i tipi di applicazioni:

  •    Telefono: verde
  •    Mezzi: blu
  •    Produttività: arancione
  •    Impostazioni e utilità: grigio

mozilla-mozcamp-firefox-os_n

mozilla-mozcamp-firefox-os_o

mozilla-mozcamp-firefox-os_p

mozilla-mozcamp-firefox-os_q

mozilla-mozcamp-firefox-os_r

Tipografia Caratteri (Font utilizzati)

Questo è il logo di Firefox, utilizza Meta (come gran parte del marchio di Mozilla), che è stato progettato più di 2 decenni fa da Erik Spiekermann che intendeva essere una “antitesi completa di Helvetica”, che ha trovato “noioso e banale. Meta grande come è, è stato progettato per un ambiente di stampa e a causa di restrizioni di licenza non può essere distribuito liberamente …

mozilla-mozcamp-firefox-os_s

mozilla-mozcamp-firefox-os_t

VIA

 


Potrebbero interessarti anche :

Ritornare alla prima pagina di Logo Paperblog

Possono interessarti anche questi articoli :