SlideShare une entreprise Scribd logo
1  sur  13
леция по курсу типографики
Британской Высшей
Школы Дизайна.
Преподаватель:
Владимир Добровинский
Ïîíÿòèå pixel art áûëî âïåðâûå ñôîðìóëèðîâàíî
ïðîãðàììèñòìè Àäåëü Ãîëäáåðò è Ðîáåðòîì Ôëåãàëîì
èç öåíòðà íàó÷íûõ èññëåäîâàíèé êîðïîðàöèè
Xerox (ðàñïîëîæåí â Palo Alto) â 1982 ãîäó
Ñ òî÷êè çðåíèÿ äèçàéíà pixel art - ýòî ýñòåòè÷åñêàÿ
ïàðàäèãìà, îñíîâàííàÿ íà òåõíîëîãè÷åñêèõ îñîáåííîñòÿõ
ïèêñåëüíîãî ýêðàííîãî èçîáðàæåíèÿ
Ïîíÿòèå pixel font ìîæåò áûòü ðàñøèôðîâàíî
êàê ðàñòðîâûé øðèôò, ñîñòîÿùèé èç ïèêñåëîâ
(ìåëü÷àéøàÿ åäèíèöà öèôðîâîãî èçîáðàæåíèÿ
â ðàñòðîâîé ãðàôèêå).  îòëè÷èå îò âåêòîðíîãî
øðèôòà, ïèêñåëüíûé øðèôò èçíà÷àëüíî âñåãäà
ïðîåêòèðîâàëñÿ òîëüêî äëÿ ýêðàííîãî èñïîëüçîâàíèÿ.
Ïèêñåëüíûå (ýêðàííûå) øðèôòû âíà÷àëå íèêàê
íå áûëè çàäåéñòâîâàíû â ìèðîâîé òèïîãðàôè÷åñêîé
êóëüòóðå. È óæ íèêàê íåëüçÿ áûëî ïðåäñòàâèòü,
÷òî ñî âðåìåíåì ñîçäàíèå ïèêñåëüíûõ øðèôòîâ
ïðåâðàòèòñÿ â îòäåëüíóþ îáëàñòü íà ñòûêå äèçàéíà,
media arts è ñîâðåìåííîãî èñêóññòâà.
Ïîñêîëüêó ïèêñåëüíûå øðèôòû ÿâëÿþòñÿ ÷àñòüþ
pixel art, îíè äåëÿòñÿ ðîâíî íà òå æå êàòåãîðèè, ÷òî
è ëþáûå äðóãèå ñîñòàâëÿþùèå ýêðàííîãî èçîáðàæåíèÿ,
ôîðìèðóþùåãî âèçóàëüíûé èíòåðôåéñ ïèêñåëüàðòà.

Äâå îñíîâíûå êàòåãîðèè îïèñàíèÿ ïèêñåëüíûõ øðèôòîâ:

A. isometric pixel fonts




B. simple (non-isometric) pixel fonts
Åñòåñòâåííî, ÷òî ôîðìîîáðàçîâàíèå â ïèêñåëüíûõ
øðèôòàõ íà çàðå ôîðìèðîâàíèÿ ñòèëÿ áûëî îãðàíè÷åíî
îñîáåííîñòÿìè òåõíîëîãèè ýêðàííîãî ðàñòðèðîâàíèÿ.
Îãðàíè÷åííîñòü â êåãåëüíîì äèàïàçîíå, âîçìîæíîñòü
èñïîëüçîâàíèÿ òîëüêî â ýêðàííîì ôîðìàòå, à òàæå
îïèñàíèå ëþáîé ôîðìû (ïî âîçìîæíîñòè)
ïðÿìîóãîëüíûìè ñîñòàâëÿþùèìè:




Òàê êîãäà æå ýòè, âðîäå áû, íåäîñòàòêè ñòàëè
ýñòåòè÷åñêèìè äîñòîèíñòâàìè øðèôòà?
âîçâðàòèìñÿ
ëåò íà 20 íàçàä...
Ïèîíåðàìè â îáëàñòè
ðàçðàáîòêè è ïðèìåíåíèÿ
â ìàññîâîé òèðàæíîé
ïîëèãðàôèè øðèôòîâ,
èìåþùèõ ðàñòðîâóþ
ïðèðîäó, è ôîðìèðîâàíèÿ
ñîîòâåòñòâóþùåé ìîäû
â ñîâðåìåííîé òèïîãðàôèêå
ñòàëè äèçàéíåðû ãðóïïû
Emigre (www.emigre.com),
îñíîâàííîé â 1984 ãîäó
Çóçàííîé Ëè÷êî (ðîäèëàñü
â 1961 ãîäó â ×åõîñëîâàêèè)
è Ðóäè Âàíäåðëàíñîì




