Honlap Dizájn

A honlap megjelenése, azaz dizájnja, rengeteg összetevőből alakul ki, s rendre összefüggnek ezek az összetevők: egyik erősíti az összkép megjelnésének hatását, mások kioltják, ...

Az alábbiakban kifejtett összetevők esetleg nem abszolút értékűek, csupán az én felbontásom. Lesznek keresztbe hivatkozások is...

A színek

A honlap színei, amelyek nem választhatók el a tartalomtól, annak mondanivalójától.

Mire hivatottak a színek?

  • kiemelnek
  • olvashatóvá tesznek
  • összhangot- s
  • harmóniát teremtenek
  • ... s még sorolhatnánk tovább, de a legjobb, ha a színeket nem is látjuk egy honlapon, egyszerűen csak kellemesnek, harmónikusnak érezzük, s szívesen időzünk a tartalomnál.

A Színek elméletéről egy komoly tanulmány, egyszer érdemes elolvasni még akkor is, ha _csak_ a honlapod színeiről van szó.

A webes tipográfiáról

Maga a tipográfia mint fogalom a jelentésével egyetemben, a nyomdaiparból, a nyomtatott médiából jött:

Tipográfia: a szövegek megjelenése, designja és elrendezése, szerves része a honlap dizájnjának.

A webes tipográfia számára sokkal korlátozottabbak a lehetőségek, de ez nem jelenti azt, hogy nincsenek előnyei és ezekkel lehet is élni.

Ismerni kell a lehetőségeket és ezekből megfelelőt választani. Olyan betűket kell használnunk a weben, amelyről tudjuk, hogy elérhető és használható lesz azokon a gépeken is, amelyeken a látogatónk ezt megnyitja. 
Fontos: a honlapot sosem saját magunk számára fejlesztjük, legalábbis nem elsősorban Smiling, mindig, minden területen az első számú szabály, hogy a látogatók szempontjait tartjuk az elsődlegesnek.

A tipográfia egy eszköz a honlap missziójának beteljesítéséhez.

Az alábbi alfejezetek a lehetőségeket taglalja, amelyekből kedvére választhat, válogathat honlapja elkészítéséhez.

Különlegességek

Arról sosem szabad lemondani, hogy a szöveg formázásával ne vigyünk be egy kis meglepetést, egy kis különlegességet is a látogatók számára!

A baloldali 'Szöveg ' egy kép. 

Iniciálék

A bekezdés első sorának első betűje több sor magasságú, vagy mint a jelen honlapnál, a bekezdések első betűje nagyobb méretű.

Kiskapitálisok

Minden betű nagybetű, ám a nagybetűként begépelt betűket méretében nagyobbnak jeleníti meg ez a formázás.

Minden szó nagy betűvel kezdődik

Jelen honlapon pl a címsorokban (Heading2) minden szó nagybetűvel kezdődik a formázás révén. Ez is egy lehetőség némi különlegesség becsempészésére a honlapunkra.

Háttér színezés, grafika megjelenítése

A honlap jobboldali menüjében és a tartalmi részeknél is vannak olyan címsorok, amelyeknek sorában jobboldalon megjelnik egy kis grafika, de háttérszín is beállítható és/vagy egy meghúzott vonal, amelyek mind-mind azt a célt szolgálják, hogy kiemeljenek, szebbé és kellemesebbé tegyék az olvasást, irányítsák a figyelmet.

Választható betű típusok

A honlap a látogató gépétől és annak beállításaitól függően fog megjelenni!

...s ezt csakis ő tudja befolyásolni
 
A böngésző program a felkeresett honlap tartalmát a saját gépre telepített betűkkel tudja megjeleníteni. Ha nincs telepítve a honlapon használt, akkor a beállítások szerinti - a gépére telepített - betűcsaláddal helyettesítve tekintheti meg.
Ezen utóbbi esetben természetesen már nem úgy látja a honlapunkat, ahogyan mi azt megterveztük és esetleg a tipográfiában kialakított egyensúly is felborulhat.
 
Az alábbi betűcsaládok választhatók azzal a kellemes feltételezéssel, hogy az a netezők majd 100%-ánál megtalálható, s így eléjük a tervezettek szerint írhatjuk a mondandónkat.
 
(a betűcsaládra jellemző a betűk formája, mérete, grafikája, ... )
a felsorolásban valamennyi betű 12 pontos (3):
  • Andale Mono
  • Arial / Arial Black
  • Comic Sans
  • Courier / Courier New
  • Georgia
  • Times New Roman
  • Verdana
  • Trebuchet MS
  • Impact
  • Tahoma
A honlap egyetlen betűcsaláddal jeleníti meg a szöveges tartalmakat, nagyon ritka esetben fordul csak elő, hogy akár még egy is használatba kerül.
A kiválasztott betűhöz beállítjuk a 'kenyérszöveg' - vagyis a legnagyobb mennyiségben előforduló un. kitöltőszövegben a betűk méretét és a címsorok betűmérete ehhez viszonyítva kerül beállításra. Pl.: ennek a honlapnak a kenyérszövegének a betűmérete 11 pontos, a H1 ennek a 150%-a, a H2 140%-a, stb... 
 
A méret egyetlen helyen - a CSS fájlban - van beállítva, így könnyedén átállítható ez az egy méret, amelyet követnek a további címsorok betűnagyságai is.
 

Készíttetendő honlapjához kérem, válasszon a fenti lista alapján!

...ha gondban lenne a választással, úgy adok hozzá élőszóban egy-két tippet, hogy hogyan döntse el. Kérjen díjmentes konzultációt ezzel az űrlappal.
 

Betűk színének a meghatározása

Először is egy általánosan - a legnagyobb tömegben használt kenyérszöveg - színt tanácsos találni, természetesen ez része kell hogy legyen a honlap dizájnjának, illeszkednie kell abba.
Ez az elsődleges szín lesz a meghatározó a dizájn szempontjából.

Betűszínekről

 

Honlap sablonok

Új honlap készíttetéséhez, vagy a régi lecseréléséhez a következő helyeket ajánlom:

GevaPC Drupal sminkek galériája, amelyben azonnal használható megjelenéseket találni képernyőképpel és leírással.

Drupal sminkek, amelyek a közösség által elfogadott és követett megjelenést biztosítanak. A sminkek tovább alakíthatók, ha szükséges:

Megvásárolható Drupal sminkek

  • ThemesSock 

Ingyenes sablonokat kínáló oldalak közül azokat, amelyek nyílt forráskóddal és free felhasználási licence-el bírnak, s a kódolás minőségében is megfelelnek a szabványoknak: