Come si fa a far sembrare bello un programma?

Question

Come posso rendere un'Applicazione carina e non come un amatore?

Intendo per grafica.

C'è qualche tipo di libro che puoi leggere riguardo ai bellissimi layout del programma, ecc.?

Metto questo in Wiki di comunità quindi sentiti libero di lasciare le tue opinioni in questo modo che tutti possiamo imparare. : D

Modifica: Oh mio dio. Ho completamente dimenticato di menzionare cosa tipo del programma. Intendo applicazioni desktop. Non applicazioni web. : D

Answer 1

Trova un grafico.

Non sto cercando di essere snarky, sto solo dicendo. Mi piace uno sviluppatore piuttosto bravo, ma sono a livello di figure stilizzate quando si tratta di grafica.

Le competenze (e gli strumenti) per una buona progettazione grafica sono fondamentalmente diverse dalle competenze di uno sviluppatore.

Answer 2

Tre cose:

1. assumere un designer che conosce i modelli di business e dei clienti; se non si è bravi a farlo da soli


2. Per aiutarvi a fornire un feedback significativo per il progettista, leggere un libro come mi piace Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition da Steve Krug


3. Studio molte buone applicazioni che hanno avuto successo in il business di tuo interesse Lasciati ispirare (aka copia) buone idee da loro e mescola le tue idee. Un primo esempio è come Google search "ispirato" Bing di Microsoft

Answer 3

Assumere un esperto. Il design è qualcosa che hai o non hai. Sembra che tu (come me) Sei nella categoria "non" :)

Answer 4

I seguenti termini sono molto importanti quando si tratta di look and feel di un'applicazione

User Interface design Questo parla di come l'applicazione ha colori uniformi tenui, controlli di dimensioni simili, font lisci, di opportuni raggruppamenti di elementi di dati, ecc

User Experience Questa è una cosa molto più difficile da raggiungere. È così intuitiva l'applicazione "Sei sicuro?" e "Sei proprio sicuro?" finestre di messaggio, eliminazione delle finestre di dialogo e di popup, salvataggio automatico, flusso da una fase all'altra, precisione di salvataggio dei dati e una miriade di altre cose che rendono l'esperienza utente davvero sorprendente.

Non si può avere un buon UX senza una buona interfaccia utente, ma è sicuramente possibile avere una buona interfaccia utente senza una buona UX.

Answer 5

Cerco davvero di convincere i miei utenti della bellezza di un'interfaccia a riga di comando.

Oltre a ciò, penso che non ci sia niente di meglio dei "test di corridoio". Puoi sempre assumere un esperto per il design della GUI.

Answer 6

Ci sono molti siti che offrono suggerimenti sul design della GUI (Graphical User Interface). Google per "Linee guida per la progettazione della GUI" e ne troverai alcuni. Anche se questi suggerimenti potrebbero non rendere la tua applicazione un aspetto "bello", possono far sembrare il design professionale. Se vuoi una bella grafica potresti aver bisogno di aiuto da un artista grafico.

Controllare here per un buon elenco di libri sul design della GUI.

Answer 7

Mi piace molto questo libro, da Joel Spolsky: [http://www.amazon.com/o/ASIN/B001O9LB86/ref=nosim/betteraddons-20]

Answer 8

vi consiglio di leggere il AskTog site:

Bruce Tognazzini ... ... ha fondato l'umana Gruppo di interfaccia di Apple e ha agito come umana di Apple Interface Evangelist.

C'è stato qualche grande roba in passato, come come creare pulsanti più grande è direttamente proporzionale alla loro probabilità di essere cliccato, il design come il movimento del mouse influenzato, ecc

Ma se non siete in apprendimento - per tutti i mezzi, trova un designer professionista.

Answer 9

Basta continuare a rifarlo. Seriamente, prendi tutte le critiche esterne. Chiedi loro di essere specifici. Se stai facendo il lavoro sul web, guarda quanti più siti web puoi. A volte, a seconda del creatore, puoi inviare un'email al sito web per chiedere perché hanno fatto quello che hanno fatto e ottenere una risposta. Se stai facendo desktop, trova una libreria che ti piace e che può avere un bell'aspetto (non Swing, odiarmi se vuoi). Quindi crea, distruggi, crea, distruggi e così via finché non sei felice.

Il problema più grosso che penso le persone stiano imparando semplicemente a gettare via un componente che non funziona per te.

Answer 10

Mantieni il lavoro di codifica fuori dal lavoro di progettazione e crea i tuoi prototipi in Photoshop o qualcosa di simile prima di provare a implementarli. La buona codifica e la buona progettazione visiva dell'interfaccia utente possono essere direttamente opposte l'una all'altra molto spesso - ciò che sembra buono all'esterno richiede un lavoro di back-end che la maggior parte dei programmatori pensa sia mostruoso, e le buone interfacce utente spesso richiedono un comportamento personalizzato in cui l'uso di librerie standardizzate potrebbe sembrare più senso da una prospettiva ingegneristica. Avere un obiettivo per l'interfaccia utente funzionale ti aiuterà a spingerti oltre i risultati "abbastanza buoni" che potresti ottenere se lasci che cosa facciano le tue librerie per impostazione predefinita per determinare quale sarà il sito o l'applicazione.

Answer 11

Mi piace molto il libro Designing Interfaces. Presenta molti modelli di progettazione dell'interfaccia utente e quando sono appropriati da utilizzare. Non ti insegnerà come rendere le cose "belle", ma può essere di grande aiuto nel rendere la tua applicazione intuitiva e facile da cogliere. Presenta anche gli schemi in modo agnostico rispetto alla piattaforma.

Answer 12

C'è un sacco di libri là fuori sono grafica, design dell'interfaccia, progettazione di applicazioni web, progettazione CSS, ecc.

Regole generali:

• pensare in termini di griglie
• non temono spazio bianco
• mantenerlo semplice
• capire gerarchia
• capire la teoria del colore di base
• assumere un designer interfaccia utente

Answer 13

Ho scoperto che passare attraverso le varie guide di progettazione desktop può essere piuttosto utile.

1. Windows User Experience Interaction Guidelines
2. Apple Human Interface Guidelines
3. Gnome Human Interface Guides

non credo che nessuno di loro possono essere considerati come "corretto", ma che vi darà una buona idea di base di ciò che è previsto in generale per quanto riguarda la teoria di base come l'allineamento, la spaziatura e la disposizione dei widget.

Answer 14

Per i look: seguire le linee guida dell'interfaccia umana della piattaforma. Utilizza lo Golden Mean per accontentare gli sguardi. Simplify, Simplify, Simplify.

Per comportamento: Guarda gli utenti utilizzano la tua applicazione. Non aiutarli, non correggerli. Stai dietro uno specchio a doppio senso, se puoi. Troverai rapidamente molti luoghi in cui la tua interfaccia utente potrebbe utilizzare una messa a punto.

Answer 15

Prima di tutto, l'usabilità deve sempre essere la priorità # 1 e dovrebbe guidare il vostro disegno:

• http://msdn.microsoft.com/en-us/library/ms997577.aspx
• http://www.bucketsoft.com/blog/post/is-usability-standard-changing.aspx

Tuttavia, ciò non significa che l'applicazione deve essere brutta. E non sono d'accordo con quelli che dicono "lo hai o non lo fai". Penso che quasi chiunque possa sviluppare abilità di progettazione di base se ci pensano. Il fatto stesso che me lo chiedi dimostra che sei interessato, il che è un grande passo avanti verso l'apprendimento. E in effetti anche come sviluppatore aiuta almeno ad avere un buon senso per ciò che sembra buono e come creare un'interfaccia utente accattivante. E se è importante, puoi sempre assumere un designer professionista più tardi per portarlo al livello successivo.

ci sono alcuni dettagli fondamentali per la progettazione di un lavoro che mi hanno aiutato:

1.) Usare i colori con saggezza. I colori opachi non sono male, ma possono rendere il design noioso e poco ispirato da soli. Se aggiungi poco alla volta colori eccitanti e più saturi, puoi enfatizzare gli elementi più importanti. Questo non solo migliorerà l'aspetto, ma potrà anche essere usato per migliorare l'usabilità, portando l'attenzione su elementi che non vorresti che i tuoi utenti perdessero. Di nuovo, se esageri, è come mettere in evidenza tutto nel tuo libro di fisica. Se lo fai ovunque, perde il suo significato. Ho scritto di più su colors and contrast in my answer here.

2.) Utilizzare saggiamente white space. Questo è enorme. Non importa se stai parlando di un sito Web o di un'app di Windows: un'applicazione disordinata è brutta. C'è un buon article about this relating to web design, ma le stesse regole di base si applicano a un'app desktop.

3.) Paura non big fonts. Un altro mezzo per fornire enfasi - il grande carattere. Se combinato con uno spazio bianco adeguato, una call-to-action scritta con grandi parole può essere visivamente una cosa potente.

Vieni a pensarci, tutti questi suggerimenti riguardano la creazione di enfasi.

linee guida

Answer 16

generali usiamo:

1. rendono gli spostamenti semplice: utilizzare una barra degli strumenti o menu laterale per accedere a diversi parti dell'applicazione.
2. Rende le informazioni di visualizzazione il più semplici possibile e in diversi formati.
3. Trasforma le informazioni nel modo più coerente possibile. Ad esempio, metti i pulsanti Nuovo, Modifica e Salva nello stesso punto.
4. Rende l'azione più comune la più semplice.

linee guida specifiche che utilizzano:

1. Utilizzare la stessa o simile tipo di carattere in tutta l'applicazione. Varia in base alle dimensioni o in grassetto per attirare l'attenzione.
2. Utilizzare gli sfondi colorati per raggruppare e separare i tipi di informazioni.
3. Inserire le informazioni più pertinenti insieme e rendere il pulsante più comunemente utilizzato più grande del resto.
4. Non utilizzare un controllo a discesa in cui ci sono solo poche opzioni. Utilizzare un controllo elenco abbastanza grande da non dover scorrere o utilizzare un pulsante di scelta.
5. L'aggiunta di uno spazio bianco può rendere più semplice la lettura dello schermo o del report.

Answer 17

Ti darà un'idea di dove sono la mia testa in risposta "Come fai a fare in modo che un programma sia bello?" inizia con:

• metodi brevi
• adeguati spazi bianchi
• convenzioni di denominazione coerenti
• convegni formattazione coerente

probabilmente non è una buona idea di chiedere a me quello che penso fa per una buona UI.

Answer 18

Qualcuno ha qualche consiglio per il programmatore che non ha un budget, o sta lavorando a un progetto a casa per divertimento? Non possiamo assumere un designer, ma ci piacerebbe fare un po 'di sforzo per far sì che le nostre applicazioni sembrino meno costruite in casa.

Suggerisco di mostrare uno screenshot della vostra creazione a parenti e amici. Odierete i loro suggerimenti perché saranno diversi dai vostri, ovviamente. Ma può aiutare.

Le app di ricerca che sono simili, E alcune che non lo sono, quindi pizzicare una piccola idea da ciascuna!