cafeblog.hu webdesign workshop

WEBDESIGN WORKSHOP2014. 04. 13.

www.webdesigntanfolyam.com/cafeblogworkshop

AMIRŐL BESZÉLEKitt találod majd meg a workshop után is

1. lépés

Ha megtaláljuk a megfelelő színeket, kis túlzással a munka

nagy részét el is végeztük!

VÁLASZD MEG A SZÍNEID!

forrás: http://thecarolinejohansson.com

JULI ÉVI

forrás: http://thecarolinejohansson.com

KLAUDIA KRISZTI

maximum 5 színt és azok árnyalatait használd

a szöveges tartalmaknál viszont kerüld a sok színt, inkább törekedj az olvashatóságra

a színeket az un. HEXA kód segítségéveltudod azonosítani, ezeket kell beírni, hogy asablonodban is ugyanezt a színt kapd.

www.colourlovers.com

FEHÉRA legtöbb oldalnak fehér az alapszíne, ennek két alapvető oka van - egyrészt a legolvashatóbb a fehér alapon fekete szöveg, főleg ha hosszú szövegről van szó - pl. cikkek

A szabadon hagyott fehér felületeknek ráadásul van egy olyan tulajdonságuk, hogy odavonzzák a figyelmet! Nem kell minden helyet feltétlenül valamivel kitölteni!

A fehér alappal rendelkező oldalon a képek is megfelelő, kiemelő hátteret kapnak, sőt az egyes képformátumok okozta problémák - cakkos szélek - is kiküszöbölhetőek vele.

FEKETEEgy fekete alapra már néhány elemmel is vizuális csodát lehet művelni, de pont ezért nagyon nehéz elkészíteni, megtalálni azt, hogy mi az ami még nem túl sok, és nem is túl kevés.

Fekete alapon a fehér ill. a sárgás/szürkés szöveg olvasható a legjobban, de fekete alapra csak rövid szövegeket tegyünk - fárasztja a szemet, rontja a koncentrációt, ellenben gyönyörűen kiemeli a fotókat.

2. lépés

Akár milyen szuperül is írhatsz, ha megfájdul a szemem miközben olvaslak, nem foglak olvasni!

LEGYÉL OLVASHATÓ!

http://celebflipper.cafeblog.hu/

http://celebflipper.cafeblog.hu/

http://ikrekacsaladban.cafeblog.hu

BETŰKMilyen betűtípusok valók egymáshoz?

Melyik betűtípus mire való?

A betűtípusok, (angolul fonts) 5 nagy csoportra oszthatóak:

• Serif - azaz talpas betűtípusok• Sans serif - azaz talp nélküli betűtípusok• Kalligrafikus - azaz dőlt, írott hatású betűtípusok• Dekoratív - azaz díszító, különleges betűtípusok• Monospace - azaz fix szélességű

SERIF - a talpas

● klasszikus, elsősorban nyomtatásban olvasható jól

● weben inkább címsorként használjuk

SANS SERIF - a talp nélküli

● weben könnyebben olvasható sok szöveg esetén is

● modern, egyszerű vonalvezetésű

KALLIGRAFIKUS - kézírás jellegű

● egy-egy felirathoz● dekorációs célra● bizalmas, emberi

DEKORFONTOK - díszítő

● csak dekoráció célra● arculatokhoz● nehezen olvashatóak,

értelmezhetőek

HA MINDENT kiemelsz,

nem emelsz ki SEMMIT!

MONDD EL KÉPEKKEL IS!

3. lépés

Ha megtaláljuk a megfelelő színeket, kis túlzással a munka

nagy részét el is végeztük!

Ingyenes, de csak akkor ha beilleszted a képet!

www.pixlr.com

www.webdesigntanfolyam.com

TÖBBET AKARSZ?

fb.com/webdesigntanfolyam