Mobiele website formaat.

**Chiel Oude Breuil** · 03-10-2013, 14:13

Hallo,

Ik ben bezig met het ontwerpen van een mobiele site.
Maar in welke grote zou ik deze het best kunnen maken in photoshop.

In HTML en CSS programeer ik hem uiteraard met %'en zodat hij op alle schermen goed weergeeft.

Mvg,

**Arjen Zijlstra** · 03-10-2013, 14:35

Mobiele site maak je toch ook in html, kun je gewoon responsive maken voor mobiel. Kijk eens naar Bootstrap en verdiep je daarin.

**Arjen Zijlstra** · 03-10-2013, 14:36

Of zoek iemand die het voor je kan doen, uitbesteden is the key ;)
Je hebt mijn PM-adres :P

**Chiel Oude Breuil** · 03-10-2013, 14:48

Bedankt,

Maar nee ik kan het zelf, ook responsive.
Maar ik wil eerst de site ontwerpen in photoshop.

Welk formaat kan ik dan het best nemen.

**Leander** · 03-10-2013, 14:57

Ik heb de mijne net klaar, niet responsive, daar was de website net te gecompliceerd voor.
Maar ik heb een afmeting van 800px breed genomen. Dat kwam voor ons hier het beste over.

Heb je een wat eenvoudigere website, dan zou ik zeker voor responsive gaan. Neem dan een minimum van 480, sommige oudere smartphones hebben dat nog.

**Chiel Oude Breuil** · 03-10-2013, 15:01

Ziet er mooi uit!

Maar is een smartphone wel 1000px breed?
In de CSS ga ik gebruik maken van procenten om hem mooi responsive te maken.

Mvg,

**Daniel Klabbers** · 03-10-2013, 15:04

Kijk eens naar de waarden op http://getbootstrap.com of http://semantic-ui.com ; beide zijn mobile first. Ik geloof dat semantic tot een minimum van 300px gaat.

**Leander** · 03-10-2013, 15:08

Er zijn al smartphones met een full HD scherm.
En het scherm past zich in de rechtopstaande versie aan, aan de breedte.

Je kan voor heel smal gaan, als je een mooi responsive design kan maken.
Dan zou ik dat zeker doen. Ik heb de keuze voor een vaste breedte gemaakt en dan denk ik dat 800px de beste tussen weg was.

**Chiel Oude Breuil** · 03-10-2013, 15:12

Oke, maar ik wil werken met 100%
Maar in welke breedte zou ik dan mijn PSD maken??

Mvg,

**Leander** · 03-10-2013, 15:16

300 - 1920 want sommige hebben inmiddels een full HD scherm.

**Robin L** · 03-10-2013, 15:17

Mijn vormgever levert ze altijd aan in 640px. Aangezien de iPhone in portrait mode 320 pixels handhaaft, en je voor retina 640px afbeeldingen in 320 pixels breedte vertoond.

Google is your friend, hier staan waarschijnlijk honderden dan wel duizenden topics over op het internet.

**B. van der Weerd** · 03-10-2013, 16:00

Je moet 'm kunnen downscalen tot 320 px breedte, vergis je niet in het aantal telefoons met een 3,5 inch schermpje en je niet blindstaren op de toptoestellen die naast de meeste publiciteit ook de mooiste schermen hebben.

Maar maak je site gewoon lekker responsive, past ie ook op schermen met resoluties rond de 800px.

Mobiele website formaat.