tecniche pixel perfette per app [chiuso]

2

Durante lo sviluppo della tua app iOS, cerchi di raggiungere una somiglianza perfetta con i pixel? La tua app è identica ai design di Photoshop forniti?

Se sì, quali tecniche stai utilizzando per accelerare questo processo? Trovo che richieda molto tempo, poiché:

  • Sto utilizzando un sacco di componenti personalizzati che non sono visualizzati nel generatore di interfacce.
  • Le dimensioni dei confini dei campi di testo sono diverse in XCode e Photoshop. Quindi non posso semplicemente copiare la posizione.
  • Alcune proprietà non sono facilmente modificabili. Ho un sacco di pulsanti di dimensioni personalizzate e la modifica della baseline del testo è difficile
  • ecc ...

Sono a conoscenza di strumenti come Reveal o SparkInspector - velocizzano le cose, ma non è una spinta drammatica per me. So anche che con XCode 6 puoi usare IBDesignable. Al momento sono bloccato con l'app a 32 bit, quindi non posso ancora utilizzarlo (e non sono sicuro di quanto sia utile).

Quindi, è davvero così lungo? Se stai cercando di raggiungere la perfezione dei pixel nei tuoi progetti, quanto tempo trascorri di solito su questo? (in media per schermata?)

    
posta Kasztan 29.01.2015 - 18:09
fonte

2 risposte

0

1) Conoscere intimamente le classi UIKit. Se conosci bene le classi in quel contesto, non trascorri quasi nessun tempo a cercare come personalizzarle in modo insolito.

2) Master CoreGraphics / Quartz2D. Questo ti aiuterà a gestire forme insolite o dinamiche.

3) Funziona esclusivamente nel dominio vettoriale, senza bitmap. 2) aiuta molto. Al giorno d'oggi, con tutti i fattori di forma per iOS (e iPad Pro 12 pollici, non puoi più permettermi di lavorare con le immagini bitmap ...)

4) Modelli di progettazione del controllo personalizzato principale. A volte è meglio implementare un controllo dell'interfaccia utente personalizzato piuttosto che combattere la roba di UIKit.

5) Scopri i fondamenti del design UI / UX. Se li conosci, puoi facilmente identificare se il progettista ha fatto un errore onesto (non prestando attenzione, errore di clic del mouse, ecc.) O ha avuto un'idea orribile che deve essere evitata a tutti i costi :), o lui / lei lei sta facendo un lavoro sciatto e il tuo è quello di appianare le cose in quanto è il percorso di minor resistenza.

6) Istruisci il tuo designer sui limiti della piattaforma iOS che hanno qualche conseguenza sull'approccio progettuale, digli di lanciare Photoshop nel cestino e inizia a utilizzare Sketch e PaintCode. Insegnagli a prototipizzare in modo che voi ragazzi non abbiate un ciclo di feedback lungo. Insegnagli a interiorizzare il concetto di punti. Stampa un grande sfondo con dimensioni dello schermo (in punti) per tutti i dispositivi iOS. Fagli promettere di non posizionare mai nulla tra un punto e l'altro.

7) Debug Views in runtime, le soluzioni commerciali sono ancora un po 'meglio di XC6 view debugging.

8) Usa Xscope per misurare elementi visivi sullo schermo del tuo simulatore in molti modi diversi (distanza, dimensioni, rapporti, allineamenti ... ecc ..)

9) Risparmiare tempo è essere uno sviluppatore davvero bravo quando si lavora sulla logica di business e utilizzare quel tempo risparmiato per perfezionare le cose sul livello di presentazione.

10) Identifica gli stakeholder (manager, proprietari di prodotti, rappresentanti dei clienti) che capiscono perché il prodotto finito è un prodotto privo di difetti visivi. Quando c'è una stretta di tempo, ti proteggeranno.

11) Non ottimizzare per iPhone6 +, è impossibile. Spero che Iphone6S + si liberi del downsampling dell'hardware e che abbia pixel fisici corrispondenti a 3 punti logici. (Nel frattempo puoi invidiare gli sviluppatori di Metal / OpenGL poiché hanno accesso ai pixel fisici sullo schermo)

12) Trova un datore di lavoro che valuti pixel perfetti. Assegneranno più tempo a quello ufficialmente.

Il pixel perfetto richiede tempo. C'è una tendenza dominante dell'opinione pubblica nei circoli di programmazione ultimamente che utilizza termini come "snella", falliscono rapidamente, siete "pagati per caratteristiche". ecc. ecc. per le persone che apprezzano l'aspetto estetico del prodotto, è il dolore e la sofferenza. Spesso consegnare un livello di smalto perfetto al pixel confina con la semi-ilegalità e sacrificherai alcuni straordinari per la causa come ultima risorsa.

Quindi, per riassumere, la soluzione non è quella di essere in grado di fare clic con il mouse più velocemente facendo tutte le cose che hai fatto fino ad oggi, ma di applicare miglioramenti qualitativi nei tuoi strumenti e amp; processi di lavoro e know-how di programmazione.

    
risposta data 30.01.2015 - 02:06
fonte
0

Costruire Pixel Perfect UI è sia un'arte che una scienza. Avere gli strumenti giusti rende la parte science facile.

Dai un'occhiata a QuickLens , una App per Mac che aiuta i progettisti / sviluppatori di UI a essere fedele al Visual Design. Offre un'interfaccia moderna e ricca di funzionalità ad un prezzo molto conveniente. Usa QuickLens per ingrandire un'area, campionare colori, esportare in Photoshop / Html, misurare distanze, angoli, controllare allineamenti e molto altro.

  • Oltre alla chiarezza visiva, devi anche preoccuparti dell'esperienza utente complessiva. Ci vuole molta pazienza e instancabile iterazione per raggiungere questo obiettivo.
  • Prendi ispirazione da app ben progettate
  • Ecco un bell'articolo sulle regole di buon design di app
  • Leggi blog, newsletter come objc.io che trattano gli aspetti tecnici di App Design
  • Sperimenta molto
  • Fail early, Fail fail
  • Dai il tuo feedback ai potenziali utenti. Aiuterà a dare forma alla tua app.
  • Soprattutto: Divertiti per creare la tua app
risposta data 30.01.2015 - 05:30
fonte

Leggi altre domande sui tag