ugrás a tartalomhoz

Olvashatóság javítása tipográfiával

janoszen · 2010. Már. 1. (H), 17.49
Sziasztok,

adott a weboldalam, ami néhány ismerősöm szerint kissé nehezen olvasható (főleg a hosszabb cikkek). Mivel én magam nem vagyok egy nagy tipomágus, inkább szerverekkel foglalkozom mostanában, nem tudom a beállítást, amivel jobb olvashatóságot lehetne elérni.

Hogyan lehetne a hosszú egybefüggő szövegeket olvashatóbbá tenni anélkül, hogy a stílusból (Mirror's Edge) kiesne? Mit kellene váltotatnom?

Köszönöm

János
‹ spamszűrés Link aktiválás elkapása Javascripttel ›
 ■
1

Nem tölt be az oldal, addig

Blazé · 2010. Már. 1. (H), 18.10
Nem tölt be az oldal, addig is pár tanács látatlanban:

-ne legyenek túl hosszúak a sorok, az ideális olyan 45-70 karakter soronként.
-Vizsgáld meg hogy sorkizártan vagy balra/jobbra zárással néz-e ki jobban a szöveg
-címsorokat emeld ki nagyobb betűmérettel vagy félkövér opcióval
-hagyj elég helyet a bejegyzések között, na meg a címsorok és a többi szöveg között is.
-legyen elég kontraszt a szöveg és a háttér között.
-növeld a sortávolságot ha túl tömörek (leading)
2

Betölt az,

Kevlar · 2010. Már. 1. (H), 18.17
csak proclub elírta a címet: http://janoszen.hu

Hogy a témához is hozzászóljak: növeld a betűméretet, 12px a mostani 10 helyett már jelentősen olvashatóbb lenne.
5

Köszi

janoszen · 2010. Már. 1. (H), 20.23
Köszi, valóban elírtam.
3

CSS

Poetro · 2010. Már. 1. (H), 18.20
/* Kicsit nagyobb betűméret (12px a 10 helyett). */
body { font-size: 75%; }
/* Kicsit sötétebb változata a kéknek, növeli a kontrasztot. */
#container { color: #274E81; }
4

Na tökjó. A fent említett

Blazé · 2010. Már. 1. (H), 18.57
Na tökjó. A fent említett változások mellett én még azt mondanám hogy a pirosat is sötétítened kéne picit valamint én tennék egy kis üres részt a bejegyzések közé, mondjuk minden post aljára olyan 30-50 pixelt.
6

Köszönöm

janoszen · 2010. Már. 1. (H), 20.59
Köszönöm a tippeket, font méret megnövelve, több hely beállítva. A színekkel majd akkor tudok játszani, ha előkerül Anilla, aki a dizájnt alkotta.
7

Balra zárás

tisch.david · 2010. Már. 2. (K), 12.53
Szia!

Wolf Gábortól olvastam anno azt az - egyébként szerintem is helytálló - tanácsot, hogy weben ne használjunk sorkizárt stílust, mert nehéz olvasni; az egyenetlen sorvégek ugyanis kapaszkodót jelentenek a szemnek olvasás közben.

Üdv:

Dávid
8

Ezzel többnyire én is

Blazé · 2010. Már. 2. (K), 13.35
Ezzel többnyire én is egyetértek, általában balra zárok, de hogy melyik rossz meg melyik jó azt nem lehet meghatározni, teljesen az oldal felépítésétől és a hangulattól függ hogy melyiket alkalmazzuk.

Azt mondjuk még hozzátenném hogy dinamikus tartalomnál, pl blog bejegyzés, fórum post, tud undorító dolgokat produkálni a sorkizárt szöveg nagyon hosszú szavaknál. Könyveknél meg magazinoknál azért működik a sorkizártság mert külön tördelőjük van arra hogy szépen szétválassza a szavakat.

Lényeg: én is balra zártat javaslok többnyire de vannak esetek amikor jó a sorkizártság.
9

Tördelés

Max Logan · 2010. Már. 2. (K), 14.59
Van erre a célra egy elválasztó karakter (hirtelen nemtom megmondani, hogy mi a kódja), ami pontosan azt csinálja, amit a tördelő a könyveknél. Egy szó esetén több ilyen jelet is meg lehet adni, a böngésző pedig automatikusan töri, ha kell (annó próbáltam működik; legalábbis FF-ban). Csak akkor jeleníti meg az elválasztó jelet, ha kell.

Tehát működő megoldás, kérdés az, hogy a tartalmat publikáló mennyire akar adni az ilyen apróságokra (melyek a végén összeadódnak és ebből lesz a kellemes felhasználói élmény); saját meglátás, semennyire, sok esetben nagyobb site-ok sem adnak az olvashatóságra, lásd 1.5em-nél kisebb sortávolság ...
10

http://www.quirksmode.org/odd

Tyrael · 2010. Már. 2. (K), 19.50
http://www.quirksmode.org/oddsandends/wbr.html

Tyrael