RSS

Archive for the 'Graphics & Design' Categoria

Metafore di navigazione: Visualizza voci di menu

25 novembre

Ciao, grazie per la visita - Spero che troverete utili informazioni. ma anche lasciare un commento se avete commenti su questo argomento.

Continuazione di "disegno di navigazione - trovare la giusta architettura."

Otticamente nella creazione di sistemi di navigazione utilizzato molto spesso metafore. La metafora più noto è la metafora per i sistemi operativi ufficio. A differenza dei sistemi operativi, nessuno standard uniformi per i siti web ha prevalso. Molto spesso i modelli di navigazione altamente astratti utilizzati.

Leggi il resto di questa voce »

Nicer sottolineando

11 marzo

Il regolarmente disturbarmi molto brutto e non grande Tipograficamente sottolineando che si trovano normalmente sul web. In particolare, mi preoccupa che i discendenti dei personaggi sono barrato e il tutto appare molto affollato questo. Per questo motivo, mi sono avvicinato al effettivamente destinati a tale scopo e giorni comuni CSS text-decoration: underline; al boicottaggio. Penso che sia molto più bello di sottolineare il comando per implementare border-bottom.

Per il punto tipografico di vista questo non è ancora la soluzione ottimale, in quanto non soddisfano i discendenti e sottolineatura. Pertanto, si potrebbe inquadrare un pixel ulteriormente messo giù. A seconda della dimensione del carattere, carattere e l'interlinea, ma che può inghiottire troppo spazio. Pertanto, io uso questo su Siete nessuna distanza.

Le tre varianti a confronto:

  text-decoration: underline;
 border-bottom: 1px solid;
 border-bottom: 1px solid; padding-bottom: 1px; 

Tipografia

... Non così bello

Tipografia

Perfetto ... in questa presentazione, in piccole dimensioni, ma anche toccando e sottolineando discendenti.

Tipografia

... Per i piccoli Schriftgröen terreno preferito giocare, la scelta migliore

Anche se questa volta è un po ', ma questa piccola nota dal mio punto di vista e quindi iniziare a chiamare immediatamente per "bella sottolinea". Inoltre, ci sono ancora molti peccati tipografici più sul Web, ma in un altro tempo.

Tipografia: incorporamento dei caratteri su siti web

17 febbraio

Dopo il fastidioso problema della selezione del carattere limitato ai siti web potrebbe ancora essere risolti non completa, ma almeno ora sembra la luce alla fine del tunnel per dare. Dopo Safari è stato il primo browser 3.1 supporta un metodo per integrare la scrittura sui siti ora seguire l'esempio Firefox 3.1 o superiore. Motivo sufficiente per le possibilità attuali e future di una maggiore integrazione della Scrittura per illuminare.

Sono attualmente "font non standard" (ad esempio generato tramite PHP) per lo più sotto forma di immagini o Flash come file incorporati. Queste soluzioni alternative di lavoro, ma sono ottimizzati per i motori di ricerca, ma non ancora dal punto di vista delle prestazioni. Per contrastare questo, ci sono tre nella definizione di stile CSS il simpatico "@ font-face". Con questo comando è possibile incorporare i font direttamente sul sito.

Quindi, in primo luogo, gli scritti o gli stili di carattere desiderato può essere definito. Poi, gli stili dei caratteri definiti sono utilizzati come al solito nel foglio di stile.
Il tutto dovrebbe assomigliare a questo:

  @ Font-face {
 font-family: 'Fontin-Regular';
 src: url ('Fontin-Regular.otf') formato ('tipo aperto');
 }

 h1 {
 font-family: 'Fontin-Bold', Georgia, serif;
 } 

Fondamentalmente, TrueType, OpenType, PostScript e OpenType TT sono supportati. Tuttavia, oltre al supporto del browser relativamente bassa (IE è in ritardo rispetto wiedermal), la licenza verrà considerato parte legale. Non può cioè a tutti i font gamma sono memorizzati sul server. Pertanto, si raccomanda i diritti di utilizzo per il font da utilizzare per la domanda esattamente. Pertanto, attualmente offrono soprattutto i font sono venduti attraverso la licenza Open Font.

Conclusione:
Dopo che l'intera questione aveva ricevuto poca attenzione, a volte, sembra di nuovo essere qualche movimento è venuto a tema. Con il rilascio di Firefox 3.1 di Firefox sarà leggermente il naso davanti a Safari, Firefox perché sosterrà a differenza di legature. Sebbene questi due browser anche alcuni dettagli sono degni di miglioramento, è quindi il supporto per @ font-face, ma un buon segno. A proposito, altri produttori di browser metterà pressione e prima o poi, si spera, anche il supporto a Internet Explorer.

Related Links:
W3C definizione
Confronto Safari / Firefox
Typografie.info - Integrazione dei font nelle pagine web

Brainstorming, tecniche di creatività

18 gennaio

