Windows: Alt+0139, Alt+0155. Mac (na slovenskej klávesnici): Alt+Shift+ú, Alt+Shift+ä.
HTML: ‹ a ›.

7. Apostrof

Unicode 2BC, má tvar 9 a je hore. Odporúča sa používať Unicode 2019.

Windows: Alt+0146. Mac (na slovenskej klávesnici): Alt+J.
HTML: ’.

8. Dvojité rovné úvodzovky (ASCII)

Unicode 22. Používajú sa napríklad v zdrojových kódoch programov, webových stránok alebo interpretoch príkazov:

<img src="logo.png" alt=""/>

9. Obrátený apostrof

Unicode 60.Používa sa napríklad v unixových interpretáciách príkazov alebo konfiguráciách sendmailu:

$ mkdir -p `dirname nahledy/Thassos/Potos.jpg`

Obrátený apostrof je v ASCII, takže sa ním niekedy v ASCII dokumentoch simulujú skutočné anglické úvodzovky: ``In Business Since 1993”.

10. Apostrof (ASCII)

Unicode 27.Používa sa interpretoch príkazov a zdrojových kódoch:

find -name "*jpg" -print | sed 's/a\/b\///'

Preložené a doplnené s láskavým dovolením autora (Tomáš Znamenáček). Pôvodný článok.

14 máj 2008, 11:34 | Grafika-a-design | Pridaj komentár [5]

Motion Type

Typografia v pohybe je známa v angličtine ako Motion Typography, či podľa Wikipédie Kinematic Typography ale hlavne medzi dizajnérmi ako Motion Type. Vznikla spojením štýlu Motion Design a typografie. V podstate je to poddiscíplína Motion Design ktorý poznáme napríklad z reklamy alebo rôznych televíznych upútavok (také tie rôzne grafické efekty napríklad na začiatku nejakej relácie a podobne) obohatená a veľké množstvo typografie zladenej zo zvukom. Teda motion design s dominantnou úlohou typografie.

Celé to vlastne začalo ako typografický experiment. Nejedného študenta grafického designu napadlo dať písmo do pohybu. Našiel som viacero postarších experimentov, niektoré lepšie, iné horšie. Práve na akademickej pôde je dostatočný priestor pre vznik a zdokonalenie Motion Type (a nezbudnite klikať na obrázky aby ste videli celé video…).

Bublina okolo experimentov praskla keď niekoho napadlo použiť motion type pre ilustráciu dialógu, najčastejšie rôzne úryvky z filmov. Keď sa na YouTub objavila scéna z Pulp Fiction ako motion type, strhla sa vlna v tejto tvorbe. Mimochodom anglické tabuizmi tak typické pre Hollywoodsku tvorbu si nevšímajte.

V zapätí sa objavilo aplikovanie aj na hudbu. Tu sa po prvý raz dostáva aj mimo experimentovania a využíva sa komerčne aj v hudobných klipoch.

Pochopiteľne nemusí motion type vyjadrovať iba hovorený (spievaní) text ktorý je sprevádzaný zvukovou zložkou. Môže vyjadrovať akciu rôzneho druhu, dokonca mať aj zaujímavý dej.

Na záver zopár zaujímavých ukážok, ktoré sa môžu aj trochu vymykať z mojich definícií. Ako som spomínal, typografia v pohybe si našla cestu do príbehov ale môže vyjadrovať aj určité posolstvo. No a v neposlednom rade je to aj reklama ako priestor pre pohyblivú typografiu.

Ak vás motion type zaujalo tak ako mňa a chcli by ste si aj niečo vyskúšať tak by ste asi boli zvedaví ako na to. Havne na to treba riadny software. Adobe Flash asi stačiť nebude, jeho možnosti si pre vytváranie zložitých typografických kompozícií a ešte aj v pohybe príliš malé. Ale niečo jednoduché by sa dalo. Niečo by sa dalo v Apple Motion (súčasť Final Cut Studio) ale to najlepšie pre túto prácu určite ponúka Adobe After Effects. Prípadne ako chcete, môžete sa poobzerať po nejakom 3D softvéri ako 3Dstudio Max alebo Maya, ale mňa 3D pokusy o Motion Type príliš neoslovili.

Už dlho sa pohrávam s myšlienkou zakúsnuť sa do Motion Type ale zatiaľ som nenašiel odhodlanie a čas (nápad by aj bol ale After Effects nie je najmenšie sústo). Uvidím v lete, už teraz podrobne študujem niektoré scény ale okrem kvalitného pohybu to chce aj značnú dávku originality aby výtvor nezapadol do davu priemernosti. A ako u vás, zaujalo?

