Zasady typograficzne, które sprawiają, że tekst jest bardziej czytelny
Choć to ostatnia rzecz, na którą patrzymy jest równie ważna jak pozostałe walory pisanego przez nas tekstu. W szczególności zaś wtedy, kiedy tekst wędruje do innych czytelników. Podobno o gustach się nie dyskutuje, każdemu bowiem podobać się będzie co innego. Jeśli jednak wypolerujemy nasz tekst, artykuł, post pod względem ortografii, gramatyki i stylistyki warto dopieścić go również wizualnie.
Dla mnie czytelność tekstu była zawsze kwestią pierwszorzędną ponieważ jestem wzrokowcem. Im bardziej układałam informacje (np. w notatkach) tym lepiej było mi je przyswoić. Podobnie jest jest z tekstami o dowolnym przeznaczeniu. Czy to notka na blogu, czy ebook, czy news na portalu z wiadomościami, czy reklama. Im lepiej ułożymy tekst, im lepiej dobierzemy kroju czcionek tym lepiej dotrze on do odbiorcy. Istnieją pewne odgórnie przyjęte zasady w typografii, których przestrzegając sprawimy, że nasz tekst będzie czytelny i przejrzysty…
Font
- Powinien oddawać charakter treści.
- Jeśli nie masz pomysłu skorzystaj z fontu standardowego, takiego, do którego każde czytelnicze oko jest przyzwyczajone (Times New Roman, Georgia, Halvetica, Lato, Arial).
W druku najbardziej komfortowy zakres dla tekstu to 10–12 pkt. W Internecie preferowany zakres wielkości to 15–25 pikseli.
O różnicy między fontem a czcionką przeczytacie w poście:
Wielkość ma znaczenie
- Stosowanie dużych/wielkich liter (inaczej wesalików) w dłuższych tekstach osłabia ich czytelność.
- Wersaliki lub ich dziecięce wersje – kapitaliki (mniejsze wersje dużych liter) służą zazwyczaj do wyodrębnienia tytułów, lub śródtytułów. Te z kolei ustalają w tekście pewną hierarchię, porządkują myśli zawarte w poszczególnych akapitach.
Pogrubienie
- Służy do wyróżnienia informacji, która w danym akapicie jest najważniejsza.
- Pogrubienie całego akapitu sprawi, że uwaga czytelnika będzie rozproszona przez co wyselekcjonowania informacji najważniejszej nie będzie możliwe.
- Stosując pogrubienie możemy też położyć nacisk na dany komunikat.
Emfaza – podwójne wyróżnienie
- Najczęściej nacisk w wyróżnieniach kładzie się wspomnianymi wcześniej pogrubieniem lub zastosowaniem wersalików.
- Warto pozostać przy jednej z tych metod wyróżniając w ten sposób na przykład śródtytuły artykułu.
- Emfazę, czyli podwójne wyróżnienie stosuje się na przykład w grafikach i tekstach ostrzegawczych: UWAGA ZŁY PIES!, NIE SKAKAĆ DO WODY! itd.
Kursywa
Można ją stosowac na przykład do wyróżnienia nazw własnych, cytatów, wypowiedzi.
Odstępy między literami
- Każdy font, ma już sam w sobie dobrze zdefiniowane odległości liter.
- Możemy skorzystać z właściwości letter-spacing w CSS dla tekstu akapitowego i jeśli zwiększymy wartość o 1-2 piksele będzie to nadal dobrze wyglądać na przykład w nagłówkach, lub na przyciskach na naszej stronie internetowej.
Szerokość wiersza
- Długość wersu to pozioma szerokość bloku tekstowego.
- Optymalna długość linii tekstu wygodnej do czytania to 45-85 znaków wraz ze spacjami oraz znakami interpunkcyjnymi.
- O ile w tekstach przeznaczonych do druku w stałej formie (czasopisma, gazety, ulotki) sprawa jest prosta i łatwo ją zweryfikować, o tyle w przypadku stron internetowych podlega dyskusji.
- W gazetach teksty łamane są na kolumny, tak by czytanie ich było łatwiejsze.
- W stronach internetowych zasada jest podobna: tekst akapitowy nie powinien być ani zbyt wąski, ani zbyt rozległy. Tworzenie na stronie internetowej szerokości wiersza, która wynosi 100 znaków też nie będzie błędem, ponieważ nie ma żadnych badań, które wykazałyby, że dłuższe teksty czyta się gorzej.
- Długość wiersza powinna wynosić średnio 50–75 znaków w wierszu.
Interlinia
Odległość między wersami odgrywa bardzo dużą rolę i w dużej mierze przekłada się na czytelność tekstu. Prawidłowo ustawiona ułatwia czytelnikowi śledzenie tekstu i poprawia jego ogólny wygląd.
Standardowo odległość między wersami powinna wynosić około 120–145% fontu. W edytorach tekstu ustawiając interlinię, użyj opcji „Dokładnie”, aby zmienić ustawienia.
Czy warto używać justowania?
Opinie są różne. Ja akurat używam justowania do obu krawędzi. Jednak (podobno) w przypadku stron responsywnych lepiej sprawdza się przyciąganie tekstu do jednej z krawędzi lub wyśrodkowanie. Justowanie tekstu może powodować nienaturalnie duże przestrzenie międzywyrazowe. Myślę, że warto przemyśleć na jakich stronach zazwyczaj może być czytany np. nasz blog i dopiero wtedy podjąć decyzję.
A może by tak po swojemu?
Choć tak jak pisałam we wprowadzeniu stosowanie odgórnie ustalonych zasad pomoże nam stworzyć czytelny i przejrzysty tekst z doświadczenia wiem, że trudno zrezygnować z pewnych nawyków. Dlatego moim zdaniem przy stosowaniu swoich wewnętrznych zasad dotyczących wizualnej strony tekstu ważna jest przede wszystkim konsekwencja. Jeśli wprowadzamy własne wyróżnienia dla pewnego typu informacji, lub chcemy położyć nacisk na pewnego rodzaju komunikaty róbmy to we wszystkich swoich tekstach jednakowo stosując ustalone zasady we wszystkich swoich artykułach, postach, na całym swoim blogu lub stronie internetowej. Zawsze możemy i powinniśmy podkreślić, wzmocnić myśl najważniejszą na przykład w danym akapicie. Dzięki takiemu podkreśleniu czytelnik w jakiś sposób łączy się telepatycznie z twórcą tekstu i odczuwa wagę czytanych słów podobnie do niego. Odbiera podobne emocje do tych, które piszący odczuwał w trakcie tworzenia danego fragmentu. Wydaje mi się jednak , że powinniśmy starać się zrobić to bez zakłócania rytmu tekstu i nie stosować dodatkowych zbędnych oznaczeń np. ciągów interpunkcyjnych.
autorka
95 komentarzy
Camilla Somero
Just wanna comment that you have a very nice internet site, I love the design it actually stands out.
tlover tonet
certainly like your web-site however you have to check the spelling on quite a few of your posts. A number of them are rife with spelling issues and I in finding it very bothersome to inform the truth then again I will certainly come back again.
tlover tonet
My partner and I stumbled over here from a different website and thought I might check things out. I like what I see so i am just following you. Look forward to looking into your web page yet again.
Magdjv
walgreen generic allergy pills antihistamine nasal spray canada prescription strength allergy meds
Ahekua
strong natural sleeping pills phenergan 10mg usa
Slotbom88
Hello there! I could have sworn I’ve been to this blog before but after browsing through some of the post I realized it’s new to me. Anyways, I’m definitely delighted I found it and I’ll be book-marking and checking back frequently!
Hcfbfz
prednisone 10mg for sale buy prednisone 10mg pill
Dkhxct
is omeprazole a promotility drug order rulide 150mg generic
Uhbeug
dermatologist recommended acne products order omnacortil 5mg online cheap topical acne medication prescription list
Hszdua
generic allergy pills azelastine sprayers allergy pills for rash
Ueglcy
best daily acid reflux medicine buy generic septra online
Awadsy
accutane 40mg oral generic accutane 40mg accutane over the counter
Ewomlk
amoxicillin 1000mg oral cheap amoxil pills order amoxicillin 500mg generic
Owbdzj
top selling sleep aids phenergan order online
TheHiddenPages
F*ckin¦ tremendous issues here. I am very glad to peer your article. Thank you a lot and i’m looking forward to contact you. Will you please drop me a mail?
Bipdei
order azithromycin 500mg online buy cheap zithromax brand zithromax 250mg
Wumska
order gabapentin 100mg for sale order neurontin 600mg
Mghktk
buy azipro 500mg generic azithromycin ca buy azithromycin pill
Signfz
furosemide cost furosemide 40mg uk
Sswsnb
prednisolone order online purchase prednisolone generic buy omnacortil 10mg pills
Kjfgbw
cost amoxicillin 250mg amoxil 250mg drug buy amoxil 500mg online
Asnqiz
purchase doxycycline generic how to buy doxycycline
Omsubp
buy ventolin medication purchase albuterol sale order ventolin pills
Xxnwvi
clavulanate cost amoxiclav sale
Slidrv
buy levothyroxine pills synthroid order levoxyl uk
Ilbjyr
order vardenafil 20mg pill levitra 10mg for sale
Wmmcil
clomid 100mg brand serophene canada order clomid 50mg for sale
Iqgojx
buy tizanidine online cheap order tizanidine buy tizanidine 2mg generic
Duovnm
rybelsus 14mg ca purchase semaglutide generic semaglutide over the counter
Etxczl
prednisone 10mg drug order deltasone online cheap deltasone 10mg cost
Jrodnf
buy generic accutane buy accutane 20mg online cheap buy accutane 10mg for sale
Smvlyh
purchase semaglutide pills order rybelsus online rybelsus us
Apbinx
get antihistamine pills online order albuterol 2mg generic buy ventolin generic
Hiysms
amoxil 250mg sale amoxicillin 250mg sale buy generic amoxicillin online
Sqfkbx
buy augmentin 1000mg online cheap augmentin 625mg over the counter clavulanate for sale
Zwpzkz
how to get zithromax without a prescription zithromax 250mg over the counter order azithromycin online cheap
Fbtfgp
order levothyroxine generic synthroid 150mcg oral cheap levothyroxine pill
Heefmt
buy omnacortil 5mg prednisolone 40mg sale omnacortil 20mg without prescription
Yavkdc
clomid 50mg sale order generic clomid 100mg order serophene online cheap
Rgtmqs
gabapentin 800mg oral neurontin over the counter buy generic gabapentin 800mg
Zuzhmn
furosemide 40mg cheap order furosemide 40mg generic buy generic furosemide for sale
Biqcjm
viagra 50mg drug buy viagra 100mg without prescription sildenafil 100mg without prescription
Ikkxjy
vibra-tabs order online brand acticlate generic doxycycline
Mhjktm
buy semaglutide 14 mg without prescription where can i buy rybelsus buy semaglutide 14 mg sale
Yxabjt
ladbrokes uk chumba casino world series of poker online
Xzhxjx
buy generic levitra levitra without prescription order generic levitra 10mg
Djtkgd
purchase pregabalin buy pregabalin 150mg online cheap lyrica 150mg without prescription
Gvutxh
plaquenil 400mg for sale plaquenil 400mg sale order plaquenil 400mg for sale
Esnmwa
order aristocort pills order aristocort 4mg pills triamcinolone 4mg over the counter
Lwdung
tadalafil 20mg cost order cialis 10mg online brand tadalafil
Rrrumb
buy desloratadine desloratadine 5mg for sale order desloratadine generic
Wxfmuh
buy cenforce 100mg online order cenforce online cheap buy cenforce online
Fnpzvx
claritin sale buy cheap loratadine generic claritin 10mg
Ioaqep
buy aralen pills buy chloroquine tablets chloroquine 250mg brand
Qewywx
order priligy online purchase misoprostol online buy generic cytotec online
Lhknay
buy generic glucophage buy glycomet 1000mg sale buy glucophage without a prescription
Hksmky
glycomet online order purchase glucophage generic purchase metformin pill
Akdvop
orlistat 60mg over the counter where to buy diltiazem without a prescription order generic diltiazem 180mg
Bgdzyg
purchase atorvastatin generic lipitor 80mg cheap buy lipitor cheap
Ifefcw
order amlodipine 5mg pills amlodipine generic amlodipine over the counter
Ykpfuf
how to get zovirax without a prescription zovirax 400mg over the counter zyloprim over the counter
Qntipq
order zestril 5mg generic order lisinopril 10mg without prescription lisinopril 10mg oral
Bmbbah
order rosuvastatin 20mg online cheap ezetimibe cost order zetia for sale
Nhonzn
brand omeprazole 20mg order prilosec 20mg sale buy omeprazole 10mg pill
Hapysy
buy domperidone 10mg for sale order generic motilium buy generic sumycin
Ubozdc
lopressor pill lopressor without prescription lopressor 50mg uk
Ksoyrb
cyclobenzaprine 15mg generic lioresal canada where to buy baclofen without a prescription
google maps seo
I really appreciate this post. I’ve been looking everywhere for this! Thank goodness I found it on Bing. You’ve made my day! Thank you again
GMB SEO
Some genuinely interesting info , well written and broadly user genial.
e-commerce
Wow, superb blog structure! How lengthy have you been running a
blog for? you made blogging glance easy. The overall look of your website is excellent, as neatly as the content!
You can see similar: e-commerce and
here sklep online
Rirrlv
tenormin tablet cost tenormin 50mg tenormin 50mg cheap
Aagrgj
buy methylprednisolone generic medrol 16 mg pills oral medrol
e-commerce
Howdy! This is kind of off topic but I need some guidance from an established blog.
Is it hard to set up your own blog? I’m not
very techincal but I can figure things out pretty quick.
I’m thinking about setting up my own but I’m not sure where to begin.
Do you have any points or suggestions? Appreciate it I saw similar here: najlepszy sklep and also here: e-commerce
Znnymq
order inderal 20mg clopidogrel 150mg pill plavix 150mg ca
Ltsiel
my childhood essay writing cheap paper writing my future essay writing
Fynibj
order methotrexate 5mg medex us coumadin 5mg brand
Edfhxo
order meloxicam 7.5mg pills buy celebrex 100mg for sale buy celecoxib online
Rmwtmu
reglan 20mg over the counter buy cozaar 50mg sale hyzaar price
Yxzakw
order flomax 0.2mg generic buy celebrex online cheap purchase celecoxib sale
hire a hacker
Great wordpress blog here.. It’s hard to find quality writing like yours these days. I really appreciate people like you! take care
private investigator training
Real excellent information can be found on site.
Hvholw
nexium order online buy esomeprazole 40mg without prescription topamax over the counter
Xnrjbg
buy ondansetron paypal order generic spironolactone 25mg buy aldactone pills for sale
Poifun
imitrex 25mg tablet buy imitrex generic levofloxacin 500mg generic
Vxfgzz
order simvastatin 20mg online cheap order valacyclovir 500mg online buy valtrex 500mg sale
Ciqyiy
generic avodart 0.5mg buy ranitidine pills for sale oral zantac 150mg
hire cell phone hackers
Very interesting information!Perfect just what I was searching for!
hire a hacker
It’s really a nice and useful piece of information. I am glad that you shared this useful information with us. Please keep us up to date like this. Thank you for sharing.
Qpcoht
order ampicillin generic buy penicillin generic cheap amoxil generic
Mkklxx
order finasteride sale order generic diflucan 100mg fluconazole 200mg price
Cizmrq
buy ciprofloxacin 500mg without prescription – buy cephalexin 500mg sale augmentin usa
Peyaaz
cipro pill – buy septra pill where can i buy clavulanate
Lydwxf
order flagyl 400mg generic – buy cefaclor 250mg for sale zithromax 250mg over the counter
Cltxpw
ciprofloxacin online – order tinidazole 500mg pills purchase erythromycin online cheap
Yzdnkt
order generic valtrex 1000mg – purchase nateglinide zovirax 400mg sale