Essere creativi è più facile a dirsi che a farsi, perché non sempre la situazione ideale si verifica e si ha subito una brillante idea. Più di una volta deve prima essere messo in evidenza la propria creatività. Ma come essere il creativo? 0815 è un tutorial su questo argomento e non è certamente ognuno svilupperà i propri metodi. Tuttavia, c'è un aiuto per sviluppare idee.

Sogni a occhi aperti e per l'ambiente

Uno dei problemi principali di persone creative è lo stress e il lavoro quotidiano. Niente è più difficile che sviluppare nuove idee, mentre il telefono squilla continuamente e che ha ancora diversi dipendenti servire. I tentativi all'inizio del progetto dalla routine quotidiana per uscire - Prendetevi il tempo per sognare e per navigare.

Spesso è utile il quaderno sotto il braccio e lasciare l'ufficio. In una giornata di sole nel parco è più facile sviluppare molte idee. Molti hanno particolari luoghi preferiti per denendu sono particolarmente creativi. Che si tratti di in un parco di sole, durante la guida o sul water. Ognuno deve decidere per se stessi come e dove vuole essere creativo. Con la creazione di un ambiente in cui ti trovi bene è l '"essere creativi", ma molto più facile.

Vedendo consapevole

Attraversate la vita con gli occhi aperti e consapevoli di forme, colori e ottava modelli è altrettanto importante per essere creativi. Limitare se stessi non solo con il fatto che ti piace qualcosa o non piace troppo. Vedi subconscio capisco per giudicare se una cosa del genere o meno. Allo stesso tempo dovrebbe anche essere messo in discussione ciò che piace esattamente. Un sito caratterizzato dal particolare uso del colore, attraverso una meravigliosa capacità tipografica, con un concetto particolarmente innovativo o foto speciale?

Dopo che è un sito che ha guadagnato l'attenzione di loro, dovrebbe essere raggiunta, per cui questo effetto si realizza. Con le fotografie eccezionali potrebbero includere fattori che influenzano l'effetto:

  • È stata una speciale prospettiva insolita scelta?
  • Sono stati gli effetti speciali (filtri, gradienti, filtri di colore) utilizzati?
  • Armonizzare le immagini molto bene riposare con il sito?
  • Darà una idea di base molto creativo?

Basicamente, è dunque un modo molto astratto di vedere. La percezione dei singoli elementi di un sito web è fondamentale in questo. Smembramento stato visto in singoli componenti e questi componenti derivano da provare qualcosa di nuovo da fare. Qui, norme e convenzioni vengono ignorati. In questa fase, si tratta di giocare con la grafica sembra lasciare che la sua creatività.

Qual è anche speciale l'occhio inciso a oggetto sempre, dovrebbe essere depositata. Una forma di archiviazione è di creare una collezione di idee. A seconda delle preferenze in questa raccolta può inviare con disegni, immagini sono raccolte le pagine di maggior successo o fotografie. Tali collezioni può essere molto utile se sei bloccato in un progetto e non più progredisce. Quindi non voglio dire che qualcosa dovrebbe essere una copia esistente. Questi modelli sono destinati solo per ispirazione - spesso un approccio abbastanza piccolo per opere di design completamente nuovo e originale. Può essere il punto di partenza di un colore o il fatto che un sito si è impegnata attivamente con linee come strumento stilistico. E 'quindi solo uno strumento per servire come un "apriporta". Una volta che questa prima porta è stata aperta e uno è in fase di progettazione attiva corre spesso da solo come

Una volta che l'idea è nata, va ora alla preparazione del concetto corrispondente. Quindi si prenderà in considerazione gli elementi prossimi singoli capitoli di design per essere in grado di connettersi ad un modello di layout fino alla fine.

Tecniche di creatività

Ci sono numerose tecniche e metodi per la generazione di idee. Le seguenti tecniche forniscono una dar esemplare estratto. Alla fine, però deve trovare i metodi adatti per se stessi.

Brainstorming

Una delle tecniche più comuni e ben noto è il brainstorming. Questo è un metodo di brainstorming nel gruppo. L'obiettivo è quello di ottenere in breve tempo, molte idee da diversi punti di vista. Quindi rende le persone senso da diverse zone nel gruppo di integrarsi. Progettisti di schermo solare, programmatori, project manager o venditori si svilupperà in alcune idee diverse.

Nella prima delle due fasi, dopo la leader del gruppo ha spiegato il problema, raccogliere molte idee. Qui, ogni partecipante dovrebbe annunciare le sue idee spontanee. Nel migliore dei casi, le idee sono prese da altri membri del gruppo e reinterpretato. Lo scopo di questa fase è la generazione di idee, qui non esiste una valutazione o di critica delle idee individuali.

Nella fase due, le idee sono più accuratamente analizzati e ordinati. Solo a questo punto è deciso che le idee siano imbarcati o scartato.

Mappe Mentali

Con Mind Maps sono una rappresentazione grafica delle idee. Partendo da un ramo principale di un soggetto astratto è sempre di più. Ogni "ramo", è scritto una sola parola. Mappe mentali sono un ottimo punto di partenza per esempio per creare una mappa del sito.