10 apríl 2008, 10:35 | Grafika-a-design | Pridaj komentár [6]

Podelme sa o kvalitné zdroje obsahu!

Z domova

Situácia v našej stredoeurópskej diere je biedna. Sám k tomu prispievam (alebo skôr neprispievam?). Aby som sem nemusel napísať iba jeden zdroj, pridám aj našich západných susedov kde je to trochu len lepšie.

• Grafické práce — jediný blog na Slovensku témou príbuzný môjmu. Monika by si zaslúžila viacej čitateľov. Rád pridám odkaz, vlastne už sa stalo (možno by pomohlo pridať aj na weblogy.sk). Veľmi sympatické čítanie, len keby boli články trochu dlhšie ale ako by som nič nehovoril :).

• Typofilos — to najkvalitnejšie čo vo svojej čítačke mám. Každý nový článok je malým sviatkom. Pohodlne sa usadiť,popíjať čaj a čítať články Martina Pecinu, to je relax. Vysoká literárna úroveň článkov o typografii, písme, bibliofílii a všetkým súvisiacim nemá obdoby. Za domácu úlohu máte všetci prečítať si úplne všetky články na tomto blogu.

• Font — web rovnako pomenovaného českého magazínu o grafickom designe a polygrafii. Web je skôr zameraný na prezentovanie tuzemských a zahraničných noviniek. Sleduje aj dianie na scéne grafického designu v Čechách (a Morave :-)).

• Design portal — obsahovo podobný portál ako predchádzajúci Font ale užšie zameraný na českú (slovenskú okrajovo) scénu. Občasné rozhovory s designermi alebo ich profily nie sú na škodu.

• Grafikův blog — Jeden z mála blogujúcich profesionálov pohybujúcich sa v obore ako ja. Zameranie skoro identické ako môj blog, len nie som si istý či sa vôbec na neho chytám…

• Chaos Sanctuary — SuE sa považuje za absolútnu lamu ale má jedinečný talent nájsť na webe výnimočný obsah a vždy na neho upozorní. Mnoho dobrých zdrojov o grafickom designe a typografii som našiel vďaka nej.

Zo zahraničia

Zahraničná scéna je veľmi široká a dá sa vyberať, ale aj tu je veľmi kvalitných zdrojov mimoriadne riedko. Ak zoberiem do úvahy koľko kvalitných zdrojov je na počet obyvateľov v zahraničí, nie sme až tak zle na tom. Ale kvalita článkov z dovozu je o niekoľko tried vyššia pochopiteľne.

• I love typography — to najlepšie čo doma nemáme. Všetko o písme a typografii veľmi pútavé a dobre ilustrované. Veľmi mám rád každo-nedeľný prehľad noviniek. Absolútne návykový web. Domáca úloha: prečítať všetky články.

• Design Snips — veľmi starostlivo vyberané ukážky zaujímavých riešení v oblasti grafického designu. Návštevníci môžu ukážky hodnotiť. Web má šťastie na veľmi dobrý úsudok návštevníkov. Kvalitný výber si zaslúži aj kvalitných čitateľov.

• Design fckr — sem občas zájdem po inšpiráciu. Objavujú sa tu veľmi kreatívne riešenia z oblasti reklamy. Často krát mimoriadne výnimočné, zábavné či dychberúce. Prejdite si celý archív, oplatí sa (nepovinná domáca úloha).

• Nasleduje trojica webov s takmer identickým obsahovým zameraním. Každý deň sa tu objavujú rôzne inšpirácie z oblasti typografie. Takže: AisleOne, Typeneu, The Serif a pridám aj nemecký Fontblog.

• Smashing Magazine — nič extra výnimočné, zameranie je skôr na rozsiahle články ktoré sú prehľadom v nejakej oblasti grafického designu a webdesignu. Najčastejšie sú súhrny noviniek. Zaujímavý zdroj inšpirácie ale aj občas napríklad typov na písma či iné doplnky pre prácu.

• Typesites — pomerne čerstvý blog poukazujúci na výnimočné webové stránky čo sa týka ich grafického resp. viac typografického spracovania. Ku každému webu je napísaná recenzia a kritika. Veľmi zaujímavý projekt.

• PSDtuts — zaujímavé tutoriály pre Photoshop. Iba by mohli byť trochu obecnejšie, lebo ich výsledok je príliš konkrétny. To znamená že sa síce dozvieme ako spraviť design stránky ktorá už existuje (čo nám moc nepomôže) ale nedozvieme sa ako napríklad odstrániť šum z fotografie. Ale moje tutoriály majú rovnaký problém.

