Referencia Weblap Photoshopban – Videó Tutoriál

Írta: | 2011. június 28. | kategóriák: Interface, Photoshop | Nincs megjegyzés

Ime, egy videó tutoriál amiben megpróbálom bemutatni, hogyan kell elkészíteni egy weblap tervet az első lépéstől az utolsóig.

Photoshop tutoriál - Referencia weboldal

Elolvasom a teljes bejegyzést »

Webes rasztergrafikus állományok

Írta: | 2010. május 05. | kategóriák: Design, Photoshop, Web | 12 megjegyzés

Három fő rasztergrafikus file-formátum terjedt el az interneten. Ezek a JPEG (JPG), a GIF és a PNG. A vektorgrafikus állományokat még kevés böngésző támogatja alapból, természetesen az Internet Explorer eddigi legújabb tagja, az IE 8, sem. Mit is jelent a rasztergrafikus képformátum? Azt jelenti, hogy a képek egy milliméterespapírhoz hasonlóan, ezernyi kis pontot tartalmaznak. Minden pont egy képpont, pixel, és egy színkódot tartalmaz. Miért nem elég egy egységes képformátum? Egyszerű a válasz: a képeket különféle célokra használjuk és ezért más-más, veszteséges és veszteség mentes, módszerek vannak a képen látható informáciú sürítéséhez. Így például egy fotót JPEG formátumban érdemes menteni az optimális állományméret és képminőség arányának megtartása érdekében. Egy diagrammot GIF-ként érdemes megosztani a világhálón, mivel a kevés szín lehetővé teszi, hogy többszörösen kissebre tömörítsük a képen látható információt.

Elolvasom a teljes bejegyzést »

Ingyenes, jó minőségű Twitter madár grafikák

Írta: | 2009. június 06. | kategóriák: Blogolok, Design, Photoshop | 2 megjegyzés

Az elmúlt napokban összegyűjtögettem a legszebb, legjobban kidolgozott Twitter ikonokat. Van itt egyszerű és komplikáltabb madár is, ami közös, hogy mindenik ingyenes és kiváló minőségű. Természetesen számtalan Twitter grafika van az interneten. Ezek közül igyekeztem a legvonzóbb és alaposan elkészített példányokra fektetni a hangsúlyt.

Elolvasom a teljes bejegyzést »

Inspiráció: online és offline

Írta: | 2008. szeptember 26. | kategóriák: Design, Photoshop, Web | 4 megjegyzés

Hiszem, hogy nem egyedül vagyok az, akinek inspirációs gondjai vannak. Épp ezért úgy döntöttem, hogy a WebPillangó keretén belül indítok egy inspiráció kereséssel foglalkozó írássorozatot. Amikor ezt olvasod, akkor már minden bejegyzés meg van írva és bizony minden nap megfog jelenni egy újabb és egy újabb ötlettár az oldalon. Természetesen csak “amíg a készlet tart”.

Jacek Yerka inspirál

Forrás: http://www.yerkaland.com/

Néhány ötletet Anne Van Wagener egyik írásából merítettem, másokat a MűhelyTitkok oldallécébol lestem el. Vannak amelyek csupán agyszülemények, de vagy nekem használtak vagy valahol hallotam róluk. A lényeg, hogy legyen eredménye annak, hogy időt szánunk a kreatívitásunk fejlesztésére és gondozására.

Az első inspirációval foglalkozó leírás hétfőn látja meg a napvilágot! Ne felejtsd el megnézni, iratkozz fel a WebPillangó RSS csatornájára.

Webdesigner csemege

Írta: | 2008. április 20. | kategóriák: Adatbázis kezelés, Photoshop, Programozás, Web | Nincs megjegyzés

Top tartalom, csillagot érdemel :)A WebPillangó eddigi bő féléves pályafutása alatt született néhágy olyan bejegyzés, ami iránt szépen gyarapodott az érdeklödők száma. A bejegyzés célja egy helyen összegezni ezeknek a bejegyzéseknek a krémét, témától függetlenül, legyen az photoshop, webdesign, web programozás vagy bármi egyéb kiegészítő, mint például a Magyar-Angol, Angol-Magyar Photoshop szótár program formájában megvalósítva.

A csemegézést a legtöbbet értékelt és a legjobb értékelést szerzett bejegyzésekkel kezdem. Az értékelést a bejegyzések alján lehet elvégezni a csillagokat használva. A legtöbb szavazatot a Retró kép készítése segédlet kapta. A legjobb értékelést pedig a WebPillangó Photoshop szótár.

A Google Analytics szerinti, a WebPillangón, a top tartalom (top content) a következőkből áll:

Microsoft Academic Tour 4.0

Írta: | 2007. december 09. | kategóriák: Adatbázis kezelés, Blogolok, Hírek, Programozás, Web | Nincs megjegyzés

Ahogyan azt a fórumon is írtam, pénteken (2007. december 7.) kapott helyet a negyedik Microsoft Academic Tour a Kolozsvári Műszaki Egyetem keretein belül. Minden elismerésem a szervezőknek. Ezúttal a fő hangsúly a webes technológiákon volt, de nem csak! Négy fő témára volt tragolva az egész: LINQ, Cornel Raţ előadásában, majd ezt követően az ASP .NET 3.5 és AJAX Adrian Mureşean közreműködésével. Ez után egy kis szünet, majd jöhetett a Microsoft büszkesége, amit a Macromedia (most Adobe) Flash ellenfelének szán: Silverlight 1.0 és 1.1 (2.0) Ioan Cretz Lazarciuc bemutatásában. A záró előadást Tudor Salomie tálalta: Project Astoria.

Elolvasom a teljes bejegyzést »