Coincidenza tecnica

Il punto di partenza di questa tecnica è la più grande raccolta di dati possibili. Prendiamo ad esempio un grosso libro con immagini sul tema di un sito web specifico. È aperto a caso una pagina di questo libro illustrato di arrivare ad una immagine scelta a caso. Tenta quindi di ricavare un'idea da questa immagine. Per esempio, potrebbe essere derivata dall'immagine scelti a caso, uno schema di colori.

Matrice morfologica

La creazione di una matrice morfologica è una tecnica molto analitico. Questo metodo tenta di generare idee come molti da molte soluzioni teoriche. Il primo passo è una matrice con quanto creato molti per la proposta relativa ai prodotti caratteristiche. Un esempio potrebbe includere funzionalità per la definizione di un banner pubblicitario per la nuova linea di prodotti sono definiti come: animazione, le dimensioni, l'aggressività, la lingua

Nella fase successiva i valori come molti alle caratteristiche definite in precedenza può essere definito.

Per esempio:

Animazione

no

discretamente

Intensamente

Dimensione

Grattacielo

Banner pieno

Rettangolo

Formato

gif / jpg

html

Flash

Video / audio

no

Video

Suono

Questo potrebbe poi sorgere l'idea di un skyskraper con animazione sottili in formato Flash, senza video e nessun suono. Questa tecnica si adatta bene a lavorare insieme con i clienti sul concetto può essere. Dopo che la matrice è stato creato, il cliente può rapidamente avere un'idea di tutte le possibili varianti di forma e di esprimere i loro desideri e idee facilmente.

Virgolette tipograficamente corretto

9 gennaio

Dopo che ha recentemente andato spesso per analisi e di marketing, è il momento di scrivere ancora un articolo sulla tipografia.

L'uso delle virgolette falso è forse uno degli errori più comuni tipografia. A seconda della lingua del testo dovrebbe impostare le versioni corrette vengono utilizzati. Su Internet, ma molto spesso le virgolette erroneamente segna pollici (") come usato. Questo non è corretto, invece, le varianti vengono utilizzate le seguenti. Voci non confermate devono essere tali citazioni falsi romp in questo blog qui: o) - Ma comunque voglio sottolineare come dovrebbe essere il modo corretto.

Cita tedesco
In tedesco i testi sono simili a quelli cita il numero 99 e 66 All'inizio di un segno di virgolette in basso "e alla fine di un segno di virgolette" set up. Come una variante alternativa o se le virgolette sono usati all'interno citazione esistenti le varianti di questo semplice e citazioni successive sono disponibili (').

Una volta che questi caratteri sulla tastiera non possono essere disponibili i caratteri corrispondenti vengono generate tramite le scorciatoie da tastiera.

Cita all'inizio:
- Windows: ALT + 0132
- Mac OS: Option +

Punto esclamativo alla fine:
- Windows: ALT + 0147
- Mac OS: Option + 2

Su siti web è necessario per visualizzare correttamente il seguente codice:
„Text“

Questa variante delle citazioni è utilizzato anche in altre lingue come l'islandese, bulgaro, rumeno, slovacco, sloveno, ecc.

Tedesco cita alternativa
In alternativa a testi tedeschi usano spesso la seguente variante. ""
Questa variante è spesso usato, in quanto questo carattere integrato molto bene nel testo e quindi la portata del testo non viene interrotto da spazi bianchi.

Le seguenti combinazioni di tasti possono essere generati caratteri:

Cita all'inizio:
- Windows: ALT + 0187
- Mac OS: Maiusc + Opzione + Q

Punto esclamativo alla fine:
- Windows: ALT + 0171
- Mac OS: Option + Q

Su siti web è necessario per visualizzare correttamente il seguente codice:
„Text“

Virgolette inglesi
Testi in lingua italiana tra virgolette si usano altri. Qui, la mnemonica è 66-99, ma entrambi i personaggi sono indicati sopra. All'inizio dà così questo personaggio "e alla fine dei seguenti". Le scorciatoie da tastiera sono i seguenti:

Cita all'inizio:
- Windows: ALT + 0147
- Mac OS: Option + 2

Punto esclamativo alla fine:
- Windows: ALT + 0148
- Mac OS: Option + Maiusc + 2

Su siti web per visualizzare correttamente il seguente codice è richiesto.
“Text”

Virgolette francesi (Guillemots)
Guillemots sono chiamati virgolette francesi. A differenza della variante alternativa tedesca mostrano i picchi InThe variante francese lontano dal testo. Questo produce i seguenti caratteri: ""

Le scorciatoie da tastiera sono i seguenti:

Cita all'inizio:
- Windows: ALT + 0171
- Mac OS: Option + Q

Punto esclamativo alla fine:
- Windows: ALT + 0187
- Mac OS: Maiusc + Opzione + Q

Su siti web è necessario per visualizzare correttamente il seguente codice:
«Text »

Questa variante delle citazioni è utilizzato anche in altre lingue come il greco, portoghese, arabo, ecc.