8 módon megváltoztatni a design a linkeket kiemelni őket, elrendezés oldalon
Mikor jön a link, akkor könnyebb elfogadni, ahogy vannak. A végén, akkor csak olvassa el valamilyen szöveget, meg minden. De mit tudsz igazán, hogy az emberek kattintanak rájuk? Lehet n Hangsúlyozva a CSS szöveget?
Vannak tonna marketing technikák, amelyek segítségével, hogy ezek a kattintások. De mi van, ha csak meg kell, hogy több figyelmet a link?
A nagy probléma, amit látok sok blogok - hivatkozás nem jelenik meg a linkeket. Megtudhatjuk róluk csak ha lebeg felettük. Ez elfogadhatatlan.
Jelölje ki a linkek! Ebben a cikkben fogok beszélni 8 hatékony módon megváltoztatni a referencia stílust.
1. Add szín
Az egyik legjobb módja stílus linkek színt. Amikor a legtöbb fekete szöveg, hozzá más színek, hogy a link jobban észrevehetőek.
De meg kell bizonyosodni arról, hogy a kiválasztott szín együttműködik a többi márka. Ellenkező esetben, kapcsolatokat kell biztosítani, de ez rossz.
Azt se felejtsük el, ami a kontraszt. Sötét, szinte fekete szín nem linkeket különbségek a bekezdés többi része. A túl könnyű nem ad elegendő kontraszt a fehér háttér és a szöveg.
Mariah c Femtrepreneur használ egy érdekes színű kiemelni linkek:
Ahhoz, hogy változtatni a színét a linkek az oldalon, nézd meg a táblázatot a stílusok és témák találjuk a következő:
Módosítsa az értéket a következő szín. Ez az!
A jótanács - ha megváltoztatja a színét értéket, és semmi sem változik, akkor valószínű, hogy a linkeket a hozzászólások felett egy másik elem. Görgessen le, és keresse meg a stíluslap .content karakterlánc vagy .entry a. Ez az, ahol meg akarja változtatni a színét értéket.
Segítségre van szüksége a választott szín? Használja az egyik legnépszerűbb eszközök:- 0to255;
- Adobe Kuler.
2. Győződjön kövérebb
Ahhoz, hogy a CSS aláhúzás linkek félkövér, adjuk hozzá a következő kódot:
Vagy használja a betűtípust, amely támogatja a különböző telítettségi értékek (vastagság):
Például a betűtípus Open Sans vastagsága 300 400. 600. 800. 700. és 400. Ha a vastagsága a szöveg jó választás az, hogy az előzetes döntéshozatalra utaló 600. A vastagsága 700 vagy 800.
3. Add aláhúzás
Elvégzésére az aláhúzás CSS linkeket. használd ezt a kódot:
Több szokatlan módon hozzá egy aláhúzás kapcsolat - alacsonyabb határértéket. Ez a módszer nagyobb rugalmasságot biztosít, amikor a hogyan jelenik aláhúzás.
A jótanács. Nem feltétlenül ragaszkodni szilárd határokat. Meg lehet próbálni az alábbi lehetőségek közül:- CSS aláhúzás szaggatott vonal (szaggatott);
- Spot (szaggatott vonal);
- Kettős (dupla).
4. Stílus dőlt
Jelölje ki kapcsolatokat dőlt meglehetősen egyszerű, de gyakran elfelejti ezt a módját stílus. Az alábbi képen a lap kitűnjön, de tökéletesen illeszkedik a design a helyén:
Itt van, hogyan kell ezt csinálni:
5. Tegyen meg minden betűt nagybetűvel
Ha megnézzük a bejegyzések ebben a blogban. akkor veszi észre, hogy a linkek vannak kialakítva oly módon. Itt van, hogyan kell felhívni linkek nagybetűvel:
6. Használjon másik betűtípust
Egy másik módja, hogy kiemelje a linkek - ezúttal egy másik betűtípust. Ez a módszer, hogy a rendetlenség, ha visszaélnek. Tehát az alábbi tippeket.
Annak érdekében, hogy maximális koherenciáját, válasszon egy betűtípust ugyanannak a családnak. A tömörített vagy fekete változata a betűtípus fog állni, de nem túl más.
Annak linkek választottam font, amely hasonló ahhoz, hogy ne legyen nyilvánvaló, de eltér a szöveg többi részétől. Úgyhogy a kontraszt, amit akartam.
7. Add meg a háttérszínt
Az egyik kedvenc módon jelölje ki a linket (miután aláhúzás CSS pont) - új háttérszín. Nézd meg a következő példát:
Lesz minden esetben ez nem hiányzik.
Mindössze annyit kell tennie, hogy adjunk egy háttérszínt, és talán egy kicsit padding. Azt is megváltoztathatja a színét a jobb olvashatóság érdekében:
8. keverheted!
Elérni a maximális eredményt egyesítik bármely két (vagy több) a szelekciós módszerek a fent felsorolt. Lehet, hogy észrevette, hogy a legtöbb idézett példák hivatkozását színű. Ez annak a ténynek köszönhető, hogy a szín játszik nagyon nagy szerepe van a Referenciamennyiségek képest a környező szöveget.
Fordítása a cikk „8 Ways STYLE linkeket, hogy kitűnjön” készítettünk egy csapat barátságos Web design projekt tól Z-ig