Kreatinet Webdesign Magazin 2012 július

Page 1


"A kreativitást az ötletek összecsapása hozza működésbe." Donatella Versace


Tartalom

3.

Ez meg mi? mely agazin, m s li á it df t egy dig erül kiadásra, p e in t a e r A K ra k dobe l- hónap z az A ó o r h p á a s n á s ó éa h ó szüks an. Olv s b a m lv u o t á f form en: ű pd lnevezés hetsz inn e lt ö t r e le d n a Re ese et ingyen /reader/ ges, mely dobe.com .a t e g / :/ p htt rovalönleges ü k s t é állandó atsz, min h s in z a a lv g o a és A m ákról arketing lyan tém m o e n n li a n ib o ta et, n, intern webdesig n. ete üzlet a n nta a sd havo e r e k t in tot magaz . Ha ellá e n in lo t a a e ld r o A K ed, web email cím a atinet.hu d e r o .k d a w g w e w sm ládádb oldalra é l a posta a n n o gatsz az em z a an, így n néskor b le já je á g e m r m o a l f k hírlevé ról sem. kézbesítjü egyetlen lapszám le maradsz

a b s o lu t e ly fr e e Ez egy ingyenes kiadván y, melyre a Creative Commons Nevezd meg! - Ne add el! - Ne változtasd! 2.5 Magya rország (CC BY-NC-ND 2.5) licence événye s. http://creativecommons.hu/

Impresszum

Terjeszd és oszd meg!

Tartalom 04/

PS- Űrlapozz!

08/

Business- Mutyi?

10/

Design eszköztár

11/

PayPal útmutató

12/

krea•TIPP

14/

Design cucc

15/

Fashion Color

16/

Webshop- Magento

BOOKta ajánló 18/ 20/ BOOKta-

20/

Kézimunka- redesign

• Kiadja: FreshWeb Solutions Kft. - a www.webdesigntanfolyam.eu szervezője és üzemeltetője • Web: www.kreatinet.hu • Email: hello@kreatinet.hu • Facebook: www.facebook.com/kreatinet • Lapszámunk szerkesztői: Czene Orsolya, Jámbor- Czifra Ildikó, Barczáné Görgei Beáta, Cziráki Barbara • Felhasznált képek forrása: www.sxc.hu, www.depositphotos.com, ill. az egyes cikkeknél külön jelölve a forrás


4.

PhotoShop tutorial - Űrlapozz!

Kreatív űrlap Adobe PS- pal Szükséged van egy kreatív, hagyományostól eltérő, izgalmas űrlapra, ami biztosan felkelti a látogatóid figyelmét? Akkor készítsünk együtt egy szexi űrlapot a közkedvelt képszerkesztő programban, PhotoShop- ban. A képeken én a PS 5.1- es, angol nyelvű verzióját használom, mely leginkább csak a dizájnban tér el a legújabb, 6- os verziójú PS- ból. A funkciók és eszközök mindkét verzióban ugyanott találhatók és ugyanúgy működnek. A legújabb PS- ot ingyenesen „elviheted” egy 30 napos próbakörre innen: http://adobe.ly/FqN0u

Step 1 PS- ban nyissunk egy új dokumentumot, 600x600 pixel méretben, 72 dpi felbontással, nevezzük „urlap1’- nek. Az eszköztárból válas�szuk a téglalap kijelölő eszközt. Az eszközbeállítások soron válasszunk fix méretet és adjunk meg 410x315 pixel méretet. Ne felejtsük, hogy előbb mindig

a szélesség értékét, majd a magasság értékét határozzuk meg. Eztán kattintsunk a dokumentumablakban lévő üres dokumentumunk közepére és létrejön a megadott méretű kijelölésünk.

Pipetta eszközzel vegyünk fel kifestő színt, amivel a kijelölésünket ki fogjuk tölteni: #3f2e2c Másodlagos kifestő színnek felvehetjük ezt: #11baac

Mielőtt kitöltenénk a kijelölést a kifestő színnel, ellenőrizzük, hogy aktív- e a kijelölésünk és nyissunk egy új réteget (Layers), majd álljunk is rá, tehát legyen kijelölve (Layer1). Windows alatt Alt + Del billentyűkombinációval, Mac esetén Option + Del kombinációval töltsük ki színnel a kijelölést. Ha valamit elrontunk, a Ctrl + Z vagy Mac esetén a Command + Z billentyűkombinációkkal visszavonhatjuk az utolsó lépést. Ha mindent jól csináltunk, a kijelölés megszüntetéséhez nyomjuk meg a Ctrl + D vagy Mac esetén a Command + D billentyűkombinációkat.

A tutorialt készítette: Cziráki Barbara, webdesigner oktató www.webdesigntanfolyam.eu


PhotoShop tutorial - Űrlapozz!

5.