Îáëîæêà îäíîèìåííîãî
æóðíàëà Emigre (1990)
ñòàâøàÿ â íà÷àëå 90-õ ìîäíûì òðåíäîì
ïîñòìîäåðíèñòêàÿ òèïîãðàôèêà ñòåðëà ãðàíè ìåæäó
(óñëîâíî) âûñîêèìè è óëè÷íûìè ýñòåòè÷åñêèìè ïðèåìàìè




Ðàçâîðîò æóðíàëà Emigre (1989)
ñòàâøàÿ â íà÷àëå 90-õ ìîäíûì òðåíäîì
ïîñòìîäåðíèñòêàÿ òèïîãðàôèêà ñòåðëà ãðàíè ìåæäó
(óñëîâíî) âûñîêèìè è óëè÷íûìè ýñòåòè÷åñêèìè ïðèåìàìè




Ðàçâîðîò æóðíàëà Emigre (1989)
Ñîâïàâøèå â ñîâðåìåííîì äèçàéíå
òðè êóëüòóðíûõ è òåõíîëîãè÷åñêèõ ïðîöåññà:
A/
òîðæåñòâî ïîñòìîäåðíèñòñêîãî äèçàéíà, êîãäà îñíîâîé
ðåøåíèÿ ìîæåò ñòàòü ñî÷åòàíèå ëþáûõ ýëåìåíòîâ
B/
Áóðíîå ðàçâèòèå èíòåðíåòà è öèôðîâûõ òåõíîëîãèé,
çàèìñòâîâàíèå â ïîëèãðàôèè ïðèåìîâ web-äèçàéíà
Ñ/
îáùàÿ äåìîêðàòèçàöèÿ äèçàéíà, êàê îáëàñòè äåÿòåëüíîñòè,
âîâëå÷åíèå â íåãî ñïåöèàëèñòîâ ñìåæíûõ ïðîôåññèé

âñå ýòî äàëî âîçìîæîñòü ðàçâèòèÿ pixelart,
è êàê ñëåäñòâèå - îòëè÷íûå ïåðñïåêòèâû äëÿ âíåäðåíèÿ
ïèêñåëüíîé òèïîãðàôèêè è ñîåäèíåíèÿ åå ïðèåìîâ
ñ ýñòåòèêîé ïîñò-êîíñòðóêòèâèçìà è ïîñò-ìèíèìàëèçìà
 êîíöå 90-õ ãîäîâ êîëè÷åñòâî ñëîâîëèòåí (typefoundry)
ñïåöèàëèçèðóþùèõñÿ íà ïðîèçâîäñòâå ïèêñåëüíûõ
øðèôòîâ (pixel fonts, bitmap fonts) â Åâðîïå è Àìåðèêå
óâåëè÷èëîñü, çà ñ÷åò ïåðñïåêòèâíîñòè ýòîãî
ñåêòîðà äèçàéí-ïðîèçâîäñòâà. Âíåäðåíèå ìîáèëüíîãî
êîíòåíòà äëÿ ñîòîâûõ òåëåôîíîâ, êîììóíèêàòîðîâ,
êàðìàííûõ êîìïüþòåðîâ (íàëàäîííèêîâ), áóðíîå
ðàçâèòèå Flash-àíèìàöèè, ïîòðåáîâàëî óâåëè÷åíèÿ
àññîðòèìåíòà øðèôòîâ.

Ñ äðóãîé ñòîðîíû, èíòåðåñ ñðåäè åâðîïåéñêèõ äèçàéíåðîâ
ê íàñëåäèþ êîíñòðóêòèâèçìà è ê ìèíèìàëèçìó,
à òàêæå âçàèìîïðîíèêíîâåíèå äèçàéíåðñêèõ ïðèåìîâ
èç “ñåòè” â ïîëèãðàôèþ, ïîðîäèëî “ïîñòöèôðîâóþ”
ìèíèìàëèñòè÷åñêóþ ýñòåòèêó (îáùóþ è äëÿ web- è offline)
http://atomicmedia.net/
Íàèáîëåå èíòåðåñíûå øðèôòû




Genetrix Äèçàéíåð: Ìýòüþ Áåðäðàì

Contenu connexe

Tendances

اپلای انگلیسی
اپلای انگلیسیاپلای انگلیسی
اپلای انگلیسیhamidrezagh
 
Dadlaga khicheel 3 word home
Dadlaga khicheel 3 word homeDadlaga khicheel 3 word home
Dadlaga khicheel 3 word homehenjii
 
