Cafeblog.hu webdesign workshop

639 views

Published on

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

Published in: Design
  • Be the first to comment

  • Be the first to like this

Cafeblog.hu webdesign workshop

  1. 1. WEBDESIGN WORKSHOP 2014. 04. 13.
  2. 2. www.webdesigntanfolyam.com/cafeblogworkshop AMIRŐL BESZÉLEK itt találod majd meg a workshop után is
  3. 3. 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!
  4. 4. forrás: http://thecarolinejohansson.com JULI ÉVI
  5. 5. forrás: http://thecarolinejohansson.com KLAUDIA KRISZTI
  6. 6. 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
  7. 7. 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
  8. 8. 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!
  9. 9. 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.
  10. 10. 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.
  11. 11. 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.
  12. 12. 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Ó!
  13. 13. http://celebflipper.cafeblog.hu/
  14. 14. http://celebflipper.cafeblog.hu/
  15. 15. http://ikrekacsaladban.cafeblog.hu
  16. 16. BETŰK Milyen betűtípusok valók egymáshoz? Melyik betűtípus mire való?
  17. 17. 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ű
  18. 18. SERIF - a talpas ● klasszikus, elsősorban nyomtatásban olvasható jól ● weben inkább címsorként használjuk
  19. 19. SANS SERIF - a talp nélküli ● weben könnyebben olvasható sok szöveg esetén is ● modern, egyszerű vonalvezetésű
  20. 20. KALLIGRAFIKUS - kézírás jellegű ● egy-egy felirathoz ● dekorációs célra ● bizalmas, emberi
  21. 21. DEKORFONTOK - díszítő ● csak dekoráció célra ● arculatokhoz ● nehezen olvashatóak, értelmezhetőek
  22. 22. HA MINDENT kiemelsz, nem emelsz ki SEMMIT!
  23. 23. 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!
  24. 24. Ingyenes, de csak akkor ha beilleszted a képet!
  25. 25. www.pixlr.
  26. 26. www.webdesigntanfolyam.com TÖBBET AKARSZ? fb.com/webdesigntanfolyam

×