A téglalap kijelölő eszköz mellett található mozgató eszközzel fogjuk meg és helyezzük át a színnel feltöltött téglalapunkat a dokumentum jobb alsó sarkába, mivel a bal felső sarokba később egy újabb alakzatot fogunk létrehozni.

szítsünk egy másolatot erről a rétegről, hiszen több szövegbeviteli mezőre is szükségünk lesz az űrlapunkhoz. Összesen 3db ilyen szövegbeviteli mezőnk kell, hogy legyen. Mezo copy- ról a könnyebb átláthatóság kedvéért nevezzük át őket: mezo1, mezo2, stb… Mozgató eszközzel álljunk rá az egyes rétegekre és mozgassuk Mozgató eszközzel maradva húzzunk be egy őket a helyükre, egyenlő távolságra egymássegédvonalat a bal oldali vonalzóról 300pi- tól. Szintén mozgató eszközzel húzzunk be xel- hez. Ha nem találjuk bal oldalt a vonalzót, még egy segédvonalat a bal oldali vonalzóról, hívjuk elő azt a View/ Rulers menüpontban. A ezúttal a szövegbeviteli mezőink jobb oldalára. vonalzóra jobb egérgombbal kattintva beállít- Majd nyissunk új réteget és a két segédvonal hatjuk, hogy milyen mértékegységet jelenítsen közé, tetszőleges magasságban készítsük el az meg (esetünkben Pixel). utolsó, kicsit terjedelmesebb szövegbeviteli mezőnket. Ez lesz majd az űrlapon az üzenet helye.

Step 2

Nyissunk új réteget a már ismert módon (Layer2) és ezen folytassuk a munkát. Téglalap kijelölő eszközzel készítsük el az űrlapunk szövegbeviteli mezőit. A téglalap kijelölő eszköz kiválasztása után ellenőrizzük, hogy az eszközbeállítások soron ne a fixed size, hanem a normal Style legyen kiválasztva. Kattintsunk és húzzunk egy keskeny téglalapot a segédvonaltól jobbra. Időnként ne felejtsük el menteni munkánkat a File/Save menüponttal. Balról húzzunk be még egy segédvonalat 290pixel- hez. Ehhez fogjuk igazítani a tőle jobbra elhelyezkedő feliratokat, amik a mezők tartalmát kérik majd be: Név, Email, Tel, Üzenet. Az eszköztáron a vízszintes szöveg eszközre kattintva egyenként nevezzük el a mezőket, így minden elnevezés új rétegen fog majd szerepelni.

