Niekedy by som neveril kde budem potrebovať matematiku. Čo majú spoločné slová v nadpise? Všetko sa točí okolo harmónie, optiky, estetiky atd… Časom sa prišlo na to, že v oblasti grafických návrhov je vhodné dodržiavať určité pravidlá pre lepšiu čitateľnosť a prehľadnosť dokumentu. A to nielen typografické. Takže je sa čo učiť a poďme na to.
článok je o:
- optickom strede
- kompozícii a zlatom reze
- mriežke (grid system)
- a o skvelom nástroji 960
1. TYPOFILOS píše o optickom strede…
… Bod umístěný do horní poloviny plochy (A) působí dojmem vznášení, je lehký, celá kompozice je vzdušná a klidová. Bod bude tento dojem vyvolávat až do takové výšky, kdy vytvoří u pozorovatele pocit, že je na něm plocha zavěšena. Umístíme-li jej výše, bude přitahován horní hranou obdélníka. Tím více, čím blíže k hraně se ocitne (B), a napětí se uvolní až při setkání bodu a hrany.
viac…
2. TYPOMIL zas o kompozícii a zlatom reze
Je prokázáno, že určité proporční vztahy celku působí na člověka lépe, přirozeněji než jiné. Výtvarníci se snažili přijít na jistou obecnou zákonitost, jak co nejlépe dělit úsečku či plochu. Vzniklý poměr byl nazván zlatý řez. Nesčetněkrát se opakuje v přírodě okolo nás a lidské oko je na něj podvědomě zvyklé. Renesanční umělci vytvářeli svá díla často na základě složitých konstrukcí na zlatém řezu založených, jak dokazují mnohé dochované skici.
- typomil: http://typomil.com/kompozice/zlaty-rez.htm
- zlatý rez na wiki: http://sk.wikipedia.org/wiki/Zlat%C3%BD_rez
- cz wiki: http://cs.wikipedia.org/wiki/Zlat%C3%BD_%C5%99ez
a v EN Článkoch by som doporučil výborný
2.1 Divine Proportion
So what exactly is Golden ratio? Basically, it is a proportion 1.618033988749895 ≈ 1.618 which holds between objects placed within some context.
3. Mriežka
3.0 Grid alébrž mřížka
opäť typofilos vo veľmi zaujmavom článku (síce viac zameraný na tlačoviny ale použiteľný)
V angloamerickém světě se pro toto rozčlenění používá termín grid, my budeme používat češtější název mřížka nebo třeba i modulární mřížka, jak ji nazývám já. Jedním z prvních teoretiků, kteří se problematice organizace tiskové plochy věnovali, byl německý typograf a pedagog Jan Tschichold, na jehož poznatky navázali v polovině dvacátého století Max Bill, Josef Müller-Brockmann, Paul Rand, Emil Ruder a další designéři, již byli zároveň zakladateli tzv. mezinárodního typografického stylu, u nás známějšího spíše jako styl švýcarský. viac tu…
3.1 Niečo málo v zrozumiteľnej podobe u Fila
Grid neboli mřížka webu je rozmístění jednotlivých celků na stránce – někde je hlavička, jinde patička, tělo textu či menu. Vytvořit si skicu takovéto mřížky je ideální začátek veškerého webdesignování. Obecně platí – čím výraznější a pevnější je tato mřížka, tím dokonalejší bude design stránky a tím lépe se bude uživatel na webu orientovat.
viac: filuv blog
3.2 Prehľad toho najlepšieho o mriežkach vo webdizajne v EN nájdeme tu:
http://tutorialblog.org/grid-systems-in-web-design/
- Why use a grid ? - Introduction to grid systems
- Grid systems for web design - Grid king Mark Boulton takes you through the steps to creating a grid system for the web
- Web Page Layout Grid - A downloadable image you can use as a background when designing your layouts
- Columns and Grids - Article from Mezzoblue on various page layout grids
- Design grids for Web pages - Web Style Guide to website grids
- Thinking outside the Grid - Good article from Alistapart on breaking out from a clear grid
- Grid Computing… and Design - Article about the redesign of the excellent Subtraction blog
- The Funniest Grid You Ever Saw - Another subtraction article about the redesign of Theonion.com
- Grid-based design- Designing blog theme templates
3.3 skvelý smashing magazine sa venuje mriežkam tiež
http://www.smashingmagazine.com/
What is Grid-Based Design?
Six Creative Column Techniques
- 1. Embracing Disharmony
- 2. Joining for Variety
- 3. Utilizing Angles
- 4. Escaping Boundaries
- 5. Illustrating Areas
- 6. Energizing Spaces
a ešte jeden článok
a keby stále nestačilo….
3.4 VanDelay vám to vysvetlí
65 Resources for Grid-Based Desig
3.5 To najlepšie z mriežkového dizajnu na webdesigner wall
4. 960
užitočnosť na stiahnutie
toto záhadné číslo sú pixely pre váš web. prečo?
takmer každý monitor dnes podporuje 1024×768 px rozlíšenie. 960px je dosť pre každý dizajn a dostávame sa k jadru. 960 má nesmiernu výhodu, že je možné ho deliť 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. (text voľne preložený odtiaľto) .
toto celé má úzky súvis s mriežkami.
960 grid system je skvelý a silný podkladový nástroj pre tvorbu webu pomocou mriežky
v balíku ktorý si môžete voľne stiahnuť na ich stránke nájdete
- pdf sketch
- css + html kód
a templaty pre
- fireworks
- omnigraffle
- photoshop
- visio
