Szín HTML Sablonok

Színes HTML sablonok egyértelmű tartalomsorrendre építve

Egy asztali demóban három különböző háttéren elhelyezett szolgáltatásblokk szándékosnak tűnik. A színek egymás mellett helyezkednek el; a kontraszt a kompozíció része, és az egész sor egy pillantással olvasható. Nyisd meg ugyanazt a sablont egy telefonon, és ezek a blokkok függőlegesen egymásra rakott, világos téglalapokká válnak. Semmi sem változott, kivéve a tartalom érkezésének sorrendjét, és ez a sorrend mostantól hordozza az oldalt.

Amikor az oszlopok függőleges halmokká válnak

Egymás mellett egy színes háttér csendben jelzi, hogy három elem tartozik össze. Halmozáskor az üzenet eltűnik, mert az olvasó soha nem látja őket egyszerre. Egy HTML színsablonnak vagy van valami alatta, ami a csoportosítást tartja, vagy a paletta végzi el az összes munkát.

Három ellenőrzést érdemes elvégezni, mielőtt egy fájl mellett döntesz:

1. Képzeld el, hogy a hátterek eltűntek, és nézd meg, hogy a részek még mindig elkülönülnek-e. Ha csak színként léteznek, akkor egyáltalán nem léteznek.

2. Olvasd el a telefonos nézetet fentről lefelé, és erősítsd meg, hogy a sorrend a kívánt történetet meséli el, az asztali kompozíció kimarad a képből.

3. Keressen bármit, amit csak szín különböztet meg: kategóriák, elérhetőség, kiemelt elemek. A látogatónak a szavak alapján is képesnek kell lennie megkülönböztetni őket.

Jelölés, amely túléli az átrendezést

A címsorok az elrendezés változásán keresztül is csoportosítást biztosítanak. Amikor minden szolgáltatás vagy esettanulmány saját címsorral nyílik meg, és az összehasonlítható elemek ugyanazt a struktúrát ismétlik, a csoportosítás fennmarad. Az olvasó még egy sima háttéren is tudja, hol ér véget az egyik elem, és hol kezdődik a következő. A Nicepage Grid Element szöveget, képeket és gombokat helyez el cellákban, amelyek kisebb képernyőkön átrendeződnek, és a Reszponzív Módok lehetővé teszik, hogy a telefonos nézetet külön ellenőrizhesse az asztali nézettől.

Három dolgot érdemes megvizsgálni ebben a szűkebb nézetben:

1. Minden színes blokk továbbra is címsorral nyílik meg, beleértve azokat is, amelyek jóval a fő karakter alatt vannak.

2. Az összehasonlítható kártyák megtartják ugyanazt a belső struktúrát, ahelyett, hogy három egyéni változattá alakulnának.

3. A szöveg olvasható marad attól a hangsúlytól függően, amelyikre a halom kialakulása után kerül.

Szürkeárnyalatos gondolatkísérlet

Íme a HTML színsablonok megítélésének leggyorsabb módja. Képzeld el az oldalt, ahol minden háttér fehér, és minden hangsúly szürke. Még mindig meg tudod állapítani, hogy mely részek vannak, mely elemek tartoznak össze, és mi az első? Ha a válasz igen, a paletta szabadon lehet annyira hangos, amennyire a projektnek szüksége van. Ha az oldal szétesik, a szín egy olyan struktúrát tartott fenn, amelyet senki sem épített.