A már ismert módon töltsük ki a szövegbeviteli mezőnek elkészített keskeny téglalapot fehér (#ffffff) kifestő színnel, majd szüntessük meg a kijelölést. Layer2- re kétszer kattintva nevezzük át azt, legyen a neve: mezo. Maradjunk ezen a rétegen és a Ctrl + J vagy Mac esetén a Command + J billentyűkombinációkkal ké-

nts ol.com/webfo le g o o .g w w Tipp! w talan letölthető és egyarán-t tkész dalon szám nálható fon sz a lh fe is ges szöveget weboldalon le ő z ts e T . z thats muletből váloga sd, hogyan lá y g o h , z ts lképzelt is begépelhe z általad e a t n fo e tt o tat az ad tar talmaz, b b tö i m t agyar szöveggel, ső kter t, pl. m a r a k s e g sé k Í í minden szü k (Á á É é e r te k a r a k etes hosszú ékez Ü ü). ÓóÖöÚú


6.

PhotoShop tutorial - Űrlapozz!

Open Sans fontkészletet használok a Google Webfonts kínálatából, a betű Regular és 18ptos, színe #11baac. Ha begépeltük az elnevezést, kattintsunk az eszközbeállítások soron lévő pipára, ezzel elfogadjuk, majd kezdhetjük a következő begépelését kicsit alatta.

Ellenőrizzük, hogy az eszközbeállítások soron a New selection és a Feather: 0px legyen beállítva. Kattintsunk és tegyük le a sarokpontjait a küldés gombunknak. Összesen 7 kattintásból fogjuk tudni bezárni a kijelölést (lásd az ábrán). Ha aktív a kijelölés, ellenőrizzük, hogy az új rétegen vagyunkMozgató eszközzel és az adott szöveget tare, ha igen, töltsük ki talmazó réteg kiválasztásával igazítsuk a hefehér kitöltő színnel. lyükre a feliratokat. Ezt megtehetjük egérrel A réteget nevezzük húzva, de a billentyűzeten, a nyilakkal egy- egy el „küldés gomb”pixelt léptetve is. Ez utóbbi sokkal finomabb nak. Layer/Layer beállítást tesz lehetővé. Style menüpontban válasszuk ki a Drop Shadow rétegstílust és álHa jól dolgoztunk, így fest most az űrlapunk: lítsuk be az értékeket a mellékelt ábra szerint. Ezzel vetett árnyékot adtunk a küldés gombnak, ami kifejezetten jól mutat és kiemeli azt. Vízszintes szöveg eszközzel feliratozzuk a küldés gombot. Az űrlapunk teljesen elkészült.

Step 3 Nyissunk új réteget és készítsük el az űrlap küldés gombját is. Ehhez húzzunk be balról és fentről is segédvonalakat, összesen 4db- ot, amik a küldés gombot fogják határolni. Majd húzzunk egy plusz segédvonalat a tervezett küldés gomb alatt 25pixelre. Eztán a sokszög lasszó eszközre váltunk (Polygonal Lasso Tool).

Step 4 Bolondítsuk meg egy szövegbuborékkal, amiben instrukciót adhatunk a látogatóknak az űrlap kitöltésével kapcsolatban. Ehhez szintén a sokszög lasszót fogjuk használni, új rétegre tetszőleges méretű buborékot készítünk a küldés gombhoz hasonlóan és ugyanúgy ellátjuk vetett árnyék rétegstílussal, majd szöveget í r u n k en ún. vezés közb er T ! p Tip töltheted „bele”. szöveggel

kéhelykitöltő ket, ahol re te s re ü meg az szerepelni. szöveg fog jd a m b b eboldaső sum.com/ w ip .l u h / :/ p ér telA htt teljességgel z ts a lh á er szölon gen m Ipsum” re o L „ . n ú metlen, alkalmas tökéletesen i m a , et veg céljára. helykitöltés


PhotoShop tutorial - Űrlapozz!

7.

Step 5 Egy- egy PS- ban elkészített grafikai tervünk akár több száz rétegből is állhat. A könnyebb áttekinthetőség miatt érdemes az egyes rétegeket ún. rétegcsoportokba rendezni. Pl. az előző példánál maradva külön rétegcsoportba rendezhetjük az űrlap rétegeit és külön a szövegbuborék rétegeit. Ehhez a Ctrl lenyomva tartása mellett (Mac esetén Command) jelöljük ki egérrel az összetartozó rétegeket, majd a Layers panel menüjében klikk a New Group from Layers- re és a megjelenő új ablakban adjunk nevet az új rétegcsoportunknak. File/ Save- vel mentsük a munkánkat. Ha jól dolgoztunk, így néz ki a dokumentumablakban az űrlapunk és a Layers panelen a rétegeink, ill. rétegcsoportjaink.

A munkád legyen a hobbid! Az így kreált PS fájlt átadva programozó kollégánknak, sec- perc alatt remekül működő űrlapot készít belőle a weboldalunkra. Az általam készített PS fájlt tanulmányozásra letöltheted innen: http://bit.ly/Mc5Fd9 Remélem, hasznos volt ez a kis tutorial és megihlet majd Benneteket kreatív és dizájnos űrlapok készítésére. Szeretettel,

Cziráki Barbara webdesigner oktató

www.webdesigntanfolyam.eu

Webdesign tanfolyam indul: Szeptember 13. www.webdesigntanfolyam.eu


8.

Business-

Mutyi, vagy legális?

Mutyi? Vagy... legális munka, kö n n y e b b s é g a kreatívoknak is?

Hogy miben lenne ez jobb, mint a jelenlegi adózási rendszer? Aki ismeri, mi van most, annak nem kell ezt magyarázni. Aki nem, annak Jakab Andor életszerű és (egyben/ezért) enyhén irónikus blogbejegyzését szíves figyelmébe ajánlom:

„Tökéletesen elcseszett formában a „lehetőség” persze eddig is adott volt... Most is lehetsz egyéni vállalkozó. Ha nem találod a helyed a munkaerőpiacon, de nem szeretnél munkanélküli segélyből élni, közmunkásként tengődni, jelenleg is csinálhatsz magadnak egyszemélyes céget. De ez semmivel nem könnyebb és egyszerűbb, mint bármilyen egyéb céget létFellebbentek a hírek, miszerint a Kormány rehozni és üzemeltetni. Először is köteles vagy 2013- tól egy új, fix közteher fizetési rendszer- magadat legalább minimálbérre bejelenteni. rel könnyítené meg a saját maguknak munkát Ez jelenleg 70 470 forint fizetést, plusz 68 000 adók dolgát. A tervek szerint kereshet- forint adó és járulékterhet, összesen 138 740 nél akár 450.000,-Ft- ot havonta, teljesen b é r k ö l t s é get jelent tisztán és legálisan, melyán h a v o n t a . m o y n e s é ből mindössze z Az egész blogbejegylog.hu/ 50.000,-Ft- os fix Jakab Andor o l y a n .b jakabandor / :/ p t t h átalányadót kelroppant lene befizetned. bonyolult, hogy élő ember könyvelő Többek között a kreanélkül biztosan nem úszhatja tív szakmában dolgozó egyéni meg. Ez további 15 000 forinvállalkozóknak, szabadúszóktos fix költséget jelent. Ha saját nak, egyszemélyes cégeknek magadnak nem is tudsz még (és jelenleg még vállalkozás kivenni egy fillért sem, az adónélkül ügyködő személyeknek) kat és járulékokat, valamint a is kiváló lehetőség lenne az új, könyvelőt biztosan fizetned fix adózás és végre nem fizetkell. Minimum 80 000 forint fix nék el a gatyájukat is, ha saját kiadással akkor is számolnod pénzükhöz szeretnének jutni kell, ha egyetlen fillér bevételt legálisan. Nem utolsó sorban sem tudsz elérni. Szolgáltatásegítene felszámolni a „mutyi melót”, fekete- sod árát 27% ÁFA terheli, és hozzá kell szokmunkát, zsebbe dolgozást olyan kreatív szak- nod, hogy az általad keresett pénz egyáltalán mákban is, mint a: nem a tiéd. Azt először még „ki kell venni” legálisan a cégből, hogy elkölthesd. Miután be• grafikusok fizetted az ÁFA-t, meg kell fizetned még 2% • webdesignerek iparűzési adót. A fennmaradó rész terhére • programozók adhatsz magadnak fizetést 50% körüli állami • kiadványszerkesztők elvonás mellett, vagy - nagyon bonyolultan • szövegírók kiveheted osztalékként 30% körüli elvonás • marketingesek mellett. Ha marad a cégnek nyeresége, 10% stb…, tehát akik valamilyen szolgáltatást nyúj- társasági adó terheli. Magyarul az ÁFA befizetanak és munkadíjat számláznak. tése utáni bevételed nagyjából felét veheted


Business-

Mutyi, vagy legális?

ki magadnak. Ha mondjuk 200 000 forintot szeretnél tisztán keresni, legalább 408.000,- Ft + ÁFA, azaz 518.160,- Ft értékben kell szolgáltatást értékesítened. Állandóan bújnod kell a folyamatosan változó szabályokat, és mindent meg kell kérdezned a könyvelődtől. Ha valamit elrontasz, jó esetben több százezer forintos büntetésekre bizton számíthatsz, rossz esetben börtönbe kerülhetsz adócsalásért. Jóval több eséllyel, mintha egyáltalán nem is csinálnál céget, nem is kerülnél a hatóságok látóterébe és a tevékenységednek nem is lenne semmiféle hivatalos nyoma. Fogalmad nincsen, hogy a szabályok tengerében mit számolhatsz el költségként, mi az, amit értékcsökkenteni kell, és hogy az mit jelent. A gyakorlatban a dolog úgy néz ki, hogy a vállalkozónak csak halvány sejtései vannak arról, hogy mennyi elkölthető pénz van egyáltalán a számláján. És ha elszámolja magát, pillanatokon belül horribilis hátralékot mutathatnak ki és már jön is az inkasszó. Hiába keres pénzt, amíg a NAV be nem szedte a magáét, egy vasat sem tudsz kivenni a bankban a saját pénzedből. Nem is csoda, hogy Magyarországon az önfoglalkoztatottak döntő többségének ehhez nincs kedve... Inkább dolgoznak fusiban, feketén, zsebbe. ÁFA nélkül. 3x olcsóbban, mint a legálisan működő egyszemélyes cég. Lehetsz akármilyen jó a munkádban, ez végül biztosan kinyír. Különösen a mai gazdasági helyzetben az emberek nem fizetnek háromszoros árat a szolgáltatásodért. Inkább megoldják okosba’, zsebbe, fű alatt. Az új koncepció nagyszerűsége leginkább az egyszerűségének köszönhető. Könyvelőre talán egyáltalán nem is lesz szükség, vagy csak ritkán, és igazán olcsó szolgáltatásra. A legálisan működő kisadózó azt könnyen fejben tudja tartani, hogy 50 000 forintot minden hónapban átutal az államnak, és ezzel minden el is van intézve. Ennyi pénzt kell erre a célra tartalékolnia, nem kell azon fájnia a fejének, hogy mennyit és hogyan „vehet ki a cégből”. Az ötven ropin felül költheti a saját pénzét, ahogy akarja.

9.

Tényleg kereshetnél 450.000 ,forintot? Szerintem igen. 450.000,- Ft jövedelemhez 500.000,- Ft árbevétel kell: • 3125 Ft óradíj (20 munkanap, napi 8 óra) • 10 ügyfél havi 50 000 forintos megbízással • 20 ügyfél havi 25 000 forintos megbízással • 100 ügyfél havi 5 000 forintos megbízással Azt hiszem, hogy ez lehetséges az élet rengeteg területén. Kell hozzá szaktudás, rátermettség valamiben, kitartás és szorgalom.” Az eredeti, bővebben magyarázó cikket olvasd el Jakab Andor blogján: http:// bit.ly/MSYN91 És/vagy lájkold a Facebook- on: https://www.facebook.com/jakabandor

ó: A vállalkoz

ed, elszánt egy re en d in Olyan m dolgozni a pi 24 órát a n es ép k i y más ak azér t, hog e ér eb zs t se saját yetlen egy órá eg en lj el k e n zsebére dolgoznia. :)


