Ikonok használata (07:53)

Ikonok sablon: Klikk ide a letöltéshez

Ikonok alatt alapvetően az oldalépítőkbe beintegrált ikonokra, piktogramokra is gondolhatunk, mint nyilak, közösségi média ikonok, levél, pipa, kereszt és hasonlók.

Ezek helyett ebben a leckében a legtöbbször kép doboz elemekben használt ikonokról lesz szó.

• kép, vagyis egy egyedi ikon
• címsor
• szöveg

Az ikonokat képként töltöd majd fel a weboldalra. 

Méret

• kisebb méretűek, általában 128×128-asban töltjük fel 
• részletgazdag designokat nem lehet elkészíteni
• valamilyen alakzattal és színek kombinációjával dobjuk fel őket

Fájltípus

• alapból SVG-k
• inkább az áttetsző PNG formátumot ajánlom

Üres terek kezelése

• mivel négyzetes az alapjuk, így bizonyos ikonok, amik szélesebbek vagy magasabbak üres terekkel fognak rendelkezni
• azért használunk mégis mindent négyzetben, mert így könnyebb szépen igazítani őket
• törekedj arra hogy ugyanolyan stílusban készítsd el őket
• az ikon szélei a lehető leginkább a vászon szélén legyenek

Ikonok egy az egyben

• a Canvában ha találsz egy neked tetszőt, akkor csak színezd át és meg is vagy vele
• a Flaticon oldalon is vannak jó ikonok 
• ha máshonnan töltesz le egy ikont, akkor egy 128×128-as vászonra helyezed be és úgy mentsd le magadnak

Számok

• írd be külön oldalakra a számokat
• ezután próbáld meg a lehető legnagyobbra tenni a legnagyobb kiterjedésű számot és hozzá képest ugyanakkora méretben jelenítsd meg a többit is 
• érdemes ehhez segédvonalakat használni
• a lényeg, hogy a számok teteje és alja ugyanott legyen