design

Blu-ray – blog.hu sablon

Design és html építés volt itt a feladatom, illetve hogy a kódot beleerőszakoljam a blog.hu sablonjába. Hála égnek nem volt nehezebb semmivel sem összerakni, mint egy Wordpress témát, és egész jól is mulattam, miközben alkottam.

Mivel a blu-ray egy igen finom jövőbemutató technika, ezért mindenképpen a letisztultsághoz nyúltam (divatos szóval minimal designt alkottam), kevés színnel, sok white-space-szel. Végre egy kicsit saját szám ízének megfelelően bátrabban használhattam a nekem oly’ kedves vektoros motívumokat.

Isteni izgi blog egyébként, tessék odafigyelni rá ;)

http://bluray.blog.hu

Ezidáig a footer, avagy lábléc nem volt túl fontos része a dizájnnak, legtöbbször csak a copyrightot teszik bele a dizájnerek, és kész is. Mondjuk az én oldalamon is ez van, de valahogy bennem is kezd felébredni az ösztön, hogy valami kreatívat alkossak oda alulra.

webdesign: Modern footer design

A trendek azt mutatják, hogy azért sokakban felébredt már ez az ösztön. Hogy miért? A látogató (jó esetben) szépen leér az oldal aljára, ahol vége mindennek, nincs több tartalom, és valószínűleg nem is navigál tovább. Elveszítjük. Ezekkel a megkapó, tartalomdús, figyelemfelkeltő láblécekkel ezeket az embereket tudjuk megnyerni: fenntartják a látogató érdeklődését, holott az már azt hitte, már látott mindent (hisz az oldal aljáig leért). De hogy mire figyeljünk, amikor merész footer dizájnba fogunk?

TOVÁBB IS VAN… »

Bemutatok néhány trükköt, amivel feldobhatod a weboldaladon megjelenő képeket, hogy ne legyenek olyan egyhangúak. CSS-sel ez sokkal egyszerbb, mintha az összes képed beleraknád Photoshoppal valami előre megalkotott keretbe. Ha neked is van hasolnló ötleted, várom!

Drop Shadow – Adjunk a képnek árnyékot

A lényeg, hogy egy nagy, árnyékkal ellátott képet beteszünk háttérképnek. Mivel az IE6 nehezen kezeli az átlátszó png-t, ezért érdemes testreszabott gif-et használni. Minél nagyobb a háttérképünk, annál nagyobb képeknél lehet használni. A példában egy 1000×1000 pixeles kép is árnyékkal jelenne meg.

Drop Shadow CSS - acs.com

HTML

<img class="shadow" src="sample.jpg" alt="" />

CSS

img.shadow {
   background: url(shadow-1000x1000.gif) no-repeat right bottom;
   padding: 5px 10px 10px 5px;
}

TOVÁBB IS VAN… »

Gmail és a témák

2008. november 20.

KATEGÓRIA: design, technikai | 11 KOMMENT CÍMKÉK : , , , ,

Gmail IconMinden reggel a kávé után az első dolgom, hogy megnézem az emailjeimet. Gmailben, hol máshol. Kicsit kábán nyomtam a megnyitás gombra, és ekkor ért a legnagyobb meglepetés: VÉGRE a Gmail is bevezette a témákat!!!! Mintha kifürkészték volna a gondolataimat :)

Persze akinek van Gmail fiókja, az valószínűleg ugyanúgy észrevette, mint én, és bizonyára hasonlóan örül is neki. Akinek nincs, az meg gyorsan regisztráljon magának, mert ezerszer jobb, mint az összes másik netes levelezőprogram. Nagy a tárhely, gyors és egyszerű a kezelés, és nem nyomja tele reklámmal a leveleket. És most már szép is :)

Aki meg kíváncsi, milyen témák vannak, nyomjon tovább!

TOVÁBB IS VAN… »

RSS ikonok gyűjteménye

2008. november 18.

KATEGÓRIA: design, forrás | 3 KOMMENT CÍMKÉK : , , , ,

Ha már megbeszéltük az előző cikkben, hogy kell valami szép RSS ikon az oldalunkra, akkor adok egy kis segítséget ahhoz, hogy ezt szép formában tegyük. Mert ugyebár a standard RSS ikon nagyon standard. Lehet azt szépen is. Az alábbi gyűjteményben az ingyen letölthető forrásokat szedtem össze. Íme:

Kör alakú ikonok

RSS ikonRSS ikonRSS ikonRSS ikon

RSS ikonRSS ikonRSS ikonRSS ikon

RSS ikonRSS ikonRSS ikonRSS ikonRSS ikon
TOVÁBB IS VAN… »

We love WP

2008. október 18.

KATEGÓRIA: design, technikai | 4 KOMMENT CÍMKÉK : , , ,

Zina szereti a Wordpress-t, és úgy néz ki, a Wordpress is szereti Zinát. Tetszett ugyanis a dizájnom a welovewp.com szerkesztőinek, és betették az oldalam a gyűjteményükbe. Tessék rám büszkének lenni :)

We love Wordpress - ZINA LEMMIKKI

TOVÁBB IS VAN… »

A 100 legjobb blog design

2008. október 12.

KATEGÓRIA: design, forrás | 8 KOMMENT CÍMKÉK : , , ,

Korábban már írtam róla, hogy mennyire fontos a tartalom egy weboldalon. Persze a blogom inkább szól a kinézetről (legalábbis egyelőre). Mert a jó tartalomnak kell egy szép ruha, különben olyan, mint az okos, de csúnya nő – nem kell senkinek. Valahogy hasonlóan gondolkodnak a Hongkiat oldalán is, ugyanis összegyűjtötték a (szerintük) 100 legjobban kinéző blogot.

Tessék hát megnézni, ha másért nem, hát inspirációért a saját weboldalhoz. Nézd meg a színeket, a betűtípusokat, a szép logókat, az egyedi layoutokat. És készülj fel a hossssssszzzú görgetésre.

100 best blog design

Újabb webdesign hibák

2008. szeptember 4.

KATEGÓRIA: design, kezdőknek | 1 KOMMENT CÍMKÉK : , ,

Sajnos az előző cikkben nem fogytak el azok a hibák, amitől feláll a szőr a hátamon (bár nincs). Folytatom hát, okuljon mindenki, aki eddig még nem tette, és nézze meg, mik azok, amiket soha ne csináljon a weboldalon. Forrás: a legrosszabb webdizájnerek.

10. Ha netalán tán háttérzene van az oldaladon, akkor azt legalább úgy csináld meg, hogy a látogató kikapcsolhassa azt, de JOBBAN TESZED, ha úgy csinálod meg, hogy a zene ne induljon el automatikusan. Nagyon sokan munkahelyről neteznek, és igen ciki, amikor hirtelen valami langyi zene megszólal, és a főnök bámulja kedves beosztottját, hogy mi lehet a gond. Ne okozzunk senkinek ilyen kellemetlen élményt. 
TOVÁBB IS VAN… »

Kategóriák

  • Nincsenek kategóriák

Fészbúk

Legyél a rajongóm a Facebook-on!

Lemmikki Active