41 svar · 1 989 visningar · startad av Calevan
Hej!
Har kollat runt på många sidor, och det är väldigt vanligt att alla sidor har en viss bredd, med tomrum på sidorna (dvs själva sidan ligger i en ruta i mitten, ni fattar vad jag menar). detta är om jag förstått det rätt för att sidan ska se bra ut (och lika dant ut) med olika upplösningar på skärmen som en besökare kan ha. så, till min fråga, hur bred kan en sida vara? hur bred kan tabellen vara? ska man verkligen bry sig om de som sitter med så små skärmar? vad tycker ni?
tack!
Vad har sidan för målgrupp?
Beror som sagt på vad sidan ska innehålla. En bredd på cirkus 700 pixlar kan ju även 800x600 upplösningarna klara av...
Kan ju köra 100% bred. Som anpassar sig efter upplösning!
ade skrev:
Kan ju köra 100% bred. Som anpassar sig efter upplösning!
Jag som kör 1280x1024 får då ett riktigt tråkigt resultat och det finns de som kör 1600x1200, så det är inte att rekommendera.
caze skrev:
ade skrev:
Kan ju köra 100% bred. Som anpassar sig efter upplösning!
Jag som kör 1280x1024 får då ett riktigt tråkigt resultat och det finns de som kör 1600x1200, så det är inte att rekommendera.
har du något bra förslag på hur man ska göra så att det ser ok ut för många? 1024x768 känns som det minsta folk kör med nu. eftersom det bara ska vara till mina egna sidor så tror jag det är bra. men hur gör man för att det inte ska bli tråkigt om man har en megaskärm?
Hur många är det som kör fullskärmsläge och som har en "megaskärm"?
För egen del kör jag ytterst sällan program i fullskärmsläge.
Men caze, den är 100 bred oavsett upplösning. Jag har tyvärr inte koden i huvudet men fråga i html forumet!
ade skrev:
Men caze, den är 100 bred oavsett upplösning. Jag har tyvärr inte koden i huvudet men fråga i html forumet!
Okej förstår vad du menar. ;)
Jag kör 1600x1200 på datorn där hemma. Och 1024x768 på iBooken.
Där hemma är mitt webbläsarfönster lite större än 1024x768 ändå.
Ska man göra en sidare bredare än anpassad för 1024x768 ska man ha en riktigt bra anledning.
Enligt statistiken på de sidorna jag har gjort så har mer än 90% 1024x768 (eller högre) och bara 6% 800x600. Men sidorna jag gör brukar ha bredden 780px. Jag vet att 800x600 besökarna får en liten horisontalscroll, men det får de leva med.
780 är ett mått jag trivs med. Brukar finnas plats för en vertikal meny, eller en högerspalt, men ändå mycket luft. Själva brödtexten brukar inte ta upp mer än 400-420px. Bredare än så gör det bara oläsbart.
Okkido skrev:
Jag kör 1600x1200 på datorn där hemma. Och 1024x768 på iBooken.
Där hemma är mitt webbläsarfönster lite större än 1024x768 ändå.Ska man göra en sidare bredare än anpassad för 1024x768 ska man ha en riktigt bra anledning.
Enligt statistiken på de sidorna jag har gjort så har mer än 90% 1024x768 (eller högre) och bara 6% 800x600. Men sidorna jag gör brukar ha bredden 780px. Jag vet att 800x600 besökarna får en liten horisontalscroll, men det får de leva med.
780 är ett mått jag trivs med. Brukar finnas plats för en vertikal meny, eller en högerspalt, men ändå mycket luft. Själva brödtexten brukar inte ta upp mer än 400-420px. Bredare än så gör det bara oläsbart.
har du någon trevlig sida där du kan visa? tack!
För att se reklamen behöver mann scrolla i sidled om man har upplösningen 800x600.
https://www.discshop.se är ett bra exempel på en sida med standardbredd.
https://www.dn.se är rätt bred, men där missar man en del av innehållet vid lägre upplösningar.
När jag själv börjar med designen till en hemsida öppnar jag alltid ett tomt 800*600 dokument i Photoshop och utgår därifrån. Sedan blir sidan ofta mindre, typ 600px i bredd. Men det beror ju på vad för sida man ska göra.
Anpassa sidan till bredden på ett A4, bredare sidor finns det ingen anledning för egentligen. Det är bara jobbig med massa information kors och tvärs...
768 har jag kört med. vet inte varför, men har för mig att det var precis vad som fick plats innan scrollen dök upp i 800x600 i flesta läsare.
Jag försöker alltid hålla mig under 750px, för att så många som möjligt ska kunna se sidan korrekt. Exakta mått anpassar jag efter hur stor texten är, eftersom mer än 200 tecken per rad är nästintill oläsbart, men jag håller mig som sagt alltid under 750px.
r\ Själv använder jag upplösningen 1280x1024. :)
En sida bör alltid vara 100 procent bred för att fylla ut hela webbläsarfönstret.
Då kan användaren själv bestämma bredden vad han eller hon tycker är bäst, och slipper bli påtvingad en upplösning. På nätet får man ju offra lite utseendekontroll till fördel för användbarhet.
Jag personligen kör nästan aldrig med maximerat webbläsarfönster. Då använder jag upplösningen 1 600 x 1 200, samt förstorar texten på webbsidorna. Således, om en sida är av fast bredd så kan jag inte bestämma själv när min förstorade text ska radbrytas.
Det är dock inte alltid möjligt att ha flytande bredd, men om du står i valet så tycker jag det inte finns något att snacka om. 100 procent.
OKi...här kommer min syn på saken.
Antagande nr 1:
Om man kollar statisitken ligger idag de flesta skärmar på 1024x768 och uppåt. Några sitter 800x600 men det är ett försvinnande grupp av användare. Detta är ett levande tal och det kommer antaligen växa i framtiden.
Statisik över användande:
http://www.w3schools.com/browsers/browsers_stats.asp
Antagande nr 2.
En siddesgin ska aldrig ta upp 100% då designen kommer se fel ut beroende på vilken upplösning man har. Ingen får samma intryck av sidan och man kan inte förutsäga hur alla element kommer att reagera.
Slutsats:
Detta ger mig en yta som är 1024 x 768. Sedan blir det lite svinn med kanter och menyer. Så att sänka max ytan till 900 ger lite marginaler pluss att de som har 800x600 inte behöver scrolla så mycket. När det kommer till höjdled är det viktigt att menyer och viktiga information och design element inte ligger längre ner än 600pixlar för att synas bra. Den andra informationen har användarna inga problem att scrolla ner till.
Även om man sitter med en bautaskärm med jätteupplösning så sitter i alla fall inte jag med ETT enda webbläsarfönster öppet i taget, jag utnyttjar skärmen och surfar med kanske 5-6 fönster öppna samtidigt som jag kan bläddra mellan, även om det numer finns webbläsare som stödjer flikar. Så jag gör mina sidor anpassade för 800 x 600 (fast mindre dårå eftersom man måste anpassa lite för skroll och huvudet på webbläsarfönstret)
asmodie skrev:
En siddesgin ska aldrig ta upp 100% då designen kommer se fel ut beroende på vilken upplösning man har.
En webbsida är ingen tidning med fast layout. Ju tidigare man inser det desto bättre. Nätet handlar inte om statiska sidor utan om dynamiska sidor som sätter användaren i fokus. I en tidning går det exempelvis inte att ändra typsnitt och förstora texten. Eller rentav byta stilmall helt och hållet.
Därför får man, som jag skrev tidigare, ge upp fullständig kontroll till fördel för att sidan blir mer användbar.
Design ska fungera på samtliga plattformar. Vare sig det är en bildskärm på 12 eller 25 tum, PDA eller WebTV. Det blir fullt möjligt först om flytande layout används.
asmodie skrev:
Ingen får samma intryck av sidan och man kan inte förutsäga hur alla element kommer att reagera.
Det är därför man måste ge upp kontrollbehovet. Dessutom bör man göra användbarhetstester snarare än att fixera elementen. Alla behöver dessutom inte ha samma intryck. Huruvida texten radbryts efter tionde eller tjugonde ordet är ointressant ur den synvinkeln.
En av de sidor som är extremt användarvänlig på detta vis är https://www.sitepoint.com. Det går att göra, och det bör alltid göras.
CyberPet skrev:
Även om man sitter med en bautaskärm med jätteupplösning så sitter i alla fall inte jag med ETT enda webbläsarfönster öppet i taget, jag utnyttjar skärmen och surfar med kanske 5-6 fönster öppna samtidigt ...
Tester visar att det mest optimala sättet att arbeta är precis som du säger. Först då kan man få den överblick som behövs.
Om sidlayouten är 800 pixlar bred på två webbplatser krävs det minst 1 680 pixlars bred upplösning för att webbläsarfönstrena ska kunna visas sida vid sida (med 80 pixlars reservation för läsarens kanter och lullull).
Med procentbaserad bredd spelar upplösningen ingen roll. Det är användaren som bestämmer. Och det är så det ska vara.
