moet webtuistes brei op venster grootte?
https://stackoverflow.com/questions/27381
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianVra
Ek is die vraag bloot te vra van 'n bruikbaarheid oogpunt: Indien 'n webwerf uit te brei / rek om die besigtiging area vul wanneer jy 'n venster grootte
?Ek weet vir seker daar is die voor die hand liggend nadele:
- Wide kolomme van die teks is moeilik om te lees
- Skryf html / css met behulp van Procenten kan 'n pyn wees
- Dit maak jou kwesbaar om met jou ontwerp gerek verlede se perke as 'n beeld is te wyd, of 'n blok van teks bygevoeg dit is te lank. (Sien dis 'n pyn om die html / css code)
Die enigste Pro waaraan ek kan dink is dat gebruikers wat die skrif grootte van die grootte wat in die leser is gebou gebruik nie sal hê om te gaan met kolomme wat net 'n paar woorde lank, met 'n liggaam van witspasie aan weerskante. Maar ek dink dat mag 'n leser probleem meer as enigiets anders wees (Firefox 3 kan jy zoom alles in plaas van net die teks, wat handig te pas kom al die tyd)
wysig : Ek het opgemerk stapel oorloop is vaste wydte, maar kodering horror grootte. Dit lyk Jeff nie 'n sterk voorkeur óf manier het.
Oplossing
Raw HTML doen net dat. Is jy jou data verander sodat dit nie so goed in enige grootte vensters beteken lewer?
In die ou dae, almal het VGA skerms. Nou, daardie besluit is die meeste ongewoon. Wie weet wat besluite gaan gemeen te wees in die toekoms? En hoekom verwag dat 'n sekere minimum wydte of hoogte?
Van 'n bruikbaarheid oogpunt, 'n sekere resolusie van jou gebruikers eis is net gaan om 'n vervalle ervaring vir iemand nie die gebruik van daardie besluit te maak. Nog 'n ding wat kom uit dit is wat is vaste wydte? Ek het baie van die vaste grootte vensters (pop-ups) wat net nie reg maak, want my fonts is anders as die ontwerper se gesien.
Ander wenke
In terme van die webwerf skalering Ek hou daarvan om vaste grootte webwerwe wat mooi skale gebruik te maak van die funksie implementeer "zoom". Ek wil nie 'n baie wye bladsy met klein fonts op my 1920 res monitor. Ek weet nie of die web ontwerper het om iets te doen om dit te laat skaal mooi wanneer ingezoomd, maar in FF3 die zoom is awesome, die een in IE7 is nutteloos ...
Die ontwerp moet vloeistof binne sinvolle perke wees.
Gebruik CSS het min-width en max-width eienskappe (wat werk in elke leser, insluitend IE7 +) om te verhoed dat die ontwerp te veel rek.
Die belangrikste ding is om nooit 'n blok van teks rek het te wyd. As 'n venster is uitgebrei, moet geen blok van teks onbepaald rek aan te pas, want lees word 'n probleem.
Soos mense het gesê, dit hang af van watter inligting die webwerf is vertoon. Twee goeie voorbeelde is StackOverflow, en Google Images ..
As StackOverflow gestrek om die skerm te pas, sal langer antwoorde irriterende wees om te lees, want die oog vind dit moeilik om oor lang rye scan - dit is presies waarom koerante gebruik kolomme vir alles, en waarom boeke is die almal dieselfde soort breedte.
Met Google Images, waar die inhoud is basies 'n klomp van 200px wye beelde, dit strek tot die breedte leser pas en is nog steeds perfek leesbare.
In beginsel, in gedagte hou die oog haat lees lang lyne van die teks, en baseer jou ontwerp op daardie. Jy kan jou site so ontwerp wanneer jy die font grootte te verhoog, al die uitleg skale mooi met dit (Die enigste site wat ek kan dink wat beteken dit is www.geektechnique.org - druk op die ctrl and -/= of ctrl+scrollwheel, en die uitleg veranderinge breedte met die lettergrootte)
Ek dink soos 'n klomp dinge: dit hang af. Ek gewoonlik doen beide. Sommige inhoud bly vaste wydte om goed te lyk, of as dit nie kan baat vorm meer ruimte. ander dinge is ingestel op 100% as dit lyk asof dit nuttig sou wees.
Dit moet besluit oor hoe ingewikkeld die ontwerp van jou webwerf is. Hoe meer ingewikkeld, grafies of komponent wyse (hoeveelheid inhoud divs), sal bepaal hoe goed jou webwerf sal skaal. Oor die algemeen sal jy die meeste grafiese ontwerpers webwerf sal nie volgens skaal, want hulle is grafies intensiewe vind. Maar inligting webwerf sal skaal om die beste gebruik van leesbare ruimte op die skerm te maak en is nie ingewikkeld vir die gemak van gebruik. Dit is 'n kwessie van voorkeur regtig.
Ek dink dit hang af van die inhoud van die webtuiste. Plekke soos SOFlow, Forum, en ander plekke het 'n klem op die lees van baie van die besonderhede, so met meer Real Estate is om dit te doen, is 'n groot voordeel in my gedagtes. Die minder vertikale blaai, hoe beter.
Vir webwerwe 'n bietjie minder veeleisend op die leesvlak, selfs blogs of kleinhandel plekke waar jy net 'n individuele produk is vertoon, met 'n vaste wydte kan jy dinge meer bondige hou.
Ek is 'n groot fan van ten volle vloeistof ontwerpe. Ten opsigte van die bruikbaarheid klagtes oor lyne van die teks wat te lank is ... as hulle te lank as gevolg van die grootte van my venster, dan kan ek net so maklik maak die venster smaller as ek dit wyer kan maak.
Let wel: As jy die zoom funksie te gebruik in jou browser, 'n vaste uitleg skorsies die teks, terwyl 'n vloeistof uitleg maak dit moontlik om, neem die volle screen
.Miskien is dit net 'n leser probleem, maar dit is beslis 'n argument ten gunste van vloeistof
Paragraaf breedtes groter as jou vertoning maak 'n webwerf heeltemal onbruikbaar. Jy moet die horisontale rolstaaf heen en weer vir elke enkele reël wat jy lees ook nie aan. Ek is besig met 'n web design vak op universiteit en die handboek noem die ontwerpe wat pas by jou skerm breedte vloeistof uitleg .
Ek is my groot klas projek ontwerp met behulp van vloeistof uitleg, dit is 'n bietjie meer moeite as vaste wydte. Ek vermoed een van die ander studente sal dit gebruik, sal die merkers nie agterkom en nie een van die professionele webwerwe wat ons navolg is vloeistof nie.
Ek sou sê vloeistof al die pad. Die gebruiker kan altyd terug gaan na 'n kleiner grootte venster as hy nie graag die gevolg van die uitbreiding van dit, maar hy kan niks van 'n vaste uitleg doen.
As jy regtig, regtig haat die idee van jou webwerf op soek lelik as gevolg van iets wat 'n gebruiker met 'n groot skerm nie, dan ter wille van alles wat waar is en 'n pragtige, ten minste nog nooit gebruik pixel-gebaseerde vaste uitlegte! CSS het hierdie netjiese teks-relatiewe grootte eenhede soos "em" wat toelaat dat dele van jou bladsy te skaal met die lettergrootte, terwyl ander (soos beelde) bly in hul "natuurlike" grootte.
Hoekom dit nie gebruik nie en maak jou bladsy skaal goed sonder om te vertrou op die minder buigsaam "skaal alles" van FF3 dit is regtig net 'n tydelike oplossing vir webwerwe wat 'n stomme-pixel gebaseer vaste uitleg gebruik?
Baie mense sê dinge soos "dit is 'n kwessie van smaak" of "Ek hou nie van groot fonts op my hoë-pixel skerm." Aantal pixels het niks te doen met dit, en dit is nie 'n kwessie van smaak. Dit is 'n kwessie van DPI, wat direk verband hou met resolusie en lettergrootte te vertoon. As jou uitleg skale saam met die DPI van die fonts (deur dit wat in EBW byvoorbeeld, en die gebruik SVG), dan beland jy met 'n baie mooi, baie skerp webwerwe wat optimaal werk met enige vertoning.
Dit is 'n kwessie van stilering voorkeur. Beide kan ewe bruikbaar afhangende van implementering wees. Kolomme kan ook gebruik word as die skerm raak wyd genoeg. Persoonlik, ek vind dit irriterend wanneer daar 'n enkele, smal kolom van die teks om af te gaan die skerm.
Edit vir 2012: Ja, jou webwerf moet reageer op die grootte van die venster dit word vertoon in
.Daar is baie plekke om meer hieroor lees, insluitend:
Daar is waarskynlik 'n kompromie ontwerp tussen vaste en vloeibare ontwerpe. Jy kan dit ontwerp 'n webwerf vloeistof-agtige maar stel die css eiendom max-width tot 1024 (of wat ook al). Dit beteken dat jy 'n vloeistof uitleg kry wanneer die window width minder as 1024 en fixed width wanneer dit groter is.
Dan smal skerm gebruikers (soos my 800 pixel eee 701) het nie die horisontale rolstaaf om elke enkele reël en wye gebruikers skerm (wat nie weet hoe om hul venster grootte) lees rond draai kry nie 500 karakter wye , 1 karakter hoë paragrawe.