10

PNG Gauntlet

Open Site Explorer A Yahoo Site Explorer megszűnése óta gondot jelenthet, hol csekkold a weboldaladra mutató linkeket. A www.opensiteexplorer.org

oldalon előfizetés nélkül napi 3db linket kérdezhetsz le.

Dropbox

Ezzel a kis ingyenes programmal tömörítsd a képfájljaidat weben való felhasználás előtt, így kevesebb helyet foglalnak majd. WordPress is gyorsabb lesz általa.

Mint egy virtuális pendrive, úgy működik. Tárold a fájlokat webes felületen, a Dropboxban és érd el őket bárhonnan, akár mobilról is. Sőt, kön�nyen meg is oszthatod őket.

www.pnggauntlet.com

www.dropbox.com

Free stock foto Tudod, mint ad ki a Google, ha beírod a fenti három szót? Magyar srácok alapították ezt az ingyenes stock fotókat gyűjtő weboldalt, ami azóta is töretlen népszerűségnek örvend. www.sxc.hu

SEO Tools Google Page Rank lekérdezés, kulcsszavak és meta tag- ek ellenőrzése, helyezés vizsgáló, stb... Ha regisztrálsz az oldalon, ingyenesen használhatod ezeket. www.seotools.hu

Ingyenes fontok

