Dag Allen,
Ik wil voor mijn WordPress website eens gaan spelen met het geheel zelf ontwerpen van een template. Hiervoor wil ik eerst een psd maken en deze vervolgens op gaan bouwen naar een template.
Het ontwerpen en hiervan een template maken gaat wel lukken, maar het draait wel om de goede keuzes maken en voor ik start moet ik de keus maken voor een resolutie.
Wat is de beste resolutie in Photoshop (eigenlijk de beste breedte in px, de hoogte is content afhankelijk) om mee te starten in Photoshop?
- Resolutie ontwerp
-
26-02-2015, 11:13 #1Particulier
- Berichten
- 613
- Lid sinds
- 17 Jaar
Resolutie ontwerp
-
26-02-2015, 12:19 #2Bob de webbouwer
- Berichten
- 1.464
- Lid sinds
- 14 Jaar
Re: Resolutie ontwerp
De meest gebruikte beeldschermresolutie is op dit moment 1377 px, maar ik houd zelf altijd een max-width van 1200 px aan (in elk geval voor de content, het is immers een designtrend om voor de achtergrond het gehele scherm te gebruiken).
-
26-02-2015, 12:32 #3Webblish Content & Publishing
- Berichten
- 5.633
- Lid sinds
- 17 Jaar
Re: Resolutie ontwerp
Je zult rekening moeten houden met een responsive design, waarbij de site zich aanpast aan de verschillende schermformaten. Dit geeft een mooi beeld van diverse schermresoluties: http://www.smashingmagazine.com/2013...hysical-units/
-
26-02-2015, 12:42 #4Particulier
- Berichten
- 1.191
- Lid sinds
- 13 Jaar
Re: Resolutie ontwerp
Niemand van de 960 grid gehoord?
http://960.gs/
-
26-02-2015, 13:45 #5
- Berichten
- 327
- Lid sinds
- 14 Jaar
Re: Resolutie ontwerp
Je vraag doet mij vermoeden dat je nog niet heel vaak een website hebt ontworpen. Hiervoor zou ik inderdaad gebruiken maken van een grid, bijv. deze: http://1200px.com/ (ik heb het meer op dit grid i.v.m. veel FHD gebruikers, dus je ziet het hoe de meeste het zien). Lees ook even deze blog door: http://webdesign.tutsplus.com/articl...ebdesign-14471. Kan handig zijn als je er nieuw mee bent.
-
26-02-2015, 13:50 #6Particulier
- Berichten
- 1.191
- Lid sinds
- 13 Jaar
Re: Resolutie ontwerp
@ Maarten, gebruik je de 1200 grid voor responsive website? gebruik hier nog steeds 960 grid, een 1200px website op een 13inch Apple gaat bijv niet lukken.
-
26-02-2015, 14:02 #7Particulier
- Berichten
- 613
- Lid sinds
- 17 Jaar
Re: Resolutie ontwerp
@Marcel Melis
Dank je wel voor je advies. Een 1200px ben ik inderdaad ook vaker tegen gekomen. Gezien de opmerking van Miichelle iets verderop, is een max-width voor de content van 1200px niet te groot voor bijvoorbeeld de 13" apple laptopjes?
@ B. van der weerd
Dank je wel, inderdaad zal ik rekening moeten houden met een responsive design. Ik heb hierbij het voordeel dat ik al gebruik kan maken van een framework met een child theme, wat al responsive is. Neemt niet weg dat ik het goed in de gaten moet houden natuurlijk dus dank voor de tip.
@ Miichelle G
Die ben ik inderdaad vaker tegen gekomen tijdens mijn speurtocht op het internet! Ik zal alleen te dubben of 960 het juiste formaat voor me is. Dank voor je tip in elk geval!
@Maarten Dekker
Je slaat de spijker op z'n kop ;-) Dit is mijn eerste design wat ik in Photoshop ga maken. Ik weet niet precies wat je bedoelt met FHD, maar je stelt als ik het goed heb een breedte van 1200px voor. Dank voor de link, ik ga deze doorlezen!
Ik begrijp dat er dus gewisseld wordt tussen 1200px en 960px. Is het te kort door de bocht om te zeggen dat minder dan 2% van mijn bezoekers een 13" gebruikt, dus ik beter kan optimaliseren op 1200px?
-
26-02-2015, 14:12 #8Particulier
- Berichten
- 1.191
- Lid sinds
- 13 Jaar
Re: Resolutie ontwerp
Een paar jaar geleden hadden we standaard een 19-inch schermpje en was een 960grid goed voor elk scherm. Nu hebben we veel 21.5 + schermen, en zou 1200px; dus prima kunnen. Ik houd zelf nog steeds 960 aan, maar geen idee hoe de rest van de designers hier mee op gaan.
-
26-02-2015, 14:15 #9
- Berichten
- 327
- Lid sinds
- 14 Jaar
Re: Resolutie ontwerp
Sorry verkeerde link. Persoonlijk gebruik ik vaak van deze link: https://dribbble.com/shots/1064433-B...ablet-Web-Free, de web-versie. Bootstrap maakt namelijk gebruik van 12 kolommen. Uiteindelijk maakt het niet uit of je nou een grid gebruikt van 960, 1280 of 2560. Het gaat erom wat jij fijn vindt werken, over welke resolutie je zelf beschikt i.v.m. zoomen in Photoshop en hoe het bij je klant er het beste uitziet als je het laat zien.
Onthoud: een grid is een hulpmiddel. Probeer erin te spelen, anders wordt het ontwerp stijfjes.
-
26-02-2015, 14:32 #10Particulier
- Berichten
- 1.191
- Lid sinds
- 13 Jaar
Re: Resolutie ontwerp
@Maarten, als je een website maakt die goed op jouw scherm, en op de klant zjin scherm eruit ziet wil dat nog niet zeggen dat het er goed uit ziet voor de rest van Nederland. Vind het een beetje kort door de bocht.
Er moet toch rekenen gehouden worden met alle soorten formaten.
-
26-02-2015, 14:59 #11
- Berichten
- 327
- Lid sinds
- 14 Jaar
Re: Resolutie ontwerp
Misschien heb ik het verkeerd geformuleerd. Natuurlijk moet je wel gebruik maken van een resolutie die deelbaar en optelbaar is(i.v.m. responsive) naar veelgebruikte formaten. Om het duidelijker te maken: (320, 640) 960, 1280, (1600, 1920) en 2560. Met bovenstaande reactie wilde ik enkel duidelijk maken, dat je moet werken met een resolutie die goed voor je werkt. Als jij in het bezit bent van een 1440x900 scherm is het niet handig om een grid te gebruiken voor 2560. Werkt je echter op 4096x2160 dan is die grid weer prima.
-
26-02-2015, 15:02 #12Webblish Content & Publishing
- Berichten
- 5.633
- Lid sinds
- 17 Jaar
Re: Resolutie ontwerp
Een nieuwe 11 inch Macbook Air begint al bij 1368 x 768 px. Dat gaat ook op voor alle 15,6 inch low-budget laptops. Veel kleinere laptops en ultrabooks halen die resolutie ook. Ik heb hier nog een wat oudere ultrabook staan, die heeft 1280 x 800. Netbookjes (1024 x 600) worden steeds zeldzamer.
Maar het meest kritisch is toch wel de smartphone, omdat je daar echt heel veel kan doen door een beetje nuchter te kijken naar kleinere paddings en margins, om ruimte voor de content te winnen.
-
26-02-2015, 15:28 #13Bob de webbouwer
- Berichten
- 1.464
- Lid sinds
- 14 Jaar
Re: Resolutie ontwerp
Had ik er natuurlijk even bij moeten vermelden. Uiteraard moet je er wel voor zorgen dat de site gewoon responsive is, dus als width stel je gewoon 100% in (of 90, 95). Ik stel echter wel altijd een limiet in voor de maximale breedte (de max-width dus) en daar gebruik ik 1200 pixels voor. Anders wordt het allemaal wel heel erg breed.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic