Share
Forse sei un po 'un principiante del design, ma vuoi solo rendere le cose un aspetto ragionevole (e probabilmente non esattamente come un dato modello o framework che tutti usano). Forse stai cercando di capire la miriade di fattori dietro al design, ma per ora devi solo fare qualcosa.
Segui questi pochi suggerimenti e dovresti essere sulla buona strada per avere qualcosa che sembra a metà strada, e ti semplificheresti abbastanza che stai imparando mentre vai, invece di fluttuare in un mare di infinite possibilità.
Andiamo al sodo…
Ci sono migliaia di caratteri là fuori. È un dato di fatto che molti di loro sono terribili. Ci sono tonnellate di grandi là fuori, ma ce ne sono di molto più terribili.
Sicuramente evita qualsiasi font che abbia un "gimmick": è fatto per sembrare scritto a mano, è una sceneggiatura, è fatto per assomigliare a un formaggio svizzero. Non tutti i font gimmicky sono davvero un no-go, ma se sei un designer principiante, non complicare le cose aumentando le probabilità che tu possa scegliere il font sbagliato.
Poiché ci sono così tanti tipi di caratteri non validi, non complicare le cose rischiando di scegliere quelle sbagliate. Attenersi ad alcuni semplici esempi e concentrarsi sull'apprendimento del modo in cui riconoscere i caratteri tipografici per le taglie più piccole sullo schermo, quali caratteri sono adatti per le dimensioni più grandi (o per la stampa) e quali tipi di carattere degli umori trasmettono. Se vuoi un rapido cheat sheet, prova i "tutti i font che ti serviranno" parte del mio corso di Design for Hackers.
Gli ampi schermi che è possibile utilizzare sul Web e la tendenza del design reattivo sono stati raggruppati in modo che molte persone rendano i loro blocchi di testo del corpo troppo ampi. Non lasciare mai che i tuoi blocchi di testo del corpo consentano più di dodici-quindici parole per riga, e non lasciare mai che siano più brevi di circa otto parole per riga.
Sì, lo sto davvero dicendo. Sì, puoi sicuramente realizzare un grande design e persino arricchire un design, utilizzando più di un carattere tipografico; ma, se stai solo imparando il design, non lasciarti distrarre. Imparerai molto, molto di più su come creare un buon design se scegli un solo tipo di carattere adatto ai tuoi progetti, e invece ti preoccupi delle modifiche alle dimensioni, dell'allineamento e dello spazio bianco (più su questo durante il suggerimento n. 9).
Con la tipografia digitale, abbiamo il lusso sfortunato di essere in grado di realizzare il tipo di qualsiasi dimensione desideriamo. Dico "sfortunato" perché per la maggior parte delle persone questo è un danno in quanto complica le cose. Fatti un favore e utilizza solo queste dimensioni di pixel target: 5, 7, 9, 12, 16, 21, 28, 37, 50, 67, 83. Queste dimensioni sono basate sulla proporzione di 3: 4 e tu può leggere di più sui dettagli tecnici di arrivare a queste dimensioni in Come stabilire una scala tipografica modulare.
Se una di queste dimensioni non raggiunge l'effetto desiderato, ci sono tantissime altre cose che puoi fare: usare grassetto o corsivo, usare maiuscole (per titolazione e metadati) o usare un colore diverso. Attenersi a queste dimensioni e preoccuparsi di qualcos'altro.
Il tipo giustificato allinea un corpo di testo ai bordi sinistro e destro, diffondendo le parole attraverso lo spazio disponibile. Il tipo giustificato di bell'aspetto può essere ottenuto in stampa con un software di desktop publishing di qualità, se conosci davvero la tua tipografia. Sul web, è impossibile fare bene. I blocchi di tipo devono avere una trama uniforme, e giustificarli crea degli spazi vuoti che interrompono il flusso di lettura. Non sacrificare i tuoi contenuti per la falsa soddisfazione di avere un vantaggio netto sui tuoi blocchi di testo.
Lacune brutteSfida te stesso per evitare l'ornamento (linee di regole, blocchi di testo, sfumature e trame) il più possibile. Semplificare e preoccuparsi di tutti gli altri dettagli (come quelli in # 9), quindi può essere inizia ad aggiungere un paio di cose, dove necessario.
Uno dei modelli molto interessanti disponibili da thepatternlibrary.com, ma usare con cautela!Dai un'occhiata ai marchi più potenti con cui ti impegni di solito. Forse sono Google, Yelp, Duolingo e Twitter, ad esempio. Ognuno di questi richiama alla mente il proprio colore, e quel colore domina ciascuno dei loro prodotti. Scegli un colore che sia davvero appropriato per il tuo design, quindi rendi tutto il resto sfumature e tinte di quel colore - o sfumature di grigio. Ma, più di ogni altra cosa, semplificare. Ancora una volta, concentrati prima su # 9.
Tutto quanto sopra è pensato per aiutarti a semplificare le tue decisioni in modo da poterti concentrare sulle cose "invisibili" nel design. Siamo degli avari cognitivi e siamo facilmente distratti da cose brillanti come caratteri e colori, quando le cose che contano davvero nel fare un disegno sembrano pulite e coesive: il dimensionamento degli elementi, il modo in cui si allineano e si relazionano tra loro, e la quantità di spazio bianco tra di loro - sono invisibili per noi.
Queste forze invisibili sono così potenti che ho sviluppato un intero corso su di loro, disponibile tramite la tua casella di posta elettronica.
Il design è una disciplina infinitamente complessa e tutte queste regole possono essere violate da un designer molto esperto. Potresti persino provare a romperli da solo dopo esserti sentito a tuo agio in questo quadro; ma fino ad allora, segui queste regole e sarai sulla buona strada per essere non solo a metà strada - decente, ma pienamente dignitoso!
Accentsconagua