A fizetősek mellett nagyon sok ingyenes fontkészletet tölthetsz le jogtisztán. www.myfonts.com


PayPal útmutató A világon a legnépszerűbb, itthon fejlődőben: PayPal A Paypal nem más, mint egy online fizetési megoldás. Tulajdonképpen egy virtuális számla, melyen keresztül kifizetéseket, és bevételeket lehet eszközölni. Hazánkban is egyre elterjedtebb fizetési megoldás, bár sokan még vagy nem is ismerik, vagy nem merik használni.

Hogy történik a fizetés a gyakorlatban? Fizetés esetén be kell lépni a Paypal felületére a regisztrációkor megadott email-címmel és jelszóval, majd megadni a kedvezményezett email-címét és az utalandó összeget, illetve pénznemét (legtöbb esetben az eladó eleve úgy adja meg a Paypal linkjét, amire kattintva azonnal erre a felületre jutunk). Népszerűsége pont abban rejlik, hogy nem kell más érzékeny adatot megadni a jelszón és email-címen kívül fizetéskor. Ha mi szeretnénk Paypal-on keresztül pénzt kapni, akkor pedig azt az email-címet kell megadnunk a vevőnek, mellyel regisztráltunk. Ő ennek a segítségével tudja elküldeni a pénzt. Ezen felül lehetőségünk van arra is, hogy a weboldalunkon/webáruházunkban elhelyezzünk egy gombot (például Buy Now felirattal), melyre kattintva a vásárló azonnal tudja intézni a fizetést. Ugyanígy van lehetőségünk kosarat is kitenni, stb. Még azt is megtehetjük, hogy ehhez a gombhoz különböző opciókat, árakat kínálunk. Nagyon jól használható a Paypal előfizetéses rendszerek esetén is!

11.

