Retina Support ontwerpen/ontwikkelen

[gobelz]

Hoi,

Voor mijn projecten is Retina ondersteunend. Ik doe dit middels Photoshop, waarbij ik de .png simpelweg met 2x vergroot.

Ik ben benieuwd naar andere ontwikkelaars, hoe men het aanpakt.

Ik gebruik voor mijn projecten 72dpi, ik ontwerp eerst voor een normaal scherm (dus niet Retina). Vervolgens vergroot ik het ontwerp met 2x en sla dit op als @2x.

- Is er een beter manier om hiermee om te gaan? 72dpi? Simpelweg 2x vergroten?
- Zijn er ook photoshop actions die men heeft ontwikkeld en (eventueel) verkoopt?
- iPad ondersteund 326dpi, ik ontwikkel met 72dpi, graag uw mening?

Is mijn aanpak ook echt retina ondersteunend?

Groet,

__________________

---- Med. iOS Developer ----

[XIII]

Zomaar vergroten raadt Apple af in de HIG:

Tips for Creating Great Artwork for the Retina Display

__________________
We are one, but we are not the same... Talk to each other!

[gobelz]

Oorspronkelijk geplaatst door XIII

Zomaar vergroten raadt Apple af in de HIG:

Tips for Creating Great Artwork for the Retina Display

Toch zeggen ze geen nee tegen het vergroten?

Scale up your original artwork to 200% using the “nearest neighbor” scaling algorithm. This works well if the original artwork was not created with vector shapes and does not include layer effects. The result is a large, pixelated image on top of which you can draw matching high-resolution art. This is a good way to begin because it allows you to preserve the original layout of your design.

[XIII]

Als je het document goed leest zie je dat wat jij nu quote slechts de eerste stap is, maar je daarna allerlei extra zaken kunt doen om het icoon beter/mooier te maken.

Misschien heb ik je vraag wel fout begrepen.

Vergroot je alleen x2 of doe je er daarna nog meer mee?

[gobelz]

Oorspronkelijk geplaatst door XIII

Als je het document goed leest zie je dat wat jij nu quote slechts de eerste stap is, maar je daarna allerlei extra zaken kunt doen om het icoon beter/mooier te maken.

Misschien heb ik je vraag wel fout begrepen.

Vergroot je alleen x2 of doe je er daarna nog meer mee?

Normaliter vergroot ik ze alleen met x2. Ik heb het gevoel dat ik het beter kan met de kwaliteit. De (kleine) tips. En dat is eigenlijk waar ik voor heb geschreven. De tips die een ontwikkelaar kan helpen om het "smoother" te maken.

Graag uw reacties.

[XIII]

OK. Heb ik geen ervaring mee. Anderen vast wel. Succes!

[Nikooos]

Je moet het groot maken en dan op 50% opslaan. Bij vergroten heb je namelijk kwaliteitsverlies, bij verkleinen heb je dat niet.

__________________
Het grootste voetbalforum van Nederland

[gobelz]

Oorspronkelijk geplaatst door psychonikeo

Je moet het groot maken en dan op 50% opslaan. Bij vergroten heb je namelijk kwaliteitsverlies, bij verkleinen heb je dat niet.

Ik snap nu niet precies wat je bedoelt met "groot maken en dan op 50% opslaan". Kan je dit misschien uitleggen?

Dus ik moet het ontwerp maken op Retina niveau? En dan verkleinen tot het normale?

[Whacko]

Wat psykonikeo bedoelt, is dat je tijdens het ontwerpen van je images ze op een veel grotere schaal moet maken dan je nodig hebt. Daarna kan je ze opslaan in een kleinere resolutie.
Het beste is zelfs om ze groter te ontwerpen dan de retina resolutie, want je kan verwachten dat er over een paar jaar nóg scherpere schermen komen en dan kan je alles opnieuw maken.
Het slimste is om de ontwerpen als vector images te maken. (google dat even als je het niet kent).

__________________
Software Engineer
iPhone Developer

[Nikooos]

Oorspronkelijk geplaatst door Whacko

Wat psykonikeo bedoelt, is dat je tijdens het ontwerpen van je images ze op een veel grotere schaal moet maken dan je nodig hebt. Daarna kan je ze opslaan in een kleinere resolutie.
Het beste is zelfs om ze groter te ontwerpen dan de retina resolutie, want je kan verwachten dat er over een paar jaar nóg scherpere schermen komen en dan kan je alles opnieuw maken.
Het slimste is om de ontwerpen als vector images te maken. (google dat even als je het niet kent).

Uitstekende aanvulling op mijn verhaal

[wubbe]

Niets meer aan toe te voegen. Nooit plaatjes vergroten, alleen verkleinen.

Geldt dat @2x verhaal ook voor plaatjes in een UIWebView? Ik heb een html file in een UIWebView die op retina een onscherp plaatje toont. Toevoegen van een @2x versie van het plaatje helpt niet.

__________________
Leon
[iPhone- en Java ontwikkelaar]

[Whacko]

volgens mij werkt dat niet nee. Wat je in de Webview toont moet je opvatten als een webpagina. dus wat je kunt doen is switchen van het plaatje met javascript, of via css. Of misschien zelfs makkelijker: de @2x versie laden, en de width en hight definieren. dan wordt ie op non-retina verkleind.

[wubbe]

Ik heb net effe zitten experimenteren en uiteindelijk werkend gekregen. Ik laad nu de @2x versie en specificeer in de <img> tag de breedte en hoogte. Dan is hij op beide resoluties scherp zichtbaar.

Probleem opgelost

[Whacko]

Mooi dat het goed werkt. nice

@wubbe

Bedankt voor de update van RC Timer Pro

[wubbe]

Graag gedaan . Volgende update zal snel komen: starten/stoppen met de hardware volume buttons.
Als Apple dat maar goed vindt...