Mazeroon Foam Catalogue
Mazeroon Foam CatalogueMazeroon Foam Catalogue
Mazeroon Foam CatalogueMazeroon Foam
 
проект белая башня. лето 2013 шрифт ру
проект белая башня. лето 2013 шрифт рупроект белая башня. лето 2013 шрифт ру
проект белая башня. лето 2013 шрифт руEugen Volkov
 
презентация белая башня 2012 2
презентация белая башня 2012 2презентация белая башня 2012 2
презентация белая башня 2012 2Polika Pti
 
Сетевой ресурсный центр
Сетевой ресурсный центрСетевой ресурсный центр
Сетевой ресурсный центрОлег Дядьков
 
Drinking water directive
Drinking water directive Drinking water directive
Drinking water directive hatec
 
Tri thuc nhan loai
Tri thuc nhan loaiTri thuc nhan loai
Tri thuc nhan loaidinhnam0005
 
мэдээлэлзүй1
мэдээлэлзүй1мэдээлэлзүй1
мэдээлэлзүй1CHBD_6684
 
Corel Draw Book [Www Ehlel Com]
Corel Draw Book [Www Ehlel Com]Corel Draw Book [Www Ehlel Com]
Corel Draw Book [Www Ehlel Com]guest2239fb
 

Tendances (15)

اپلای انگلیسی
اپلای انگلیسیاپلای انگلیسی
اپلای انگلیسی
 
Dadlaga khicheel 3 word home
Dadlaga khicheel 3 word homeDadlaga khicheel 3 word home
Dadlaga khicheel 3 word home
 
Mazeroon Foam Catalogue
Mazeroon Foam CatalogueMazeroon Foam Catalogue
Mazeroon Foam Catalogue
 
концепция книги
концепция книгиконцепция книги
концепция книги
 
Road show 2
Road show 2Road show 2
Road show 2
 
проект белая башня. лето 2013 шрифт ру
проект белая башня. лето 2013 шрифт рупроект белая башня. лето 2013 шрифт ру
проект белая башня. лето 2013 шрифт ру
 
презентация белая башня 2012 2
презентация белая башня 2012 2презентация белая башня 2012 2
презентация белая башня 2012 2
 
Lection1
Lection1Lection1
Lection1
 
Сетевой ресурсный центр
Сетевой ресурсный центрСетевой ресурсный центр
Сетевой ресурсный центр
 
Drinking water directive
Drinking water directive Drinking water directive
Drinking water directive
 
Tri thuc nhan loai
Tri thuc nhan loaiTri thuc nhan loai
Tri thuc nhan loai
 
мэдээлэлзүй1
мэдээлэлзүй1мэдээлэлзүй1
мэдээлэлзүй1
 
Lecture14
Lecture14Lecture14
Lecture14
 
Corel Draw Book [Www Ehlel Com]
Corel Draw Book [Www Ehlel Com]Corel Draw Book [Www Ehlel Com]
Corel Draw Book [Www Ehlel Com]
 
Tt 02 Aanoatt
Tt 02 AanoattTt 02 Aanoatt
Tt 02 Aanoatt
 

En vedette (20)

Ppt0000001
Ppt0000001Ppt0000001
Ppt0000001
 
แบงงงง
แบงงงงแบงงงง
แบงงงง
 
Shield presentation
Shield presentationShield presentation
Shield presentation
 
ทฤษฎีเกม
ทฤษฎีเกมทฤษฎีเกม
ทฤษฎีเกม
 
Abc presentation
Abc presentationAbc presentation
Abc presentation
 
Infogr
InfogrInfogr
Infogr
 
Good bad
Good badGood bad
Good bad
 
Types structure (только для учебного пользования!)
Types structure (только для учебного пользования!)Types structure (только для учебного пользования!)
Types structure (только для учебного пользования!)
 
Grid
GridGrid
Grid
 
Swiss typo 1
Swiss typo 1Swiss typo 1
Swiss typo 1
 
Ppt0000001.ppt123
Ppt0000001.ppt123Ppt0000001.ppt123
Ppt0000001.ppt123
 
Infod
InfodInfod
Infod
 
Types structure 2 (только для учебного пользования!)
Types structure 2 (только для учебного пользования!)Types structure 2 (только для учебного пользования!)
Types structure 2 (только для учебного пользования!)
 
ทฤษฎีเกม
ทฤษฎีเกมทฤษฎีเกม
ทฤษฎีเกม
 
Warrior fairy
Warrior fairyWarrior fairy
Warrior fairy
 