Regisztráció a Paypal rendszerbe A Paypal rendszerbe való regisztrálás ingyenes. Kétféle regisztrációra van lehetőség: • mint magánszemély Paypal felhasználó • mint üzleti Paypal felhasználó Maga a regisztráció teljesen ingyenes. A havi bevételek után azonban jutalékot kell fizetni, melynek a mértéke a forgalom mértékétől függően változik – minél nagyobb a forgalom, annál alacsonyabb a díj : (http:// bit.ly/NjZm8m) Lehet, hogy esetenként ezek az összegek magasabbra jönnek ki, mint az egyéb úton bonyolított tranzakcióid… de ha tervezéskor azt is beleszámítod, hogy így nagy eséllyel jobb konverzióval értékesíthetsz, akkor összességében valószínűleg mégis megéri használni – ezt azonban mindenkinek a saját piacán, a saját vevői ismeretében kell kikalkulálni.

Hogy számolhatjuk el a Paypalforgalmat a vállalkozásunkban?

Szinte ugyanúgy, mint a bankszámla-műveleteket. Regisztráció után a Paypal fiókodban találsz egy olyan menüt, hogy “History”, ezen belül pedig egy olyat, hogy “Reports”. Itt többféle riport letöltésére van lehetőséged, Neked most a “Monthly Financial Summary” riportra van szükséged. Itt lehetőséged van egy adott hónapot kiválasztani, vagy megadhatsz akár saját időintervallumot is. Ha elvégeztük a beállításokat, a sárga “View report” gombra kattintva tudjuk megtekinteni, és letölteni a riportunkat. Ezt kinyomtatva, és a könyvelési anyagunkba téve tudjuk teljesen szabályosan a könyvelésbe juttatni ezeket a forgalmakat. Természetesen, az ügyfélnek küldött, vagy a másik vállalkozótól kapott számláinkkal ennek párban kell lennie. FONTOS! A Paypal nem küld sehová elszámolást a forgalmunkról, ahogy ezt pl. a bankok teszik… ez azonban semmiképpen nem jelenti azt, hogy érdemes rizikózni, hogy nem tesszük a könyvelésbe, ugyanis nagyon rövid úton lehet lebukni vele: az üzletfelünket ellenőrzik, ahol ott a tranzakciónk párja, és esetleg ezen keresztül ellenőriznek minket is valamivel felkeltjük az adóhatóság figyelmét, amiért revíziót kapunk – ekkor azonban ellenőrizni fogják ezt a vonalat is.

somag

kc u/Ajande .h n a s o k o allalkozz www.kisv

A cikket írta: Barczáné Görgei Beáta www.kisvallalkozzokosan.hu


12.

krea•TIPP www.po

modoro

techniq

ue.c

om A Pomod oro- tech nika egy szer, me időgazdá lynek na lkodási m gy haszn hogy a te ódá t vehete endőid e d. Lénye lv é áll rende gzésére k ge, lkezésed ivétel nélk re. Amint ü deni a k l 2 0 p e az letelik öve , bele kell rc segítségé tkezőbe. Növeld k e zvel. Az id a hatéko nyságod ő mérésé konyhai id a re egy ha őmérő is gyomány megteszi, alkalmaz os ás is segít de a Foc us Booste . r

www.print.hu A minap rendeltem meg névjegykártyáimat a print.hu- ról. Bár vannak hiányosságai az online névjegykártya szerkesztőjüknek, nyomdakész anyagleadás emailben is lehetséges. Legközelebb a formalakkozást is kipróbálom.

www.tweak.com Abszolút amatőrök számára készített egy valóban egyszerűen használható logó- készítő alkalmazást a tweak. com. Tevékenységi körnek megfelelő kategóriákból válogathatod össze az emblémát a felirathoz. Okostelefonra is letölthető az alkalmazás. Az ötlet egyébként zseniális, maximálisan eléri a célcsoportját.

krea•TIPP kreatív ötletek és tippek

u

mania.h

lo www.po

di aját, egye s k a s c m magad ánián ne l, akár a e A Pólóm d te e h anem készít fikával, h a r g pólódat s e z. g különle kereshets is t tervezte z n é rafieddel p szítésű g é k t já tehetség a s boltot a PólómáNyiss póló chnikai hátteret a te n is náluk káidból, a . A minőség jó, é ítja :) nia biztos pólómat a m e tt te készít

Rovatszerkesztő: Cziráki Barbara, webdesigner oktató www.webdesigntanfolyam.eu


reatiNET kreatív webdesign netmagazin

Terjeszd, küldd tovább, oszd meg a Facebook- on www.facebook.com/kreatinet


14.

Design cucc 2.

1.

4.

3.

Pantone

6. 5.

A Pantone színskála színeiben pompázó, különleges design cuccok: 1. Mandzsettagomb • 2. Tarisznya • 3. Összecsukható szék • 4. Bögre • 5. Kulcstartó • 6. iPhone tok Lelőhelyek: www.pantone.com • www.amara.co.uk


Fashion Colors

15.

Fashion Colors összeállításunkat ezúttal a Pantone őszi színelőrejelzés inspirálta. Te is trendrajongó vagy? Nézd meg, milyen színeket jósol az őszi szezonra Tommy Hilfiger vagy Tracy Reese. http://bit.ly/NtxMaH

?

e színskála

ton Mi az a Pan

mely azó skála, a lm a rt ta t a k tá pontos Egy színmin nosítását és o z a e b k e daín segíti a sz rjedt a nyom e lt e n e Ig t. já reprodukció iparban.


16.

Webshop- Magento

váükségessé z s b b á k is egyre in gy online o h , a r á Manapság m á ozások sz terjednek lik a vállalk ék termékeiket. Így k viláess zak, melye s a á h értékesíth u r á b e fonto an a w mind jobb szetesen ugyanúgy emumé t a céges b in m gában ter , s é n gvaló kitű webes me a n a b lá tömegből a alak, és ált tatkozó old egyaránt. rén jelenés te