RE: Mitől jó egy blog?

Írta: | 2007. november 26. | kategóriák: Blogolok, Web | 4 megjegyzés

A hasonló címmel olvasható egy bejegyzés Harder oldalán, ugyanis ő adta az ötletet! Ebben a témában már több bejegyzés is van az oldalon, de talán még egyik sem szólított Téged a visszajelzésre. Ez a bejegyzés most nem arról szól, mint a Hogyan blogoljunk, vagy a A webdesignerek hét bűne, hogy csak a legtalálóbbakat említsem. A bejegyzés lényege, hogy mond el mit szeretsz Te, vagy mit szeretnél látni egy blogon, vagy éppen a WebPillangón!
Én is írok egy rövid kritérium listát, miszerint szoktam blogot olvasni, vagy mi az, amitől nyomba elmegy a kedvem. Elsősorban a tartalom az, ami megfog. Nem kell feltétlenül egy olyan témája legyen, ami a favoritomba tartozik, de az írási mód az valami egyedi kell legyen.

Elolvasom a teljes bejegyzést »

A Web 2.0 designer szemmel (második rész)

Írta: | 2007. november 25. | kategóriák: Blogolok, Design, Web | 5 megjegyzés

Az első részben szó esett az általános jellemzőkről, az oldal elrendezéséről, méreteiről és a szövegek formálásáról. Ez a rész egy más megközelítésből szemlélteti a webkettes karaktersziszikákat.

Pozitív egyszerűség

Elkülönített fejléc

Régebb is említettem, hogy az egyszerűség egy etalon a web 2.0 világában. Ezt most mélyebben is elemezném: mit is értek a pozitív egyszerűség alatt. Vegyük alapul a valós életet: ha van egy megoldásra váró feladat és két megoldási lehetőség, melyiket választjuk? Természetesen az egyszerűbb nyeri el a tetszésünk! Így van ez a weben is: a böngészőt nem érdekli, hogy mennyi mindent lehet belemocskolni egy jó, tartalmas, weboldalba. A látogatókat a tartalom érdekli; az, hogy egyszerűen megtalálja, szinte elvárássá vált.
Ha például egy weboldalt teleszúrkálunk mindenféle widgettekkel, annak nem lesz jó vége, mivel a látogató a csicsás dolgokra fog odafigyelni és nem lesz már türelme/ideje az igazi tartalom megtalálására. A hasonló kellemetlenségek elkerülésére több egyszerüsítő módszer is van a gyakorlatban. Egy bevált eljárás, ha eltüntetjük a fő tartalomhoz szorosan nem tartozó elemeket vagy kevesebb figyelemfelkeltést biztosítunk ezeknek az elemeknek. Ugyancsak ide tartoznak a sokak szerint dekorálásnak tartott, úgynevezett webkettes megbélyegzések. Az ikonok, kitűzők és egyébb szemkápráztató elemek fő célja a figyelemfelkeltés: a fontos információra való figyelmeztetés.

Elolvasom a teljes bejegyzést »

A Web 2.0 designer szemmel (első rész)

Írta: | 2007. november 23. | kategóriák: Blogolok, Design, Web | 8 megjegyzés

Browse Happy, web 2.0 jellegzetességekAz előbbi cikkekben (web 2.0 gyorstalpaló, web 2.0 műszaki szemmel) nem került kihangsúlyozásra a webkettes esztétikum. Ebben a bejegyzésben megpróbálom körülírni és megmagyarázni a webkettő grafikai szokásait.

Általános vonások

Szinte minden webkettes weboldalon találhatunk színátmenetet, kontrasztot, letisztultságot, harmadik dimenziót, ikonokat és sok-sok szabadhelyet. Bizonyára sokan megkérdik magukban: mi az új? Talán semmi! Minden esetre, abban gondlom mindenki egyetért, hogy régen nem volt ilyen népes a jól megformált weboldalak tömege. Több dolgonak is köszönhető ez, köztük a jobb eszközöknek, a web fejlődésének, de akár az inspiratív odalaknak is! A következő részben sorraveszem a legfontosabb elemeket.

Elolvasom a teljes bejegyzést »

Margójegyzet a web 2.0 technikáiról

Írta: | 2007. november 21. | kategóriák: Blogolok, Web | 6 megjegyzés

Web 2.0 tag felhőEddig is weboldalak voltak, most is: mi a különbség? Talán sokan vannak ezzel így, de ez nem igaz! Régen is volt online enciklopédia? Régen is volt ennyi ingyenes és mégis okos, jól elkészített internetware? Nem volt, mert nem lehetett elkészíteni, vagy csak nehéz, nagy anyagi hátteret igénylő körlülmények közt.
A nagy változást az is befolyásolta, hogy drasztikusan estek a tárhelyek árai, és ez mellet, hihetetlen mértékben nöttek az internetelérhetőségek és sávszélességek is. Olcsó lett a számítógép: manapság rengeteg számítógép van a világban és a különböző programoknak hála a harmadik világ országaiba is rengeteg csomag érkezik. Nem kell softwaret sem venni (ha nincs rá pénz): minden van ingyen, létezik open source és freeware!
A fizikai változás a szellemi változást is elősegítette, sok jófejű idő és fiatal lelt szórakozást a számítógépes tanulás nyújtotta lehetőségekben. Volt aki grafikázni kezdett, volt aki a PHP és MySQL szépségét találta meg, stb. Így rohamosan fejlődött és fejlődik a technológia, amely megvalósítja a mai webkettes világhálót és, ami már építi a hidat a harmadik generációs web felé (ami valójában már a negyedik, ha az internet kezdeti formáit is vesszük).

Elolvasom a teljes bejegyzést »