Retina Support ontwerpen/ontwikkelen

Retina Support ontwerpen/ontwikkelen discussie in Ontwikkelen voor iOS forum; ( verdwijnt na registratie ) 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 ...



Ga terug   iPhone, iPod touch, iPad en Apple TV forum > Development > Ontwikkelen voor iOS
Wachtwoord vergeten? Registreren!
Registreer FAQ Ledenlijst Kalender Zoeken Berichten van vandaag Markeer forums als gelezen
  #1  
Oud 5 June 2012, 12:51
» iPhone 4 16GB (Zwart) [FW: 5.1.1]  [Jailbreak: Nee]
» iPad 3 Wi-Fi +4G 32GB (Wit) [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 20 March 2008
Berichten: 95
Standaard Retina Support ontwerpen/ontwikkelen

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 ----
Advertentie
Advertentie Gesponsorde links (verdwijnt na registratie)

  #2  
Oud 5 June 2012, 13:01
XIII's schermafbeelding
iPhone(club) Guru
» iPhone X 256GB (Spacegrijs) [FW: 11.2]  [Jailbreak: Nee]
» iPad Pro 10,5 Wi-Fi + 4G 256GB (Spacegrijs) [FW: 11.2]  [Jailbreak: Nee]
» Windows
 
Geregistreerd: 2 July 2009
Berichten: 9.977
Standaard

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!
  #3  
Oud 5 June 2012, 13:18
» iPhone 4 16GB (Zwart) [FW: 5.1.1]  [Jailbreak: Nee]
» iPad 3 Wi-Fi +4G 32GB (Wit) [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 20 March 2008
Berichten: 95
Standaard

Citaat:
Oorspronkelijk geplaatst door XIII Bekijk bericht
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?

Citaat:
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.
  #4  
Oud 5 June 2012, 13:31
XIII's schermafbeelding
iPhone(club) Guru
» iPhone X 256GB (Spacegrijs) [FW: 11.2]  [Jailbreak: Nee]
» iPad Pro 10,5 Wi-Fi + 4G 256GB (Spacegrijs) [FW: 11.2]  [Jailbreak: Nee]
» Windows
 
Geregistreerd: 2 July 2009
Berichten: 9.977
Standaard

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?
  #5  
Oud 5 June 2012, 14:40
» iPhone 4 16GB (Zwart) [FW: 5.1.1]  [Jailbreak: Nee]
» iPad 3 Wi-Fi +4G 32GB (Wit) [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 20 March 2008
Berichten: 95
Standaard

Citaat:
Oorspronkelijk geplaatst door XIII Bekijk bericht
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.
  #6  
Oud 5 June 2012, 14:41
XIII's schermafbeelding
iPhone(club) Guru
» iPhone X 256GB (Spacegrijs) [FW: 11.2]  [Jailbreak: Nee]
» iPad Pro 10,5 Wi-Fi + 4G 256GB (Spacegrijs) [FW: 11.2]  [Jailbreak: Nee]
» Windows
 
Geregistreerd: 2 July 2009
Berichten: 9.977
Standaard

OK. Heb ik geen ervaring mee. Anderen vast wel. Succes!
  #7  
Oud 5 June 2012, 16:13
Nikooos's schermafbeelding
» iPhone 5 32GB (Zwart) [FW: 10.0.2]  [Jailbreak: Nee]
» iPad 2 Wi-Fi 16GB (Wit) [FW: 10.0.2]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 28 November 2007
Locatie: Tilburg
Berichten: 3.183
Standaard

Je moet het groot maken en dan op 50% opslaan. Bij vergroten heb je namelijk kwaliteitsverlies, bij verkleinen heb je dat niet.
  #8  
Oud 5 June 2012, 16:26
» iPhone 4 16GB (Zwart) [FW: 5.1.1]  [Jailbreak: Nee]
» iPad 3 Wi-Fi +4G 32GB (Wit) [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 20 March 2008
Berichten: 95
Standaard

Citaat:
Oorspronkelijk geplaatst door psychonikeo Bekijk bericht
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?
  #9  
Oud 6 June 2012, 14:28
» iPhone 5s 16GB (Goud) [FW: 7.1.2]  [Jailbreak: Nee]
» iPad 1 Wi-Fi 16GB [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 12 January 2009
Berichten: 484
Standaard

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 ng 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
  #10  
Oud 6 June 2012, 17:43
Nikooos's schermafbeelding
» iPhone 5 32GB (Zwart) [FW: 10.0.2]  [Jailbreak: Nee]
» iPad 2 Wi-Fi 16GB (Wit) [FW: 10.0.2]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 28 November 2007
Locatie: Tilburg
Berichten: 3.183
Standaard

Citaat:
Oorspronkelijk geplaatst door Whacko Bekijk bericht
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 ng 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
  #11  
Oud 7 June 2012, 09:45
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 3 Wi-Fi 16GB (Zwart) [FW: 5.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 14 October 2008
Locatie: Haarlem
Berichten: 348
Standaard

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]
  #12  
Oud 7 June 2012, 11:11
» iPhone 5s 16GB (Goud) [FW: 7.1.2]  [Jailbreak: Nee]
» iPad 1 Wi-Fi 16GB [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 12 January 2009
Berichten: 484
Standaard

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.
  #13  
Oud 7 June 2012, 11:13
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 3 Wi-Fi 16GB (Zwart) [FW: 5.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 14 October 2008
Locatie: Haarlem
Berichten: 348
Standaard

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
  #14  
Oud 7 June 2012, 14:45
» iPhone 5s 16GB (Goud) [FW: 7.1.2]  [Jailbreak: Nee]
» iPad 1 Wi-Fi 16GB [FW: 5.1.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 12 January 2009
Berichten: 484
Standaard

Mooi dat het goed werkt. nice
  #15  
Oud 8 June 2012, 10:10
» iPhone 8 256GB (Spacegrijs) [FW: 11.0 beta]  [Jailbreak: Nee]
» iPad Pro 9,7 Wi-Fi + 4G 256GB (Goud) [FW: 11.0 beta]  [Jailbreak: Nee]
» Anders
 
Geregistreerd: 1 July 2010
Locatie: /private/etc/
Berichten: 25.657
Standaard

@wubbe

Bedankt voor de update van RC Timer Pro
__________________
"Es ist schwieriger, eine vorgefasste Meinung zu zertrmmern als ein Atom." (A. Einstein)
  #16  
Oud 8 June 2012, 10:16
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 3 Wi-Fi 16GB (Zwart) [FW: 5.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 14 October 2008
Locatie: Haarlem
Berichten: 348
Standaard

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


Er zijn 1 actieve gebruikers die momenteel deze discussie bekijken (0 leden en 1 gasten)

 
Discussietools
Weergave

Regels voor berichten
Je mag geen nieuwe discussies starten
Je mag niet reageren op berichten
Je mag geen bijlagen versturen
Je mag niet je berichten bewerken

BB code is Aan
Smileys zijn Aan
[IMG]-code is Aan
HTML-code is Uit
Trackbacks are Aan
Pingbacks are Aan
Refbacks are Uit



Alle tijden zijn GMT +2. Het is nu 20:16.