![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|||||
![]() |
![]() |
![]() |
![]() |
|||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]()
Privire de ansamblu asupra interfeței centrale de navigare a sitului oficial al Rotary International, Districtul 2241 (România și Republica Moldova).
Obiectivul principal al proiectului a fost acela de a aduce nu doar o restructurare a conținutului și metodelor de interacțiune între rotarieni și echipa anuală de conducere, ci și o ameliorare a esteticii lui în raport cu modalitățile contemporane de promovare a identității vizuale a acestei organizații cu peste 100 de ani de existenta. Situl este publicat online și poate fi vizitat aici.
Structura și ierarhia celor 10 module ale paginii centrale de navigare. Diagrama prezintă și ordinea în care se parcurg aceste module precum și relația lor cu zona de "fold" de la "piciorul" paginii.
Detaliu panou navigare și banner dinamic interactiv + câmpul de căutare, meniul derulant de legături rapide și butonul de selectare a limbii. Analizat pe o traiectorie orizontală, reiese cu claritate organizarea conținutului pe trei coloane cu lățimi diferite, lățime dictată de importanța și amploarea respectivului element de conținut.
Elemente vizuale dinamice, animate (banner-e Flash), alternează zonele bazate pe text paragraf cu cele bazate pe imagini fotografice, dinamice și/sau statice.
Pagina centrală de navigare include un mecanism de abonare la buletinul informativ districtual (PHP+MySQL) prin salvarea codificată a contului de E-mail a abonatului într-o bază de date.
Interfața conține doar fragmente ale unor documente mai ample, care pot fi referite, ele încărcându-se deasupra paginii din care au fost invocate.
Câtă vreme vizitatorul nu părăsește pagina care conține legătura solicitată, navigarea rămâne intuitivă și logică. Relația care se instituie între paginile de secțiune și ferestrele de detaliere este una de "moștenire", de tip "părinte-copil".
Detaliu de înglobare în pagină a unei micro-aplicații de tip "calendar", furnizată de Google.
Pagina centrală de navigare, într-o vizualizare integrală la rezoluția finală de 72ppi.
Pentru a mări imaginea la scara 1:1 apăsați tasta "F" și defilați către piciorul paginii unde vă așteptă panoul de ustensile dedicate derulării acestui slideshow.
Un layout de pagină reprezentativ atât pentru estetica generală a sitului rotary241 cât și pentru modul în care a fost soluționată aplicarea normelor manualului de identitate a Rotary International precum și a logotipului anului rotarian 2010-2011, plasat în partea superioară dreaptă.
Exemplu de organizare a unei pagini de prezentare a diagramei structurii de conducere a districtului.
Mecanism de identificare a unui club rotarian din districtul 2241 prin interogarea unei baze de date după introducerea unui tip de informație cunoscută. Interogarea e gestionată de un script PHP care caută ocurența specificată într-o suită de tabele normalizate MySQL.
Un alt exemplu de organizarea informației tabelare în ordine alfabetică.
Exemple de compoziții de pagină clasice prin alternarea echilibrată a elementelor de text, imagine fotografică, simboluri corporative interne ale organizației Rotary International.
Exemplu de document formatat, în totalitate, prin utilizarea foilor de stil în cascadă (engl. CSS).
Exemplu de referire a unor resurse externe, de mari dimensiuni, rezidente fie pe portalul Rotary, fie pe serverele Google.
Exemplu de înglobare a unor materiale video, de înaltă calitate și HD pentru a amplifica efectul mobilizator al conținutului materialelor multimedia (e.g. clip publicitar pe teme de actualitate rotariană).
Design-ul hărții sitului (engl. Sitemap) / Prezentarea, sub forma unei diagrame navigabile a structurii conținutului întregului sit și a manierei tematice în care a fost el organizat.
Exemplu de formulare pentru colectare de date dar și pentru a comunica, electronic și securizat, cu secretarii și președinții de club. Securitatea datelor este asigurată prin scripturi JavaScript și metoda tipică" re-Captcha". Garanția și promtitudinea primirii unui răspuns este dată prin specificarea unui termenn limită, sub forma unei date calendaristice.
Fereastra care prezintă ocurențele identificate în bibliotecile de termeni unici constituite cu ajutorul unei aplicații open-source de indexare. / Pagina materialelor referitoare la identitatea de corporație RI.
Design-ul paginii dedicate evenimentelor districtuale interne. Pagina are o structură calendaristică și se prezintă ca un "recipient" pentru un mare număr de legături la documente de detaliere care se deschid sub forma unor ferestre noi, deasupra documentului "sursă".
Design-ul paginii dedicate, de astă dată, actualităților districtuale interne. Pagina are un design identic cu precedenta secțiune tocmai pentru a întreține ideea consistenței estetice interne a întregului sit. Apăsați tasta "F" pentru a vedea pagina la rezoluția reală.
Pagina în care sunt încărcate în timp real fluxuri RSS precum și legăturile directe către paginile oficiale Rotary International publicate și întreținute pe rețelele de socializare cele mai cunoscute.
Design-ul secțiunii utilitare a sitului în care sunt înglobate atât legături către situri-resursă de unde pot fi descărcate programe de tip «freeware», cât și legături de acces la arhiva RI cu fotografii al căror subiect este legat de țara noastră.
Pagina dedicată protecției antivirus și proceduri de devirusare.
Proiectul reproiectarii sitului oficial al Districtului 2241 a fost început în anul 2010 (octombrie) și a fost finalizat în luna mai 2011.
Situl a fost realizat de către un mic grup format din: un expert în cultură și proceduri rotariane, un copyrighter, tehnoredactor, traducător și un webdesigner. Situl este publicat online și poate fi vizitat aici. |
![]() |
![]()
Imaginea prezinta design-ul gateway-page-ului sitului. Vizitati varianta lui online.
Proiectul "șaisprezece lucrări inedite ale lui Roman Cotoșman" a avut la bază o idee simplă; aceea de a face cunoscute printr-o micro-expoziție virtuală, celor care îi cunsoc și apreciază opera, un set de șaisprezece lucrări, inedite în felul lor, din perioada de formare, la început academică, autodidactă, a artistului cuprinsă între 1957 și 1964. Este perioada în care artistul își sondează, temerar, propriile limite și se află într-o continua căutare a unor soluții tehnice și expresive care să îl mulțumească. Astfel, pe parcursul acestor ani, Cotoșman va trece de la o sinteză a formei, provenită dintr-o lectură cubista și elemente de artă bizantină, la o primă suită de colaje contructiviste care vor pregăti aplecarea sa către cinetismul anilor '65. Lucian, nepotul artistului, a fost cel care a prezervat aceste experimente și, în ultimă măsură, a sprijinit material întregul demers de transformare a lor în obiecte de artă expozabile.
"Răstignire" (din ciclul de exercitii bizantine de sintetizare a formei) / ulei pe carton, 85x112cm, 1961
Chiar dacă design-ul sitului este unul de factură minimalistă, el oferă, totuși, câteva funcții informative și utile vizitatorului, acelea de a-I prezenta biografia artistului, lista ciclurilor, temelor și motivelor care au fost tratate, cu predilecție, în opera lui, precum și expozițiile la care a participat, cu începere din 1965 și până în 2006, când se stinge, dupa o indelungata suferinta.
"Androgin I și II" / monotipie/hârtie, 50x38cm (împreună), 1962
"Exercitii de sinteza cinetica", ulei pe carton, 62x37cm, 1962
"Fara titlu I si II" (din ciclul "spatiu-vid-materie picturala") / ulei/carton, 59x46cm (x2 lucrari), 1963
"Fara titlu I, II, III" (din ciclul ideogramelor gestuale pentru "Spargerea semnului plastic") / tus India/hartie, 21x30cm (x3 piese), 1964
"Fara titlu I si II", tus si aquarela/hartie, 42x60cm, VIII-1962
"Colt de padure I si II", aquarela/hartie, 49x34cm (x2 lucrari), XI-1957
"Fata cu parul lung" / tus si aquarela/hartie, 41x49cm, 1960
"Tensiunile spatiului entropic", ulei/carton, 57x47cm, 1962
"Tensiune, gest, curgere, expresie I, II, III", tus India/hartie, 90x44cm, 1964
"Fara titlu I, II, III", tus India si aquarela/hartie, 43x63cm, VII-VIII 1963
Proiectul a fost realizat in doar doua saptamani, perioada in care au fost inclusa si fotografierea lucrarilor si montajul lor intr-o ambianta
de lumina si textura, complet simulata.
|
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]()
Detaliu al interfeței centrale de accesarea a sistemului informatic de predare a artelor si design-ului in regim de invatamant deschis la distanta, cu cele patru tipuri de utulizatori posibiili: vizitator, student inmatriculat, cadru didactic si administrator sistem. Fata de aceste butoane de acces la functiile dedicate fiecarui rol precum si confirmarea statutului utilizatorului, interfata ofera si altele, cu rol utilitar.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
|
![]() |
![]()
Detaliu al interfeței centrale de navigare a sitului oficial al Rotary International, Districtul 2241 (România și Republica Moldova). sit căruia am încercat să îi aducem, nu doar o restructurare a conținutului și metodelor de interacțiune între rotarieni și echipa anuală de conducere, ci și o ameliorare a esteticii lui în raport cu modalitățile contemporane de promovare a identității vizuale a acestei organizații cu peste 100 de ani de existenta. Situl este publicat online și poate fi vizitat aici.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
|
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]()
Design-ul gateway-page-ului sitului dedicat celor 16 lucrarari semnate de Roman Cotosman. Vizitati varianta online a sitului "saisprezece lucrari inedite de Roman Cotosman".
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
|
![]() |
![]()
Design-ul gateway-page-ului sitului dedicat celor 16 lucrarari semnate de Roman Cotosman. Vizitati varianta online a sitului "saisprezece lucrari inedite de Roman Cotosman".
|
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]()
Design-ul gateway-page-ului sitului dedicat celor 16 lucrarari semnate de Roman Cotosman. Vizitati varianta online a sitului "saisprezece lucrari inedite de Roman Cotosman".
|
![]() |
![]()
Design-ul gateway-page-ului sitului dedicat celor 16 lucrarari semnate de Roman Cotosman. Vizitati varianta online a sitului "saisprezece lucrari inedite de Roman Cotosman".
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
|
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]()
Design-ul gateway-page-ului sitului dedicat celor 16 lucrarari semnate de Roman Cotosman. Vizitati varianta online a sitului "saisprezece lucrari inedite de Roman Cotosman".
|
![]() |
![]()
Design-ul gateway-page-ului sitului dedicat celor 16 lucrarari semnate de Roman Cotosman. Vizitati varianta online a sitului "saisprezece lucrari inedite de Roman Cotosman".
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
Caption for the second image.
|
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |