Tóth H. Zsuzsanna webdesign workshop a Cafeblog VIP bloggereinek 2014. 04. 13.

1. WEBDESIGN WORKSHOP
2014. 04. 13.

3. www.webdesigntanfolyam.com/cafeblogworkshop
AMIRŐL BESZÉLEK
itt találod majd meg a workshop után is

4. 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!

5. forrás: http://thecarolinejohansson.com
JULI ÉVI

6. forrás: http://thecarolinejohansson.com
KLAUDIA KRISZTI

7. 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ével
tudod azonosítani, ezeket kell beírni, hogy a
sablonodban is ugyanezt a színt kapd.
www.colourlovers.com

9. FEHÉR
A 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

10. 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!

12. 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.

13. FEKETE
Egy 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.

15. 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.

17. 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Ó!

18. http://celebflipper.cafeblog.hu/

19. http://celebflipper.cafeblog.hu/

20. http://ikrekacsaladban.cafeblog.hu

24. BETŰK
Milyen betűtípusok valók egymáshoz?
Melyik betűtípus mire való?

25. 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ű

26. SERIF - a talpas
● klasszikus, elsősorban
nyomtatásban olvasható jól
● weben inkább címsorként
használjuk

27. SANS SERIF
- a talp nélküli
● weben könnyebben olvasható
sok szöveg esetén is
● modern, egyszerű
vonalvezetésű

28. KALLIGRAFIKUS
- kézírás jellegű
● egy-egy felirathoz
● dekorációs célra
● bizalmas, emberi

29. DEKORFONTOK
- díszítő
● csak dekoráció célra
● arculatokhoz
● nehezen olvashatóak,
értelmezhetőek

33. HA MINDENT
kiemelsz,
nem emelsz ki
SEMMIT!

34. 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!

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

39. www.pixlr.

40. www.webdesigntanfolyam.com
TÖBBET AKARSZ?
fb.com/webdesigntanfolyam