Prog2010
Prog2010Prog2010
Prog2010
 
Inno viscom2011
Inno viscom2011Inno viscom2011
Inno viscom2011
 
Mnogostr presentation
Mnogostr presentationMnogostr presentation
Mnogostr presentation
 
Streetwar
StreetwarStreetwar
Streetwar
 
Fairy tales
Fairy talesFairy tales
Fairy tales
 

Pixies

  • 1. леция по курсу типографики Британской Высшей Школы Дизайна. Преподаватель: Владимир Добровинский
  • 2. Ïîíÿòèå pixel art áûëî âïåðâûå ñôîðìóëèðîâàíî ïðîãðàììèñòìè Àäåëü Ãîëäáåðò è Ðîáåðòîì Ôëåãàëîì èç öåíòðà íàó÷íûõ èññëåäîâàíèé êîðïîðàöèè Xerox (ðàñïîëîæåí â Palo Alto) â 1982 ãîäó Ñ òî÷êè çðåíèÿ äèçàéíà pixel art - ýòî ýñòåòè÷åñêàÿ ïàðàäèãìà, îñíîâàííàÿ íà òåõíîëîãè÷åñêèõ îñîáåííîñòÿõ ïèêñåëüíîãî ýêðàííîãî èçîáðàæåíèÿ
  • 3. Ïîíÿòèå pixel font ìîæåò áûòü ðàñøèôðîâàíî êàê ðàñòðîâûé øðèôò, ñîñòîÿùèé èç ïèêñåëîâ (ìåëü÷àéøàÿ åäèíèöà öèôðîâîãî èçîáðàæåíèÿ â ðàñòðîâîé ãðàôèêå).  îòëè÷èå îò âåêòîðíîãî øðèôòà, ïèêñåëüíûé øðèôò èçíà÷àëüíî âñåãäà ïðîåêòèðîâàëñÿ òîëüêî äëÿ ýêðàííîãî èñïîëüçîâàíèÿ.
  • 4. Ïèêñåëüíûå (ýêðàííûå) øðèôòû âíà÷àëå íèêàê íå áûëè çàäåéñòâîâàíû â ìèðîâîé òèïîãðàôè÷åñêîé êóëüòóðå. È óæ íèêàê íåëüçÿ áûëî ïðåäñòàâèòü, ÷òî ñî âðåìåíåì ñîçäàíèå ïèêñåëüíûõ øðèôòîâ ïðåâðàòèòñÿ â îòäåëüíóþ îáëàñòü íà ñòûêå äèçàéíà, media arts è ñîâðåìåííîãî èñêóññòâà.
  • 5. Ïîñêîëüêó ïèêñåëüíûå øðèôòû ÿâëÿþòñÿ ÷àñòüþ pixel art, îíè äåëÿòñÿ ðîâíî íà òå æå êàòåãîðèè, ÷òî è ëþáûå äðóãèå ñîñòàâëÿþùèå ýêðàííîãî èçîáðàæåíèÿ, ôîðìèðóþùåãî âèçóàëüíûé èíòåðôåéñ ïèêñåëüàðòà. Äâå îñíîâíûå êàòåãîðèè îïèñàíèÿ ïèêñåëüíûõ øðèôòîâ: A. isometric pixel fonts B. simple (non-isometric) pixel fonts
  • 6. Åñòåñòâåííî, ÷òî ôîðìîîáðàçîâàíèå â ïèêñåëüíûõ øðèôòàõ íà çàðå ôîðìèðîâàíèÿ ñòèëÿ áûëî îãðàíè÷åíî îñîáåííîñòÿìè òåõíîëîãèè ýêðàííîãî ðàñòðèðîâàíèÿ. Îãðàíè÷åííîñòü â êåãåëüíîì äèàïàçîíå, âîçìîæíîñòü èñïîëüçîâàíèÿ òîëüêî â ýêðàííîì ôîðìàòå, à òàæå îïèñàíèå ëþáîé ôîðìû (ïî âîçìîæíîñòè) ïðÿìîóãîëüíûìè ñîñòàâëÿþùèìè: Òàê êîãäà æå ýòè, âðîäå áû, íåäîñòàòêè ñòàëè ýñòåòè÷åñêèìè äîñòîèíñòâàìè øðèôòà?
  • 7. âîçâðàòèìñÿ ëåò íà 20 íàçàä... Ïèîíåðàìè â îáëàñòè ðàçðàáîòêè è ïðèìåíåíèÿ â ìàññîâîé òèðàæíîé ïîëèãðàôèè øðèôòîâ, èìåþùèõ ðàñòðîâóþ ïðèðîäó, è ôîðìèðîâàíèÿ ñîîòâåòñòâóþùåé ìîäû â ñîâðåìåííîé òèïîãðàôèêå ñòàëè äèçàéíåðû ãðóïïû Emigre (www.emigre.com), îñíîâàííîé â 1984 ãîäó Çóçàííîé Ëè÷êî (ðîäèëàñü â 1961 ãîäó â ×åõîñëîâàêèè) è Ðóäè Âàíäåðëàíñîì Îáëîæêà îäíîèìåííîãî æóðíàëà Emigre (1990)
  • 8. ñòàâøàÿ â íà÷àëå 90-õ ìîäíûì òðåíäîì ïîñòìîäåðíèñòêàÿ òèïîãðàôèêà ñòåðëà ãðàíè ìåæäó (óñëîâíî) âûñîêèìè è óëè÷íûìè ýñòåòè÷åñêèìè ïðèåìàìè Ðàçâîðîò æóðíàëà Emigre (1989)
  • 9. ñòàâøàÿ â íà÷àëå 90-õ ìîäíûì òðåíäîì ïîñòìîäåðíèñòêàÿ òèïîãðàôèêà ñòåðëà ãðàíè ìåæäó (óñëîâíî) âûñîêèìè è óëè÷íûìè ýñòåòè÷åñêèìè ïðèåìàìè Ðàçâîðîò æóðíàëà Emigre (1989)
  • 10. Ñîâïàâøèå â ñîâðåìåííîì äèçàéíå òðè êóëüòóðíûõ è òåõíîëîãè÷åñêèõ ïðîöåññà: A/ òîðæåñòâî ïîñòìîäåðíèñòñêîãî äèçàéíà, êîãäà îñíîâîé ðåøåíèÿ ìîæåò ñòàòü ñî÷åòàíèå ëþáûõ ýëåìåíòîâ B/ Áóðíîå ðàçâèòèå èíòåðíåòà è öèôðîâûõ òåõíîëîãèé, çàèìñòâîâàíèå â ïîëèãðàôèè ïðèåìîâ web-äèçàéíà Ñ/ îáùàÿ äåìîêðàòèçàöèÿ äèçàéíà, êàê îáëàñòè äåÿòåëüíîñòè, âîâëå÷åíèå â íåãî ñïåöèàëèñòîâ ñìåæíûõ ïðîôåññèé âñå ýòî äàëî âîçìîæîñòü ðàçâèòèÿ pixelart, è êàê ñëåäñòâèå - îòëè÷íûå ïåðñïåêòèâû äëÿ âíåäðåíèÿ ïèêñåëüíîé òèïîãðàôèêè è ñîåäèíåíèÿ åå ïðèåìîâ ñ ýñòåòèêîé ïîñò-êîíñòðóêòèâèçìà è ïîñò-ìèíèìàëèçìà
  • 11.  êîíöå 90-õ ãîäîâ êîëè÷åñòâî ñëîâîëèòåí (typefoundry) ñïåöèàëèçèðóþùèõñÿ íà ïðîèçâîäñòâå ïèêñåëüíûõ øðèôòîâ (pixel fonts, bitmap fonts) â Åâðîïå è Àìåðèêå óâåëè÷èëîñü, çà ñ÷åò ïåðñïåêòèâíîñòè ýòîãî ñåêòîðà äèçàéí-ïðîèçâîäñòâà. Âíåäðåíèå ìîáèëüíîãî êîíòåíòà äëÿ ñîòîâûõ òåëåôîíîâ, êîììóíèêàòîðîâ, êàðìàííûõ êîìïüþòåðîâ (íàëàäîííèêîâ), áóðíîå ðàçâèòèå Flash-àíèìàöèè, ïîòðåáîâàëî óâåëè÷åíèÿ àññîðòèìåíòà øðèôòîâ. Ñ äðóãîé ñòîðîíû, èíòåðåñ ñðåäè åâðîïåéñêèõ äèçàéíåðîâ ê íàñëåäèþ êîíñòðóêòèâèçìà è ê ìèíèìàëèçìó, à òàêæå âçàèìîïðîíèêíîâåíèå äèçàéíåðñêèõ ïðèåìîâ èç “ñåòè” â ïîëèãðàôèþ, ïîðîäèëî “ïîñòöèôðîâóþ” ìèíèìàëèñòè÷åñêóþ ýñòåòèêó (îáùóþ è äëÿ web- è offline)
  • 13. Íàèáîëåå èíòåðåñíûå øðèôòû Genetrix Äèçàéíåð: Ìýòüþ Áåðäðàì