Your SlideShare is downloading. ×
0
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Cafeblog.hu webdesign workshop
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Cafeblog.hu webdesign workshop

289

Published on

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

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
289
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×