Miért zseniális megoldás gombos módszer? Miért fogsz ezzel több embert elérni? Csupa olyan kérdés, amiről úgy gondoltuk, hogy egy blogbejegyzés formájában szívesen elolvasnál.

Neked csak pár kattintás, de kézzel fogható eredményeket érhetsz el vele

Hogyan készíts el egy átlagos gombot?

Egyszerűbb gombok elkészíthetsz 3 vagy akár 2 lépésben is.

2 lépésben nagyon egyszerűen felveszel egy háttér színt és egy feliratot (lehetőleg középre igazítottan) ráillesztesz:

4

3 lépésben sem lesz sokkal nehezebb a feladatod, itt csak szimplán valamilyen kis szimbólumot hozzáadunk a felírat mellé amivel még egy picit hívogatóbbá tesszük a gombot:

5

Mi mindenképpen azt ajánljuk, hogy az adott grafika vagy weboldal főszínétől eltérő, könnyen észrevehető színt válassz.
Mutatunk pár példát néhány igényesen kinéző gombról:

1 3 2

 

 

Szóval ezek szerint a Piros, kék, zöld esetlegesen rózsaszín (amennyiben illik az oldalad / grafikád arculatához) színeket éri meg a legjobban használni.
Ez mind figyelemfelkeltő és még jól is néznek ki.

Hogyan valósíts meg egy bonyolultabb gombot?

Ezt a módszert sajnos már nem úszod meg pár lépéssel, viszont ne feledd, hogy minél többet dolgozol vele, valószínűleg annál nagyobb kattintási eredményed lesz.

átlagf_gomb

 

Na és ezt a gombot láttad már? A tananyag menüpontunkban találod meg egy másik, hasonló gomb társaságában.
Valószínűleg még a vak is kristály tisztán látja, hogy jóval meggyőzőbb és bonyolultabb gombról beszélünk mint a fentebb bemutatottak.

Ami a legjobb benne, hogy annak ellenére, hogy mennyi “extra” van rajta, még így is nevetségesen kevés időbe telik kivitelezni. Nem lesz több pár percnél. Vagyis tulajdonképpen egy kávé elkészítésének idejét felhasználva érhetünk el még több látogatót. Ugye, hogy megéri ezzel is foglalkozni?

Screenshot_2Ha átvizsgáljuk, hogy milyen rétegeket használtunk, láthatjuk, hogy alulra elhelyeztünk egy, a felirathoz illő karaktert. Ezután egy lekerekített téglalapra alkalmaztunk Egy szaggatott belső vonalat teljesen körbe.

Majd a belsejét egy minimális színátmenettel kitöltöttük. És a végére, hogy megbolondítsuk, a színátmenet világosabb színével kapott még egy kis körvonalat is (a rétegstílusokon belül).

Ezután jött a két felírat, amit egyszerűen fehér színnel és egy nagyon minimális vetett árnyékkal valósítottunk meg.

És készen is van, a bonyolultabb gombunk, minimális idő ráfordításával egy nagyon meggyőző végeredménnyel. Így már valószínűleg érted, hogy miért preferáljuk mi is egyes oldalainkon ezt a megoldást. Használd bátran te is!

Összegezve egyébként azt mondom, hogy használd bátran mind két verziót és nyugodtan vegyítsd őket, hiszen vannak olyan helyek / helyzetek amikor egy egyszerűbb gomb jobban jön mint egy teljesen kidolgozott (lásd: a főoldalunk).

Használjatok gombokat egyszerű linkek helyett, mivel ez sokkal kívánatosabb lehet a látogatóitoknak és persze egy szép gomb mindenképpen javít az összképen is. 🙂

Mi maradt hátra?

Majdnem mindent tudsz a gombok működéséről. Legalábbis annyit, amennyivel már magad is boldogulni fogsz egy darabig.

De nyilvánvalóan a dizájnolás és a grafikák készítése ennél sokkal összetettebb.

Igyekszünk egy legközelebbi cikkben még mélyebbre ásni az egyes részterületeken. Addig is sok sikert a saját grafikáid lényegkiemelésében.

(MEGJEGYZÉS: Szeretnél egy még komplettebb, másolható és köznyelven készült Photoshop Tananyag csomagot kapni tőlünk? Akkor kattints ide!

A szerzőről: Varga Bertold

Szia, én Varga Bertold vagyok, a Photoshop Felhő társalapítója. Köszi, hogy éppen olvasod a cikkem. Ha kérdésed merült fel, nyugodtan tedd fel a komment szekcióban! 🙂

Szólj hozzá a témához!