De mivel is lehet kitűnni? Először is olyan oldal kell, ami első ránézésre megnyerő, vagyis a dizájn terén itt is ajánlott praktikus keretek között szabadon engedni a fantáziánkat, vagy keresni egy jó grafikust, aki ezt megteszi helyettünk. Másodszor pedig egy olyan áruház kell, ami a tudásával tűnik ki a többi közül. Mivel a teljesen egyedi fejlesztésű áruházak csillaga leáldozófélben van, ezért nem feltétlen a legjobb döntés az egészet egy programozóra bízni. Mint mindenhol, itt is megszokássá válik a kényelem, ami ez esetben azt jelenti, hogy elvárássá válik, hogy saját áruházunkat egy saját felületen keresztül egyszerűen, és gyorsan tudjuk kezelni. Általában ez hiányzik az egyedi fejlesztések mögül, egy jó adminisztrációs felület, és az, hogy a rendszerünk folyamatos frissítésekkel legyen ellátva. Erre azonban megoldást kínálnak a nyílt forráskódú rendszerek, melyek közül én a Magento Community Edition mellett tettem le a voksom. Hogy miért? Ennek számos oka van:

• Ez a rendszer talán az elérhető legsikeresebb webáruház motor a világon! • Többszörösen díjnyertes - nem véletlenül. • Igényes, és áttekinthető adminisztrációs felülettel rendelkezik. • A legtöbb kereskedelmi folyamat teljesen automatizált. • Nyílt forráskódú, vagyis ingyenes és folyamatosan fejlesztik • Sok olyan funkcióval rendelkezik alapértelmezésben, amik önmagukban egyedi fejlesztést igényelnének. • Egyszerűen kezelhető, és számtalan modul telepíthető az admin felületen keresztül. • Maximálisan keresőoptimalizált, de ezen túl magas szinten támogatja az optimalizálást az admin felületen keresztül is. • A Google Analytics rendszerével összekötve a vásárlók hatékonyan nyomon követhetők, konverziós számítások végezhetők. • A keresés kifinomult, az eredmény lista tovább szűkíthető, így áttekinthető egy több ezer terméket forgalmazó áruház is. • Ha nem szeretnénk grafikust fogadni, aki a dizájnt egyedivé varázsolja, akkor válogathatunk a számtalan ingyenesen letölthető skin (sablon) közül is! • Bár meglehetősen elterjedt a szintén nyílt forráskódú WordPress webshop is, melyet a blogmotorra telepített különböző bővítmények hajtanak, nem ajánlom a WordPress alapokon való webshop üzemeltetést. Ez a kedves blogmotor sok mindenre jó, de bármilyen csábító is, hogy webes értékesítésre is kihasználjuk, webáruháznak kifejezetten alkalmatlan.

Tehát ha webshop, akkor Magento!


Webshop- Magento Ha ismerkedni szeretnél a Magento rendszerrel, akkor kedvcsinálónak álljon itt egy tutorial, melyben megmutatom Neked, hogyan tudod saját oldaladon útjára indítani a Magento rendszert! Indulhatunk? Figyelj jól!

Step 1

17.

Step 4 A következő lépésben meg kell adnod, hogy melyik időzónában és melyik országban használod az oldalad, és mi az alapértelmezett pénznem. Értelemszerű választás a legördülő menükből, majd jöhet a következő lépés.

Töltsd le a Magento fájljait a következő oldalról: http://www.magentocommerce.com/download

Majd tömörítsd ki a gépedre a fájlokat.

Step 2 Másold fel őket a szerveredre a gyökérkönyvtárba. Ez eltarthat egy ideig, ugyanis Magento barátunk jóval több, mint 10000 fájlból áll.

Step 3 Ezután írd be a böngésződ címsorába az oldalad url-jét, ahol a Magento telepítője fog várni Téged. Itt fogadd el a feltételeket, és már mehetsz is tovább!

Step 5 Ebben a lépésben az adatbázis adatait kell megadnod. Ha nem tudnád ezeket, akkor fordulj a tárhely szolgáltatódhoz segítségért. Adj egy prefixet a tábláknak is, a végére egy _ „alsóvonás”. A checkboxok közül pedig én az első hármat szoktam bepipálni.

Step 6

Most a felhasználói adataid kéri el a telepítő, mint neved, felhasználóneved, jelszavad az admin felülethez, valamint email címed. Ezután kapsz egy kulcsot, amit érdemes felírni, és már készen is vagyunk! Ezzel feltelepült a magento, kezdhetsz ismerkedni vele! Az admin felületet elérheted: http://sajatdomained.hu/admin url címen. (Természetesen, ha nem .hu végződésű a domained, akkor azt értelemszerűen változtasd.) Nem is volt nehéz! Igaz? webáruházat, t já sa l é tn re Ha sze átran! keress meg b

