Z odkazů tlačítka pomocí css

Dělat z odkazů pseudo tlačítka?  Rozhodně ano.

Co se motá uživatelovi v hlavě
Když se uživatel učí ovládat počítač, tak přijde do styku s tlačítky, přesněji s graficky oddělenou částí a s nápisem, které se po najetí myší a zmáčknutí změní vizuálně. Potom přijde na web a najednou jsou tam klikací texty, které jsou jenom podtržené. A jelikož každý design je jiný, najednou musí přemýšlet, případně být zklamán z toho, že musí hloubat, jestli to je nebo není klikací odkaz. Uživatel je tedy zvyklý na něco co vypadá jako tlačítko a po najetí myší (klávesnicí) změní vzhled.

Co s tím?
V první řadě označit odkazující text jako odkaz. To znamená nechat ho podtržený. Když přidáte lehký nádech pozadí odkazu do jiné barvy, zvýrazníte ho i uprostřed textu a nebude působit rušivě. Stačí lehký nádech, sice to neuvidí všichni (holt někteří vidí blbě), ale většině tím podvědomě pomůžete, aby se cítili jako v operačním prostředí. Při najetí myši by se měl odkaz více zvýraznit, změnit barvy. V tuto chvíli je vhodné volit více kontrastní barvy vůči sama sobě i okolí, aby se odkaz změnil v jakoby tlačítko. A nakonec, po kliknutí na odkaz by se měl třeba zase změnit, aby byla vidět akce. Lidé mají rádi, když se to hýbe,hi. A ještě bych zapoměl na odlišování odkazů. Opět se většinou používá, že navštívené odkazy jsou tmavší, tak na to nezapomeňte, já na to zapomínám furt.

Zdroje pro inspiraci
Aktivní tlačítka pomocí CSS , ano či ne? – Sovavsiti.cz

Řešení CSS: Inline tlačítka (2.0) – Wellstyled.com

Různé barvy odkazů pomocí CSS a class – Jakpsatweb.cz

Podtrhávání odkazů na domácích weblozích – Blog.converter.cz

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Tato stránka používá Akismet k omezení spamu. Podívejte se, jak vaše data z komentářů zpracováváme..