SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
WEBDESIGN WORKSHOP
2014. 04. 13.
www.webdesigntanfolyam.com/cafeblogworkshop
AMIRŐL BESZÉLEK
itt 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ével
tudod azonosítani, ezeket kell beírni, hogy a
sablonodban is ugyanezt a színt kapd.
www.colourlovers.com
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
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.
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.
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ŰK
Milyen 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.
www.webdesigntanfolyam.com
TÖBBET AKARSZ?
fb.com/webdesigntanfolyam

Contenu connexe

En vedette

Applying technology to school
Applying technology to schoolApplying technology to school
Applying technology to schoolAditi Sameer
 
Day ın the Lıfe Template
Day ın the Lıfe TemplateDay ın the Lıfe Template
Day ın the Lıfe TemplateNoel Hatch
 
Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)
Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)
Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)AltheimPrivacy
 
How the Americas Change (ass. 4)
How the Americas Change (ass. 4)How the Americas Change (ass. 4)
How the Americas Change (ass. 4)03ram
 
Assignment 8 Article Sets
Assignment 8 Article SetsAssignment 8 Article Sets
Assignment 8 Article Setsmeggss24
 
European Alternatives London
European Alternatives LondonEuropean Alternatives London
European Alternatives LondonNoel Hatch
 
Co-creating social and economic Europe
Co-creating social and economic EuropeCo-creating social and economic Europe
Co-creating social and economic EuropeNoel Hatch
 
Collaborative Research & Design
Collaborative Research & DesignCollaborative Research & Design
Collaborative Research & DesignNoel Hatch
 
2011 annual audited financial statements
2011 annual audited financial statements2011 annual audited financial statements
2011 annual audited financial statementsProphecy Corp
 
Panama & Los Angeles: The Waterworks That Made the American West
Panama & Los Angeles: The Waterworks That Made the American WestPanama & Los Angeles: The Waterworks That Made the American West
Panama & Los Angeles: The Waterworks That Made the American West03ram
 
American Urbanization: New York City
American Urbanization: New York CityAmerican Urbanization: New York City
American Urbanization: New York Citymeggss24
 
8. Comparative History: Article Readings
8. Comparative History: Article Readings8. Comparative History: Article Readings
8. Comparative History: Article Readings03ram
 
Day ın the Life - Militant Optimist
Day ın the Life - Militant OptimistDay ın the Life - Militant Optimist
Day ın the Life - Militant OptimistNoel Hatch
 
Modern Latin America
Modern Latin AmericaModern Latin America
Modern Latin America03ram
 
Developing the Work Programme
Developing the Work ProgrammeDeveloping the Work Programme
Developing the Work ProgrammeNoel Hatch
 
How to answer the 64 toughest interview questions
How to answer the 64 toughest interview questionsHow to answer the 64 toughest interview questions
How to answer the 64 toughest interview questionsKarunakar Singh Thakur
 
Brainstorming Session - July 6, 2011
Brainstorming Session - July 6, 2011Brainstorming Session - July 6, 2011
Brainstorming Session - July 6, 2011ladieslearningcode
 
2006 annual audited financial statements
2006 annual audited financial statements2006 annual audited financial statements
2006 annual audited financial statementsProphecy Corp
 

En vedette (20)

Applying technology to school
Applying technology to schoolApplying technology to school
Applying technology to school
 
Day ın the Lıfe Template
Day ın the Lıfe TemplateDay ın the Lıfe Template
Day ın the Lıfe Template
 
McPherson
McPhersonMcPherson
McPherson
 
Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)
Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)
Security and Privacy in Deals (altheim & mahajan)(6-3 -2015)
 
How the Americas Change (ass. 4)
How the Americas Change (ass. 4)How the Americas Change (ass. 4)
How the Americas Change (ass. 4)
 
Assignment 8 Article Sets
Assignment 8 Article SetsAssignment 8 Article Sets
Assignment 8 Article Sets
 
European Alternatives London
European Alternatives LondonEuropean Alternatives London
European Alternatives London
 
Co-creating social and economic Europe
Co-creating social and economic EuropeCo-creating social and economic Europe
Co-creating social and economic Europe
 
2011 AGM Circular
2011 AGM Circular2011 AGM Circular
2011 AGM Circular
 
Collaborative Research & Design
Collaborative Research & DesignCollaborative Research & Design
Collaborative Research & Design
 
2011 annual audited financial statements
2011 annual audited financial statements2011 annual audited financial statements
2011 annual audited financial statements
 
Panama & Los Angeles: The Waterworks That Made the American West
Panama & Los Angeles: The Waterworks That Made the American WestPanama & Los Angeles: The Waterworks That Made the American West
Panama & Los Angeles: The Waterworks That Made the American West
 
American Urbanization: New York City
American Urbanization: New York CityAmerican Urbanization: New York City
American Urbanization: New York City
 
8. Comparative History: Article Readings
8. Comparative History: Article Readings8. Comparative History: Article Readings
8. Comparative History: Article Readings
 
Day ın the Life - Militant Optimist
Day ın the Life - Militant OptimistDay ın the Life - Militant Optimist
Day ın the Life - Militant Optimist
 
Modern Latin America
Modern Latin AmericaModern Latin America
Modern Latin America
 
Developing the Work Programme
Developing the Work ProgrammeDeveloping the Work Programme
Developing the Work Programme
 
How to answer the 64 toughest interview questions
How to answer the 64 toughest interview questionsHow to answer the 64 toughest interview questions
How to answer the 64 toughest interview questions
 
Brainstorming Session - July 6, 2011
Brainstorming Session - July 6, 2011Brainstorming Session - July 6, 2011
Brainstorming Session - July 6, 2011
 
2006 annual audited financial statements
2006 annual audited financial statements2006 annual audited financial statements
2006 annual audited financial statements
 

Cafeblog.hu webdesign workshop