A cikket írta: Czene Orsolya www.webdesign-arculatterv.hu


18.

BOOKta- könyvajánló 100 dolog, amit minden tervezőnek tudnia kell az emberekről Tanuld meg, hogyan teheted hatékonyabbá és egyszerűbben használhatóvá az általad tervezett termékeket! Tudd meg: • egy oldalon vagy képernyőn mi kelti fel és mi köti le a felhasználók figyelmét? • mi segít abban, hogy jobban emlékezzünk? • a központi vagy a perifériális látás a fontosabb? • hogyan tudod előrejelezni a felhasználók által elkövetett hibákat? • mekkora lehet az ismerősi körünk létszáma? • hogyan motiválhatod az embereket, hogy továbblépjenek egy folyamatban? • milyen sorhosszúságot érdemes használnod? • egyes betűtípusok valóban jobbak, mint mások?

Webergonómia

Megjelent a Kiskapu Kiadó gondozásában: http://bit.ly/Mp4ufP

Logótár 3. Kezdőbetűkből kialakított... Tipografált és kalligrafikus... Emberi alakokból és fejekből kialakított... Geometriai formákon, szimbólumokon alapuló... Természeti formákra, állatalakokra építő... ... logók és logók és még inkább logók.

Grafika

Megjelent a Scolar Kiadó gondozásában:

http://design.scolar.hu/minilogotar3.html Nyerd meg a Profi Otthoni Webdesign Tanfolyam jóvoltából. Játék ideje augusztus 10- ig: http://bit.ly/PUmkaU

Marketing

A megvalósítás

Hogy az ötlet valóra váljon A siker titka csupán 1% ötlet és 99% megvalósítás. Gyakorlati példák és instrukciók, mit kell tennünk, hogy ötleteink valóra is váljanak. A megvalósítást megöli a halogatás, úgyhogy szerezd be mielőbb! Megjelent a HVG Kiadó gondozásában: http://bit.ly/vR51PL


A fiatal tehetségek ötletességével és a kezdők lelkesedésével...

... elkészítik a Te céged weboldalát is! u

d b e w . w w w

.e k o c n o n a esignert


A kiegyensúlyozott életvitel titka olyan környezet kialakítására, melyben jól érezzük magunkat. Aktuális kézimunka rovatunkban a redesign- t, a felújítást hívjuk ötletes és látványos segítségül. Az egyik legegyszerűbb módszer, ha sprayfestéket ragadunk, és átszínezünk, amit csak akarunk. Merthogy szó szerint minden felületre – fára, műanyagra, üvegre, fémre, textilre -, a legapróbb porfogó tárgytól kezdve a ruhásszekrényig bármire ráfújhatjuk ezt a festéket.

Kézimunka • redesign Ahhoz, hogy a végeredmény tökéletes legyen, nem árt felületkezelni a kiválasztott „alanyt”. A már eleve festett felületről előbb az eredeti festéket csiszolással el kell távolítani. A csiszolás után portalanítás szükséges! A zsírtalanítás pedig minden esetben kötelező! Mivel a szórófejből kifújt festék nem irányítható könnyen, azokat a részeket, amiket nem szeretnénk befújni, ajánlatos a művelet előtt leragasztani. Ajánlatos betartani a javasolt 20-40 cm-es távolságot fújás közben, különben a festék hirtelen túl töményen kerül egyes részekre, és megfolyik. Inkább több réteget fújjunk a kívánt szín eléréséhez. Végezetül pedig, lelkes szelektív szemétgyűjtőként emlékeztetlek, hogy a kiürült festékes doboz veszélyes hulladéknak számít, így nem dobható ki a kukába.

A cikket írta: Jámbor- Czifra Ildikó www.i-komod.hu A képek Jessica Wilson blogjáról származnak: http://bit.ly/Noc3lg


A webdesigner a jövő szakmája

… csináld meg a saját lehetőséged egy új szakmával, ami több keresetet, jobb életszínvonalat és függetlenséget hozhat Neked! ai és nkben, ahol a haz ü rm te tó ta k O e line, megújult en sajátíthatod el a rb e sz d n Tanulj valóban on e lr u d o ak megfelelően m európai elvárásokn zecsínját- bínját. nyomtatott jegy t et ez d n re a webdesign szakma b á p p ik. luzív kapcsos ma anyag részét képze n ta a Mindez mellett exk is al kk eó d vi z, tele oktató tek és DVD leme tanfolyam.eu www.webdesign

http://www.facebook.com/webdesigner.tanfolyam


reatiNET kreatív webdesign netmagazin

A következő lapszám 2012. augusztusban jelenik meg. Ha nem szeretnél lemaradni, iratkozz fel a www.kreatinet.hu oldalon és havonta kézbesítjük Neked!

www.kreatinet.hu www.facebook.com/kreatinet


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.