STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup vznik webových stránek → inspirace
interaktivní design OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Vysoká škola uměleckoprůmyslová v Praze www.vsup.cz/cs/skola
UDRŽENÍ PŘEDSTAVY
strana 3
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup → rozhovor studentů
INTERAKTIVNÍ DESIGN
JAK VZNIKALY SOUČASNÉ WEBOVÉ STRÁNKY VŠUP?
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Současné webové stránky VŠUP
Původní webové stránky VŠUP
… s jakou ideou jsi vytvářel nový web? / Kdy příprava probíhala? / Musela se nějaká část webu ⿎⿎ měnit? / Ve kterém ročníku jsi Tomáši byl, když jsi web připravoval? / Jak vznikla zakázka na nový web? / Byl jsi osloven? Nebo jsi byl vybrán formou soutěže? / Logo zůstalo jako VŠUP, což je dobře. / Má škola v plánu ho změnit? …
KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 4
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup → tomáš procházka → navrhl / vytvořil webové stránky školy
TOMÁŠ PROCHÁZKA → student všup idea vytvoření nového webu? ⿎⿎ základní otázka při návrhu konceptu ⿎⿎ co nejlépe charakterizuje VŠUP? ⿎⿎
art.ihned.cz/umeni-a-design-vitezenarodni-ceny-studentskeho-designu tomasprochazka.name www.youtube.com/o webu VŠUP www.youtube.com/t/creative_commons
INTERAKTIVNÍ DESIGN OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA
řešení není možná ideální nebo konečné ⿎⿎
SOUVISLOSTI MEZI PRVKY
VŠUP CHARAKTERIZUJÍ LIDÉ, ⿎⿎ KTEŘÍ JI NAVŠTĚVUJÍ pedagogové / vedení / studijní referentky / PR oddělení / zaměstnanci / paní z bufetu / vrátný / a další / právě oni jsou individualitami / zároveň vytvářejí související skupiny a je samotné můžou dále charakterizovat → JEJICH NÁPLŇ PRÁCE
VIZUÁLNÍ PRVEK
ČASOVÁ OSA MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
gdvk.cz/users/tomas-prochazka strana 5
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → charakteristika
INTERAKTIVNÍ DESIGN
CHARAKTERISTIKA WEBOVÝCH STRÁNEK web je o prezentaci informací ⿎⿎ o interakci s informacemi ⿎⿎ o vytváření informací ⿎⿎ důležitou informací se tak stali ⿎⿎ → lidé ze školy spolu se svými pracemi další záměr, aby tento vizuální koncept tvořil ⿎⿎ navigaci webu a nesloužil jen jako samoúčelná dekorace, ale aby návštěvník mohl prostřednictvím tohoto prvku web procházet a objevovat
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Prvek pro procházení webu
UDRŽENÍ PŘEDSTAVY
strana 6
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
všup WEBOVÉ STRÁNKY → MŘÍŽKA LIDÍ
o nás
INTERAKTIVNÍ DESIGN OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 7
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → vizuální konzistence celého webu
MOTIV LIDÍ → použití jako hlavního grafického prvku vizuální konzistence celého webu ⿎⿎ lidé by se měli objevovat napříč celým webem ⿎⿎ a tím charakterizovat web → snaha o určitou grafickou čistotu
INTERAKTIVNÍ DESIGN OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA
tento koncept by měl jít jednoduše rozšiřovat ⿎⿎ o další aplikace, např. implementovat diskuzi / každý člen školy může vystupovat pod svojí fotkou diskutovat se bude moci / s příslušným lektorem ⿎⿎ o vyučované problematice / nebo o libovolném článku / studijního oddělení / včetně ateliérů / na stránce předmětu případně koncept rozšířit na hravou formu / ⿎⿎ jak se jmenuje postava aj. Informace o dění
SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 8
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
všup WEBOVÉ STRÁNKY → jednotlivci
o nás
INTERAKTIVNÍ DESIGN OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 9
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → fotky lidí
interaktivní design
FOTKY LIDÍ → budou autonomně spoluvytvářet vzhled webu
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Grafická čistota
K fotkám lidí v různých situacích bude možno připojit i nějakou další osobní informaci
Označení o získání semestrální ceny / svátku / v daný den
jednotvárnost úvodní stránky je kompenzována variabilitou při generování zobrazené množiny lidí ⿎⿎ → základním způsobem je náhodný výpis lidí / pokaždé při načtení úvodní stránky lze jednoduše přidávat další varianty výpisu / výpis lidí jedné katedry / jednoho ateliéru / studentů / zaměstnanců / lidí, kteří si do svého profilu přidali práce / výpis seřazený automaticky podle výšky lidí / podle barvy oblečení / výpis lidí, kteří byli během několika posledních hodin online atd.
KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 10
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → úvodní stránka / shluky lidí
interaktivní design OBSAHOVÁ MAPA
ÚVODNÍ STRÁNKA → měla by být pokaždé jiná
INSPIRACE WEBU VŠUP
lidé jsou na různých místech ⿎⿎ obecně zobrazováni do mřížky
VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ
je možné dále pracovat ⿎⿎ i s pozicí jednotlivých lidí v rámci mřížky
MOTIV LIDÍ
vytvářet shluky souvisejících ⿎⿎ lidí apod.
ČASOVÁ OSA
JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Shluky lidí
UDRŽENÍ PŘEDSTAVY
strana 11
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → Souvislosti mezi prvky
interaktivní design
NASBÍRÁNÍ VZORKU INFORMACE → experimentovat s touto množinou
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Hledat další souvislosti mezi prvky
Možnosti vizualizace a podmínky interakce
Archiv všech lidí, kteří školou prošli
KOMUNIKACE CENZURA
Zajímala mě možnost představit si školu jedním pohledem na přehledu všech lidí / viz menu škola / lidé / nemusí se pátrat, je vidět celkový počet lidí ve škole, existenci jednotlivých ateliérů, jejich obsazení a jejich konkrétní účastníky, souhrnně by pak lidé měli vytvářet vizuální archiv všech, kteří školou prošli.
LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 12
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
všup WEBOVÉ STRÁNKY → ČASOVÁ OSA
o nás
INTERAKTIVNÍ DESIGN OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 13
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → časová osa
interaktivní design OBSAHOVÁ MAPA
DALŠÍ INFORMACE
INSPIRACE WEBU VŠUP
mezi prezentované informace ⿎⿎ patřily: → články o přijímacím řízení → články jednotlivých ateliérů a mnoho dalších aktualit
VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA
aktuality často vykazovaly ⿎⿎ charakter nějaké události od → do, místo konání, výstava, workshop, přednáška
SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU
Časová osa
potřeboval jsem, aby některé ⿎⿎ z nich byly jako události označeny, a mohly tak být vyneseny do časové osy, která by zároveň mohla být i vizuálním prvkem úvodní stránky
REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 14
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → články
interaktivní design OBSAHOVÁ MAPA
VIZUÁLNÍ PRVEK → ÚVODNÍ STRÁNKY
INSPIRACE WEBU VŠUP
tím se události neztratí ⿎⿎ v dlouhém výpisu aktualit, a návštěvník tak může jedním pohledem na časovou osu zjistit, kolik je momentálně probíhajících akcí a kdy se blíží konec některé z nich dalším cílem bylo zpřehlednění ⿎⿎ samotných článků, kde jsem se zaměřil na úpravy editoru / například zvýraznění syntaxe textu při psaní apod.
VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Zpřehlednění článků
UDRŽENÍ PŘEDSTAVY
strana 15
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
modulární způsob
interaktivní design OBSAHOVÁ MAPA
WEB ZPRACOVANÝ MODULÁRNÍM ZPŮSOBEM
INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Kurzy pro veřejnost
Litografie
Knižní vazba
KOMUNIKACE CENZURA
je možné ke každé stránce → připojit specifický výpis / lidí / aktualit / událostí / souborových příloh / ⿎⿎ obrazové galerie / v budoucnu dalších modulů
LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY
modularita nevylučuje i vytvoření nového konceptu / či konceptů / který se aplikuje na hotový základ ⿎⿎
AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 16
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → práce na zakázce
interaktivní design
JAK VZNIKLA MOŽNOST PRACOVAT NA TAKOVÉ ZAKÁZCE? grafické ateliéry oslovil ⿎⿎ studentský zástupce v senátu s tím, že se chystá nový web školy, zda bychom chtěli vypracovat design, bylo myšleno „pouze“ grafika nového webu, protože původní firma, která web měla dělat dgú → pro mě špička ve svém oboru a zároveň vzor, odmítla
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP o VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU
Ateliéry
podmínkou byly technické ⿎⿎ zkušenosti s tvorbou webu. Říkal jsem, že bych se pokusil vytvořit nějaký návrh, ale že optimální řešení by bylo na úvodní stránku webu zveřejnit soutěž na vytvoření designu, které se také zúčastním.
REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 17
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → výběr pro zakázku od vedení školy
interaktivní design
PŘEDPOKLAD VÝBĚRU → KOMPLEXNÍ INDIVIDUÁLNÍ NÁVRH vedení oslovilo přímo mě, vliv ⿎⿎ na jejich rozhodnutí měl kromě projevení zájmu a představení předběžného přístupu asi i právě dokončený web našeho ateliéru dodal jsem návrh včetně ⿎⿎ ukázek realizace pod designem webu jsem si ⿎⿎ nepředstavoval pouze grafické nastylizování → ale kompletní individuální návrh
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Web ateliéru
UDRŽENÍ PŘEDSTAVY
strana 18
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → redakční systémy
xx interaktivní design OBSAHOVÁ MAPA
REALIZACE
INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA
REALIZACE
CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
joomla.org
joomlaportal.cz/začínáme
joomlaportal.cz
KOMUNIKACE
CENZURA LOGO VŠUP
podmínkou realizace bylo postavení webu na open-source redakčním systému Joomla. ⿎⿎ První verze webu se v tomto redakčním systému připravovala, sám bych si ho nevybral. Na první verzi pracoval externista Ruda Štorkán, který dále spolupracoval na částech aktuálního webu.
VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY
AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 19
xx
xx
xx
xx
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
všup WEBOVÉ STRÁNKY → zasahoval někdo radikálně do tvých idejí při tvorbě webu?
interaktivní design OBSAHOVÁ MAPA
KOMUNIKACE
INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Komunikace s vedením školy
do konceptu, funkčnosti ani technických řešení ⿎⿎ nikdo radikálně nezasahoval
Mapa webu
s vedením školy jsem vše průběžně konzultoval, ⿎⿎ úpravy byly jedině v dobrém slova smyslu jako nápady
KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 20
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
Existuje na novém webu něco jako → cenzura nahrávaných prací studenty?
interaktivní design OBSAHOVÁ MAPA
CENZURA
INSPIRACE WEBU VŠUP o VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Rozdělení na katedry
s vedením školy jsme se domluvili, že bude ⿎⿎ existovat jeden uživatel / konkrétně prorektor / který má administrátorská práva / ty mám ještě např. já, členové z PR a studijního, protože plní web nejčastěji / může tak editovat jakýkoliv obsah a případně jako jediný využít právo ho měnit
Další doplňující informace
práce se po vložení nikým explicitně nekontrolují, ⿎⿎ a pokud vím, tak do nich nikdo zatím nezasahoval pokud někdo nahraje obsah, který bude třeba ⿎⿎ v rozporu s právním řádem a podobně, nejspíše by byl zrušen
KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 21
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
vznikly při tvorbě nového webu i další materiály související s vizuálem všup? logo...?
interaktivní design OBSAHOVÁ MAPA
LOGO VŠUP
INSPIRACE WEBU VŠUP
logo na webu: čistě z grafického hlediska mi přišlo ⿎⿎ vhodné použít
VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ
pouze krátký tučný nápis „VŠUP“ ⿎⿎ je to písmo Akzion od Romana Černohouse ze školy
MOTIV LIDÍ
logo i vizuál webu jsem konzultoval ⿎⿎ s profesorem Vaňkem, naším vedoucím ateliéru
ČASOVÁ OSA
dohodli jsme se na této variantě, tzn. nápis VŠUP ⿎⿎ logo je možné kdykoliv změnit a použít jiné ⿎⿎
JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Logo školy
UDRŽENÍ PŘEDSTAVY
strana 22
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
využItí webu
interaktivní design
POUŽÍT KONCEPT → PRO JINÁ MÉDIA
OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE
Práce jednotlivých studentů
další materiály související s vizuálem nevznikly, ⿎⿎ ale je možné koncept webu použít i pro jiná média, pokud bude zájem
např. použít databázi postav / malých verzí / ⿎⿎ na tištěný materiál / nebo ateliérová tužka jako odměna ke klauzurám s malými postavami spolužáků / či školní trhací kalendář s lidmi u příslušných jmen
CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 23
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
JE ZÁMĚREM, že si studenti nemohou svou fotografii aktualizovat stejně jako své práce?
interaktivní design OBSAHOVÁ MAPA
VIZUÁLNÍ JEDNOTNOST FOTEK
INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE
Všichni lidé ze školy
pro udržení vizuální jednotnosti
foceni ve stejném prostředí
KOMUNIKACE CENZURA
Ano, smysl to má, koncept je založen na tom, že jsou na fotkách lidé ze školy a z důvodu vizuální jednotnosti jsou foceni všichni stejně v provizorním „fotoateliéru“, který jsme u nás v ateliéru se spolužáky Matějem Činčerou a Ondrou Bromem vytvořili: jako plátno byl použit lesklý banner, podložený kovovou kozou, podloženou dvěma skleničkami
LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 24
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
VÍCE PRÁCE, ALE STOJÍ TO ZA VYZNĚNÍ PŮVODNÍHO NÁPADU
interaktivní design OBSAHOVÁ MAPA
ZACHOVAT ČISTOTU
INSPIRACE WEBU VŠUP
přemýšlel jsem nad možností, ⿎⿎ kdy by si každý mohl vložil vlastní fotku ulehčilo by nám to hodně ⿎⿎ času / data na webu by byla mnohem aktuálnější / rozsáhlejší / zajímavější
Posuďte sami, zda se čistotu podařilo zachovat
problém je v tom, že pokud ⿎⿎ bychom chtěli zachovat určitou čistotu a jednotnost, tak by musela probíhat „cenzura“ u fotek, které nejsou správně nafoceny / na bílém pozadí, ze stejné výšky apod. / vytvořit rozšíření webu, které dovolí lidem vložit svůj profilový obrázek
VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 25
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
všup WEBOVÉ STRÁNKY → aktuality
o nás
INTERAKTIVNÍ DESIGN OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 26
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
ROZTŘÍŠTĚNOST VIZUÁLNÍHO STYLU
interaktivní design OBSAHOVÁ MAPA
UDRŽENÍ SVÉ PŘEDSTAVY
INSPIRACE WEBU VŠUP
pokud by nám o čistotu nešlo, ⿎⿎ ale dali bychom přednost náhodnosti a nápadům studentů a dovolili nahrát jakýkoliv avatar zase by hrozila velká roztříštěnost jako na Facebooku či Nyxu aj. je otázka, který z přístupů ⿎⿎ je lepší
VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU
není problém vytvořit rozšíření ⿎⿎ webu, které dovolí lidem svůj profilový obrázek měnit
REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY
Facebook
UDRŽENÍ PŘEDSTAVY
strana 27
STŘEDOŠKOLSKÁ ENCYKLOPEDIE PRO GRAFIKY, FOTOGRAFY, TISKAŘE A KNIHAŘE
hlavní obrazovka
informace
o nás
vystihuje nový web atmosféru spojenou s vysokou školou uměleckoprůmyslovou?
no, těžko říct… promýšlel jsem během přípravy návrhu ⿎⿎ tři koncepty: jeden prezentoval primárně práce druhý primárně lidi třetí primárně budovu školy / něco jako technologie Google Street View ve škole nechtěl jsem, aby web sám o sobě: ⿎⿎ bez prezentovaných dat vystihoval nějakou atmosféru, atmosféru by měl začít vystihovat až ve chvíli, kdy se začne naplňovat daty: samotnými studenty → jejich práce pedagogy → například materiály k výuce a přednáškám aktualitami diskuzemi fotkami lidí jinými slovy, kdyby byl býval tento koncept webu ⿎⿎ aplikován na jinou školu, tak by měl vystihovat atmosféru této jiné školy, tedy rozhodující je obsah, na který nemá designér úplný vliv
interaktivní design OBSAHOVÁ MAPA INSPIRACE WEBU VŠUP VZNIK WEBU VŠUP TOMÁŠ PROCHÁZKA CHARAKTERISTIKA MŘÍŽKA LIDÍ MOTIV LIDÍ JEDNOTLIVCI FOTKY LIDÍ ÚVODNÍ STRÁNKA SOUVISLOSTI MEZI PRVKY ČASOVÁ OSA VIZUÁLNÍ PRVEK MODULÁRNÍ ZPŮSOB WEBU PRÁCE NA ZAKÁZCE PŘEDPOKLAD VÝBĚRU REALIZACE KOMUNIKACE CENZURA LOGO VŠUP VYUŽITÍ WEBU VIZUÁLNÍ JEDNOTNOST FOTEK ZACHOVÁNÍ ČISTOTY AKTUALITY UDRŽENÍ PŘEDSTAVY
strana 28