• John Nack — weblog produkt-manažéra Adobe pre Photoshop. Informuje o dianí okolo Photoshopu ale oveľa častejšie ponúka množstvo zaujímavých odkazov na všetko čo je kretívne a nemusí to súvisieť iba s grafikou.

Pretože píšem tento text už neúnosne dlho, ďalej iba z rýchlika.

• Abduzeedo — podobný výber ako na spomínanom Smashing Magazine, mladý zdroj, uvidíme či sa osvedčí.

• Veerle’s blog — známa dizajnérka v poslednej dobe oslnila najmä súťažou What is Graphic design ktorej výsledky sú naozaj veľmi pekné.

• Web Creme — jediná CSS galéria ktorú sledujem (má podobný vkus). V posledných týždňoch ma však moc neoslňuje, neviem čím to je, asi je teraz na dobrý webdesign uhorková sezóna. Všetky weby sú na jedno kopyto a rovnaké.

• Pimpvisual — jeden zo zdrojov od SuE. Občas zájdem po inšpiráciu.

• Webdesigner Wall — podobné zameranie ako u mňa.

Pozerám že už som toho napísal dosť. Samozrejme nieje to vôbec všetko čo sa v mojej čítačke nachádza. Je tam toho omnoho viacej. Tu som sa zameral iba na oblasť viacmenej okolo grafického designu. Okrem toho mám tam niekoľko zdrojov, ktoré možno nestoja za spomenutie, prípadne čakám či sa osvedčia alebo naopak, sú už mŕtve. O technickej stránke webdesignu a zdrojoch na túto tému možno niekedy inokedy.

Ak sa niekto urazil že som ho nespomenul a má pocit že by som mal, nech sa podpíše v kometároch, rád si osviežim RSS čítačku novým obsahom. Budem rád ak sa podelíte aj vy so mnou o svoje zdroje v komentároch, dokonca vás o to prosím. Bude to pekné gesto vzájomnej pomoci čo sa týka vyhľadávania a vzdielania kvalitného obsahu :). Ak by niekto chcel napísať podobný článok na svojom blogu bude to ešte lepšie. Teším sa na vaše zdroje a nemusia byť iba na tému ako tie moje dnešné, uvítam čokoľvek čo sa byť iba okrajovo týka obsahu tohoto blogu.

A nezabudnite na domácu úlohu…

12 marec 2008, 11:52 | Grafika-a-design | Pridaj komentár [3]

Najlepší (web) design uplynulého roku

Dosť času trávim sledovaním vývoja grafickej scény na poli webdizajnu. Ako tak brázdim internet a CSS galérie nachádzam občas mimoriadne, ba až výnimočné grafické návrhy. K tomu, v čom spočíva ich výnimočnosť sa dostanem o chvíľu. Teraz konkrétne.

Minimalizmus

getfinch.com

Skvelo zvládnutá typografia a učebnicová ukážka tvrdenia v jednoduchosti je krása. Sviežosť tohoto dizajnu ma fascinuje. Kvalitu a nadčasovosť dokazuje niekoľko pokusov o plagiátorstvo a množstvo ďalších evidentne inšpirovaných návrhov.

Web 2.0

pownce.com

Design podčiarkuje obsah ktorý podáva potrebné informácie o službe. Nič viac a nič menej a tak to má byť. Aj tento web dosť ovplyvnil výzor ďalších a prispieva k utváraniu vizuality internetu.

Blog

upperfortstewart.com

Typografická dokonalosť tvorená iba minimálnym počtom grafiky. Blog je založený na dodržiavaní vizuálnej jednotnosti a typografických pravidiel a popri tom nieje fádny a zachováva si svoju rôznorodosť.

Graficky bohatý design

31three.com

Áno, takto si predstavujem design bohatý na grafiku. Výborná vyváženosť medzi textovou informáciu a grafickou stránkou. Web nieje grafikou presýtený, iba vytvára príjemné prostredie, ktoré nepotlačuje obsah ale zvýrazňuje ho. Taktiež vhodný kandidát na kategóriu Redesign roka.

Produkt

panic.com/coda

Stránka kóderského nástroja Coda priam núti vyskúšať tento produkt, aspoň jeho 30 dňovú verziu ak už nie rovno zakúpiť. Okrem toho sa web výborne a veľmi príjemne používa. Skvelá vizitka pre nástroj ocenený Apple design Award za použiteľnosť. Dobrým príkladom na propagáciu produktu je aj Pixelmator ale nakoniec som zvolil Codu.

Redesign

apple.com

Udivuje ma ako tak informačne rozsiahly web ako má Apple si dokáže zachovať svoju jednoduchosť a prehľadnosť. Nieje problém ľahko sa dostať k informáciám. Celkový dojem je veľmi príjemný. Výborne je navrhnuté aj vyhľadávanie. Slabinou je prístupnosť ale tú teraz nehodnotím.

Home Page

seznam.cz

Úvodná stránka webu je veľmi dôležitá, najmä veľké portály sú od nej vo veľkej miere závislé. Seznam sa vybral vlastnou cestou keď skĺbil vlastné skúsenosti s miernou inšpiráciou od Google a poučenia sa od chýb konkurencie. Úvodná stránka Seznamu je naozaj unikát. Používa sa skvelo, nevyzerá odpudivo a je veľmi prehľadná. Som zvedavý, kedy a ako zareaguje „konkurencia”. Aj Yahoo by sa mohlo priučiť.

Videli ste krajšie weby?

Je to možné! Tu ale nejde o krásu, ale o celkový design. Grafický design nieje o kráse ale hlavne o funkcionalite. Dobrý web zvýrazňuje svoj obsah. Neupútava na design ktorý je rušivý a príliš výrazný.

Vyberal som poväčšine minimalistické návrhy so zvládnutou typografiou. Toto sú dôležité časti každého návrhu a teší ma že stále viacej sa dostávajú do popredia, zatiaľ čo grafika do úzadia. Vybrané návrhy sa už dožili svojich prvých kópií a stále viacej sa stretám s ďalšími ktoré boli v dobrom slova zmysle týmito ovplyvnené. Sú to návrhy ktoré priniesli niečo nové. Aj ja som s z nich niečo priučil.

1 január 2008, 10:29 | Grafika-a-design | Pridaj komentár [6]

Senzualizmus v designe, na dojme záleží

Väčšina firiem sa snaží zanechať dobrý dojem prostredníctvom mainstreemových médií, ale tu sa netreba zastaviť. Pre úspech je dôležité napríklad ústne podanie a propagovanie od spokojných zákazníkov. Na to je dôležitý nielen prvý dojem, ale aj druhý a najviac posledný dojem.

Príbeh jedného jabĺčka

Pred dvoma týždňami som si kúpil svoje prvé jabĺčko. V obchode som dostal škatuľu. Veď čo na tom, iba krabica. Ibaže, už tá krabica mala príjemný vzhľad a v neposlednom rade je aj funkčná, dá sa ľahko uchopiť a odniesť domov.

Aj škatuľa bola navrhnutá aby príjemne vyzerala a dala sa použiť.

Doma otvorím krabicu a po miestnosti sa rozvinie príjemná vôňa parfumovaného hardwaeru, niečo ako mäta, príjemné a nevtieravé. Vytiahol som precízne zabalený MacBook a kochal sa jeho krásnym vzhľadom. Po prvý krát zapnem svojho macíka a na displeji na mňa vybafne uvítacie video, naozaj dojemné (v zmysle navodenia príjemnej nálady, nie dojatia).

Koho by takéto privítanie nenadchlo? Kliknutím na obrázok si môžete pozrieť celé video.

Hovoríme o senzualizme

Vyššie popísaný proces sa nazýva senzualizmus, teda útok na všetky zmysli. Vizuálny dojem, príjemná vôňa a pekná hudba, ale aj dotyk samotného produktu prispeli k vytvoreniu veľmi pozitívneho dojmu, až zážitku zo zapínania môjho prvého jabĺčka. Človek zostáva nadšený. Jediný zmysel, ktorý nebol využitý ja chuť, ale do MacBooku hryzať v pláne nemám.

Senzualizmus nieje nič nové, sami vieme že je dôležité, aby jedlo aj vyzeralo nielen chutilo. Má svoje veľké využitie aj v grafickom designe a webdesigne. Príjemný nevtieravý vzhľad webovej stránky pridáva na hodnovernosti značke, upúta a zvyšuje šancu, že návštevník neodíde priskoro. Obmedzením webdesignu je nemožnosť aplikovania na všetky zmysli. Použite zvuku na webovej stránke je samovražda, všetci to neznášame. Hmat je tiež mimo hru. Zostáva už iba zrak a v obmedzenej miere aj chuť. Práve cez zrak možno nabudiť chuť na dobré jedlo (vhodné pre weby reštaurácii a podobne).

Druhý, tretí ... posledný dojem

A nezabúdajte aj na druhý a tretí dojem, nesmie byť iba hlavná stránka vyšperkovaná, návštevník môže prísť z vyhľadávača aj na podstránku. Mimoriadne dôležitý je aj posledný dojem, ako sa značka zapíše na konci tak si na ňu budeme pamätať.

14 november 2007, 06:47 | Grafika-a-design | Pridaj komentár [7]

  « staršie