,,Aplicarea interacțiunii programate în design-ul web a fost elaborat de mine și nu a mai fost prezentată niciodată la o altă facultate sau… [310212]

MINISTERUL EDUCAȚIEI AL REPUBLICII MOLDOVA

UNIVERSITATEA PEDAGOGICĂ DE STAT
„ION CREANGĂ” [anonimizat]-ul web

Teză de licență

Conducător științific:

[anonimizat] 2019

[anonimizat]: [anonimizat] ,,Ion Creangă” [anonimizat] ,,Grafică” declar pe propria răspundere că teza de licență cu tema: ,,[anonimizat]” a fost elaborat de mine și nu a mai fost prezentată niciodată la o altă facultate sau instituție de învățământ superior din țară sau din străinătate.

[anonimizat] a plagiatului: [anonimizat] a sursei.

Redarea reformularea în cuvinte popri a textelor altor autori conține referința precisă a sursei

Rezumarea ideilor altor autori conține referința precisă a originalului

Cuprinsul

Introducere

CAPITOLUL l.

1.1 Istoria și apariția website și design grafic

1.2 Evoluția web designului grafic până în prezent

CAPITOLUL II.

2.1 Aplicarea programului Adobe PS /Firework în crearea interfeței

2.2 [anonimizat], PNG-urilor

2.3 [anonimizat]

2.4 [anonimizat]

2.5Designadaptiv

2.6 Planificarea pentru web design

3.1Coloritul

3.2Planificare

3.3Design Vizual

3.4[anonimizat]

3.5Spațialitatea

3.6Spațialitatea

3.7Spațialitatea

3.8[anonimizat], va asigura un nivel avansat de automatizare a producției. [anonimizat], ceea ce înseamnă mărirea părții de inovație, a designului și de marketing în costul acestuia; „[anonimizat] a [anonimizat] a societății”. Actualmente se înregistrează o creștere a numărului de profesioniști și a „clasei tehnice”. În cazul când societatea industrială constituie organizarea mașinilor și a oamenilor în scop de producere a confecțiilor, [anonimizat] D. Bell îl ocupă cunoștințele și cu precădere cele teoretice. „[anonimizat] a designului s-au ocupat cercetătorii L. N Bezmozdin, I. T. Volkotrub, N. V. Voronov, I. V. Ikomaikov, M. S. Kagan, A. S. Kvasov, Dj. Nelson, V. F Sidorenko, V. I. Tolstâh, Z. Iu. Ciornaia.În prezent, o componență principală a instruirii în domeniul designului este designul grafic. Îndeplinind o [anonimizat] o [anonimizat], [anonimizat]-instructiv de interpretare a spațiului înconjurător de pe poziția obiectivului estetic și funcțional. Designul grafic, ca o formă specifică de activitate creativă grafică de proiectare, este abordată multiaspectual în investigațiile realizate de V. Akopov, L. N. Bezmozdin, A. V. Bogomolov, G. M. Brenkova, O. I. Ghenisaretski, V. L. Glazâcev, E. V. Gadâkin, R. F. Muhutdinov, N. O. Postnikov, S. S. Serov, V. F. Sidorenko, S. Han- Magomedov, L. M. Holmeanski, E. V. Cernevici, care i-au identificat/determinat particularitățile specifice, structura, principiile teoretice și metodice. Studierea principiilor designului grafic presupune formarea multilaterală și armonioasă a personalității, care include și dezvoltarea creativă. Printre cercetările de peste hotare în domeniul perceperii artistice a gândirii vizuale un interes deosebit îl prezintă, in opinia noastră, lucrările autorilor R. Arnheim, N. George, J. Wolker, U. Bowmen, G. Zemper, N. Clarc, E. Ruder, K. Kimura, J. Owink, P. Redmound. Actualmente, studierea designului grafic nu este posibilă fără învățarea devenirii și dezvoltării designului grafic la nivel de profesiune. Chestiunea de devenire și dezvoltare a designului grafic ca profesiune nu este suficient cercetată de către teoreticienii în domeniu. O legătură directă cu această tematică o are cartea lui S. Mihailov și A. Mihailova Istoria designului. Cadrul cercetării acoperă designul în întregime, iar devenirea designului grafic este tratată în linii generale. De asemenea, prezintă interes și cartea semnată de D. Borodaev Web-site ca disciplină a designului grafic, în care autorul abordează problemele privind tendințele stilistice în web-design. În contextul problemei menționate, un interes indiscutabil îl prezintă lucrările lui S. Serov, prezidentul Academiei Designului Grafic, unul dintre întemeietorii Școlii Superioare a Designului Grafic (ȘSDG) din Moscova. Își publică frecvent materialele în revista „Kak”. În revista de pe internet S. Serov semnează o rubrică în care în fiecare săptămână expune principii referitoare la designul grafic, povestește despre experiența sa profesorală, despre studenții săi. Relativ la problemele designului grafic contemporan din occident, nu există literatură în limba rusă, dacă nu ar fi luate în calcul publicațiile în revistele „Da”, „Kak” (Cum) și „Design”. Publicațiile respective au caracter de familiarizare și aproape că nu conțin o interpretare științifică a lucrărilor prezentate. Situația de vacuum informațional existent în Moldova este agravată în primul rând de faptul că literatura de specialitate din apus nu este accesibilă din cauza prețului exagerat și a lipsei de traduceri ale acestora. Este momentul să menționăm că designul în calitate de profesiune nouă înregistrează o vârstă de doar o sută de ani. Este extrem de dificil să întreprinzi descrierea istoriei care realmente este una contemporană. dar înainte de a trage concluzii, este necesar un anume timp de interpretare cu discernământ a fenomenelor care se produc. Probabil că una din cauzele situației semnalate s-o constituie deficitul mare de literatură de la noi referitor la problematica designului. Ținem să atenționăm că lipsa acută a literaturii de genul respectiv se va accentua odată cu apariția unor noi specialități în domeniul designului și cu specializarea adoptată în instituțiile de profil artistic.

Obiectul de cercetare îl reprezintă procesul de formare a designului ca profesiune și crearea modelului profesional de design grafic.

Sarcinile cercetării:

a delimita factorii principali care au influențat la statornicirea/formarea și dezvoltarea designului;

a reliefa bazele teoretice și științifice de formare a designului grafic ca un gen specific de activitate creativ-artistică;

a determina rolul și locul designului grafic în sistemul de instruire artistică;

A determina și a desfășura procesul de statornicire și dezvoltare a designului grafic în aspect profesional prin prisma școlii mondiale a designului grafic;

crearea web-designului;

Metodele de cercetare:

analiza literaturii

cercetarea propriu-zisă

sinteza

observația

sistematizarea

Noutatea științifică și valoarea teoretică:

interpretarea și expunerea problemei privind dezvoltarea designului grafic ca profesiune.

sistematizarea și formularea principiilor de sinteză a istoriei de devenire a designului grafic.

Însemnătatea practică:

elaborarea teoretică a problemei propuse pentru cercetare va servi la pregătirea materialelor pentru instruirea experimentală;

în exemplul lucrării noastre, studenții vor învăța cum să aplice cunoștințele în practică, vor putea crea designul site-urilor;

1.1 Istoria și apariția website și design grafic.

„Design” în traducere din engleză înseamnă „idee”, „concept”, „proiect”, „ozor” („a concepe”, „a proiecta”). În sens mai restrâns profesional designul înseamnă activitatea artistică de proiectare la elaborarea confecțiilor industriale de calități estetice și utilitare înalte.

Problema principală a designului este crearea unei lumi concrete culturale și antropoconcordante, care să fie apreciată estetic ca armonioasă, unitară.

În zilele noastre în general este dificil să ne imaginăm un domeniu oarecare de activitate umană în care nu ar avea front de manifestare un designer. Designul îmbrăcămintei și al accesoriilor, designul grafic și de peisaj, fotografic și fitodesignul, web-designul, designul mediului arhitectural, designul de calculator, al mobilei, designul industrial. Numărul direcțiilor de designare și de specializare actualmente continuă să crească.

Unul din domeniile cele mai vechi și mai răspândite ale activității de design îl constituie designul grafic. Inițial, noțiunea de „design grafic” nota sensul de reprezentare artistică a textului și a imaginii pe pagina tipografică pentru crearea rândului vizual de cuvinte în scop de informare, de convingere și de delectare a cititorului. În Enciclopedia liberă Internet este înserată următoarea definiție: „Designul grafic – constituie o activitate artistică de proiectare în scop de creare a unui mediu vizual comunicativ armonios și efectiv”. De design grafic ține și arta de reprezentare a cărții, prospectul publicitar informativ, pliantul, ambalajul, elaborarea etichetelor și a timbrelor comerciale, a semnelor de firmă și a garniturilor de scriere (caracter), producția de reclamă pe panouri și fațade in oraș.

Pe parcursul secolului al XX-lea țara noastră a fost izolată de lumea occidentală, din care cauză informația ajungea la noi într-un volum cu totul neînsemnat. Și noțiunea de „design” în circuitul nostru de valori a pătruns abia 15-20 de ani în urmă, când în toate țările din lume era operațională încă în anii’60-70. Sigur că și la noi era ceva similar. Designul ca profesiune modernă în Uniunea Sovietică a apărut în anii 60. Este adevărat că el a fost cu grijă camuflat cu pseudonimele sovietice de tipul „construcția artistică”, „estetica tehnică”, „grafica aplicată”, „grafica industrială și ambalarea”, „reprezentarea tehnică și artistică a producției tipografice” etc. Referindu-ne la timpul din anii respectivi, putem spune că la noi designul nu exista, un design ca un component indispensabil al culturii și economiei. Din acest motiv aria geografică de cercetare cuprinde factorul cunoscut ca țări dezvoltate – SUA, țările din Europa occidentală, Japonia. Aceste regiuni sunt mai dezvoltate în raport tehnologic și cultural și au tradiții artistice bogate. Spre deosebire de Rusia, unde designul grafic comercial, în aspectul său actual, nu are mai mult de cincisprezece ani, iar în Europa și SUA el, cu excepția unor întreruperi nesemnificative se dezvoltă deja de aproape o sută cincizeci de ani. Faptul, neîndoielnic, le propulsează pe țările dezvoltate în ipostaza de emițători de legi în grafică și, firesc, tendințele progresive trebuie să fie tratate în exemplul acestor țări. Excepție va fi constructivismul rusesc din anii ’20, întrucât este evidentă influența asupra designului mondial. Secolul al XX-lea constituie dimensiunea principală de cercetare a dezvoltării designului grafic. „Cu cât mai mult se îndepărtează trecutul anilor ’20 ai secolului trecut, cu atât devine mai evident că atunci a fost pusă temelia a ceva extrem de important pentru dezvoltarea sferei de creare/producere a confecțiilor de caracter artistic”, susține S. O. Han-Magomedov. „Nu fiecare deceniu se caracterizează prin apariția de genii. Secolul al XX-lea i-a cunoscut pe mulți dintre ei. Și de mai mult nu avem nevoie. Fiecare sector trebuie să fie ocupat și utilizat. În continuare va trebui să ne mulțumim de ce ne-a dat secolul al XX-lea. Astăzi este timpul și de acumulare și de analiză, și nu al creației. În acest mod cel puțin vom păstra bogăția colosală pe care o avem acum și o transmitem maselor „ -opinează Peghi Gunheim.

De asemenea, în investigația noastră sunt abordate principiile teoretice și premisele de apariție a designului până în secolul al XX-lea. Astăzi este timpul și de acumulare și de analiză, și nu al creației. În acest mod cel puțin vom păstra bogăția colosală pe care o avem acum și o transmitem maselor” opinează Peghi Gunheim.

De asemenea, în investigația noastră sunt abordate principiile teoretice și premisele de apariție a designului până în secolul al XX-lea oferind astfel un termen, un excurs istoric și pentru formulări de raționamente introductive. Designul ca profunzime a apărut și s-a format anume în secolul al XX-lea, cu toate că unele sau altele particularități, chiar și manifestări specifice designului sunt înregistrate încă pe la începutul dezvoltării societății. Identificarea momentului exact de apariție a designului nu este posibilă, însă ca profesiune el s-a născut anume atunci când a fost predat de la catedră, iar eliberarea diplomelor corespunzătoare recunoscute de comunitate i-a situat pe specialiștii din domeniul designului în același rând cu reprezentanții altor specialități necesare societății. Mai mult de o sută de ani din istorie constituie un termen neînchipuit de redus. Dar secolul care s-a scurs nicidecum a fost unul ordinar. Cercetătorii consideră că traseul pe care l-a parcurs civilizația noastră în ultima sută de ani prin descoperirile sale și în realizările științifico-tehnice este comensurabil cu toată istoria precedentă a omenirii. Iar aceasta înseamnă că și istoria designului care reflectă procesul integral al progresului științifico-tehnic, chiar și cu mica sa perioadă de timp, devine comparabil cu istoria arhitecturii și a construcției umane, a picturii și a artei decorativ-aplicate, istorie care ne este atât de cunoscută.Primul designer web a fost chiar inventatorul www-ului, Tim Berners Lee, care a publicat primul site din istorie în anul 1991. La început siturile nu erau nici pe departe atât de complexe și încărcate grafic cum sunt în prezent, limbajul utilizat – HTML – fiind nu prea puternic și permițând numai o serie limitată de formatări, precum și inserarea de linkuri, pentru a putea "lega" paginile între ele, designul web fiind, de fapt, mai mult "programare" web.

În prezent preocuparea pentru aspectul grafic al siturilor, devenite puternice instrumente comerciale și publicitare, justifică în întregime denumirea de "design web", iar tehnologiile utilizate s-au diversificat și au devenit din ce în ce mai complexe. Companiile care produc situri lucrează cu angajați specializați pentru fiecare etapă a dezvoltării unui sit, de la stadiul de concepție grafică la programare și editare de conținut pentru SEO (Search Engine Optimization – optimizarea siturilor pentru motoarele de căutare). Siturile actuale sunt din ce în ce mai mult axate pe animație interactivă și dinamism, aceste deziderate fiind îndeplinite de exemplu de cunoscutul program Adobe Flash, precum și de alte programe apărute după acesta, care pot genera automat fișiere animate de diverse formate.Web-designul constituie „fața” internetului contemporan și exercită rolul de verigă de legătură, grație căreia se produce efectul de acces la sistemul mondial global de informații. Webdesignul este una din forțele motrice ale designului grafic ce se situează în avangarda culturii de proiectare în întregime.

Primul prototip al designului grafic a fost tiparul de cărți care a jucat un rol determinant în dezvoltarea tehnicii medievale, a științei și culturii, făcând ca știință și cunоștințele acumulate timp de secole de către popoare diferite să fie accesibile pentru toată lumea.

Inventarea tiparului pentru cărți adeseori este comparată cu astfel de descoperiri istorice ale omenirii cum sunt inventarea roții antice și a scrisului. Prima tipărire a unei cărți în Europa Occidentală este raportată către sfârșitul secolului al XIV-lea – începutul secolului al XV-lea.

Inventatorul tiparului cu un corp mobil de litere a devenit meșterul german I. Gutenberg.

Desenul I. Gutenberg

(reprodusă de pe gravura XVI)

Desenul 2. Biblia (cu 42 de rânduri în pagină) tipărită de Gutenberg. Exemplarul dinCambridge

Cu ajutorul mașinii manuale de turnat, meșterul a turnat peste o sută de litere metalice absolut identice din aliaj de plumb, stibiu și bismut. În 1450, în orașul Mainț a început să imprime Biblia pe 1206 de pagini. Toate eforturile întreprinse de la începutul tipăririi de cărți în secolul al XV-lea până la edițiile din secolul al XX-lea au urmărit un scop clar: ieftinirea și accelerarea procesului de răspândire a informației. (A se vedea desen. 2). Apariția manufacturii este raportată către secolul al XIV-lea. Pentru prima dată a apărut în Italia. La sfârșitul secolului al XV-lea – începutul secolului al XVI-lea au început să fie întemeiate în Germania, Anglia, Olanda, Franța. Odată cu dezvoltarea manufacturilor, procesele de producere solicitau un număr tot mai mare de oameni, cheltuieli mai mari de energie, au fost pregătite condițiile necesare de trecere la producerea cu ajutorul tehnicii.

Revoluția industrială de la sfârșitul secolului al XVIII – începutul secolului al XIX-lea a condus la înlocuirea producerii manuale și meșteșugărești cu producerea tehnică de proporții mari, la apariția unei lumi tehnice noi, la producția masivă de tehnică de caracter științific, la producerea de mărfuri variate de calitate înaltă și ieftine. Noile descoperiri, realizările tehnice, producția industrială solicita soluții tehnice noi, principii noi de formare a noilor specialități. În societate s-a creat necesitatea de a „umple viața” cu obiecte de uz comun, produse pe cale industrială. În scop de soluționare a pericolului apărut referitor la conflictul dintre producția tehnică și concepțiile estetice ale societății, precum și a preîntâmpina vandalismul muncitorilor în raport cu tehnica nouă, cum s-a întâmplat, spre exemplu, în Anglia, s-a procedat la organizarea de comitete diferite de încurajare a interacțiunilor dintre artă, viața cotidiană și tehnică. „Societatea Engleză de Arte” a fost reformată în „Societatea de simulare a Artelor”, s-a mărit considerabil numărul de cărți și de articole tratând tema de influență a culturii asupra dezvoltării tehnicii. Presimțirea crizei culturale odată cu dezvoltarea tehnicii a fost înregistrată în opinia lui Goethe. În discuția cu Akkerman el recunoștea: „Această mașinărie tot mai diversificată mă chinuie și mă îngrozește; mișcarea ei este începută, înaintează și curând va ajunge la noi”. Același lucru l-a prevăzut și Shiller în „Scrisori despre educația estetică a omului”, în care scria că una dintre cele mai mari sarcini ale culturii constă în faptul că în mediul fizic material al oamenilor forma să fie subordonată legilor/principiilor estetice, întrucât doar dintr-o valoare estetică și nu din una utilitară, poate să se dezvolte o „stare morală”.

În perioada tranziției de la producția manufacturară la cea tehnică, de extindere a comerțului și de formare a piețelor internaționale începe să crească rolul și importanța expozițiilor. Începând cu anii ’60 ai secolului al XVII-lea sunt organizate expoziții naționale de caracter comercial cu desfacerea mărfurilor industriale. Primele expoziții de acest fel au fost desfășurate în Londra (1761,1767), la Paris (1763), la Dresden (1765), la Berlin (1786), la Mϋnchen (1788), la SanktPetersburg (1828).

Expozițiile industriale internaționale au jucat un rol semnificativ în procesul de devenire și dezvoltare a designului. În cadrul expozițiilor semnalate, confecțiile tehnice, aidoma lucrărilor de artă, pentru prima dată au fost prezentate pentru vizitatori în calitate de exponate artistice. Aici au ieșit la iveală lucrurile principale în privința esteticului formelor primelor confecții industriale. Odată cu instaurarea secolului industrializării designului, a început să creeze prototipuri ale confecțiilor pe care , cu ajutorul mașinilor, le produceau alți oameni, specialiști. Însă experiența designului timpuriu era cu totul rudimentară. De aspectul funcțional și economic al confecțiilor produse se ocupau inginerii, iar designerii erau responsabili exclusiv de înfățișarea estetică. Pictorii care s-au încadrat în activitatea industrială, în scop de îmbunătățire a calităților estetice ale confecțiilor produse în serie, se ocupau de vopsirea acestora. Și în această activitate ei adeseori imitau munca manuală. Producerea unor astfel de obiecte ornamentate în număr mare făceau dovada unui gust prost.

Desenul 3. Expoziția industrială internațională. Londra, 1851.

Desenul 4. Ernst Alban .

Presă de presiune înaltă. Germania, 1840.

Primele expoziții internaționale au demonstrat oportunitatea identificării unei abordări principial noi în pregătirea specialiștilor de profil industrial.

Unul dintre pionierii designului Gh. Zempler a formulat printre primii problema corelației dintre tehnică și estetică. Lucrările sale teoretice, anticipând cu mult timpul său, au servit drept bază pentru formarea în ideologia de proiectare a raționalismului. Zemper s-a impus ca teoretician al culturii materiale parțial ridicând problema privind unitatea de principii și interacțiunea dintre arhitectură și artele aplicate.

Un alt teoretician al artelor și pictor D. Resckin a lansat o critică acerbă asupra epocii industriale care se apropia. Resckin nu recunoștea lucrurile produse în serie și îndemna la revenirea la meșteșuguri. În renașterea meșteșugurilor Resckin spera să afle alternativa la producția fabricată care îl îngrozea precum și posibilitatea de a mări valoarea estetică a obiectelor de uz casnic. W. Maurris îl urma în multe privințe pe Resckin, însă, cu toate acestea, a mers mult mai departe. El a propus o programă practică de elaborare a unui nou stil de viață, de îmbinare a tehnici performante cu munca manuală, cu meșteșugurile ca o manifestare specifică a creației populare. Prin aceasta W. Maurris și-a realizat visul – să creeze o idilă a muncii în colectiv a pictorilor, arhitecților și meșteșugarilor. W. Maurris a fondat mișcarea „Arts end Crafts” (”Artele și Meșteșugurile”), ideea principală a căreia era întoarcerea la meseria manuală care constituie idealul artei aplicate, precum și ridicarea unor meșteșuguri considerate „sub nivel”, cum ar fi tipărirea cărților, turnarea de litere, fabricarea hârtiei, gravura la rang de arte cu drepturi depline. El afirma că evoluția tipografiei este în impas. Dacă primele cărți tipărite au fost cele mai bune din întreaga istorie, atunci tiparul secolului al XIX-lea este, în opinia sa, mai rău: comerțul a distrus frumusețe.

Desenul 5. D. Adams. Noua Biblie ilustrată a lui Garper, 1846

Desenul 6. W. Maurris. Prima pagină.

Notițe privitor la crearea presei din Kelmskottsk.

W. Maurris, prin lucrările sale, s-a opus tiparului la modă, spontan și dezorganizat, în ideea de a pune ordine și a stabili legături între toate componentele cărții ca fiind ale unui tot întreg (A se vedea desen. 6). Anume cu Maurris s-a pus începutul profesiunii de design: omul, specialistul care înlătura elementele eterogene ale formei. Ideile de mișcare direcționate la armonizarea societății industriale au contribuit la elaborarea orientării noi dedicate producerii mecanizate în serie a mărfurilor de larg consum, care ulterior se va numi „design”. De asemenea, nu mai puțin important este că el consideră că fiecare om este înzestrat cu aptitudini pentru creația plastică, exact cum are înclinații de a vorbi, deși aceasta impune anumite deprinderi, însușirea limbajului specific al artei.

La hotarul secolelor XIX-XX în arte s-a produs o criză a sistemului de valori. S-a resimțit îndeosebi în sectorul artelor aplicate. Stilurile și metodele vechi nu mai puteau ține pasul cu procesul de producție care avansase cu mult. Astfel, de exemplu, stilul modern, format sub influența puternică a artelor și literaturii simbolismului, înclina către poetizarea realității și către rafinamentul vieții luxoase, nu a avut energia să existe îndelung, întrucât aceasta impunea cheltuieli considerabile. În stilul modern s-a găsit loc și pentru posibilități tehnice noi și pentru bunuri asigurate de dezvoltarea tehnicii, exceptând doar producerea în serie. În cartea sa Stiluri grafice de la cel victorian la postmodernism Stiven Heller îl denumește modern sau „Ar Nouvo”, cum este de obicei denumit în literatura engleză, primul stil internațional. Cât privește grafica, temelia care alcătuiește limbajul grafic al stilului modern a devenit ilustrația de autor, care întrunește în componența sa ornamente complexe și caractere individuale de desen. Toate acestea necesitau perioade mari de timp pentru elaborarea machetei originale și, de regulă, cheltuieli materiale mari pentru asigurarea procesului de producere. lucrurile de utilizare individuală create de pictorii aplicativi demonstrau caracteristici ale unui gust estetic rafinat, însă confecțiile ieșite din halele fabricii nu aveau nimic comun cu ceea ce denumim estetic. Încercarea de a atribui confecțiilor industriale semne ale stilurilor istorice vechi nu puteau să aibă succes. În condițiile de scumpire a procesului de producere a confecțiilor, acestea oricum aveau aspectul doar de parodie a obiectelor de artă aplicată. Se impunea identificarea unui stil nou care să posede un limbaj artistic nou care să corespundă noilor modalități de producere. Noile curente artistice produse la începutul secolului al XX-lea, cum sunt cubismul, futurismul, suprematismul ca un „mod de viață a întregii omeniri au generat un fenomen global în arta aplicată cum este modernismul.

Concentrarea totală sau parțială a principiului de reprezentare a stilurilor vechi ale artei, identificarea unor procedee vizuale noi, orientarea revoluționară și radicalismul – toate acestea constituie particularitățile cele mai caracteristice ale curentelor menționate

De aceea anume din acest timp am putea vorbi despre constituirea designului.

Înainte avea să se desfășoare secolul de calamități inimaginabile, de revoluții și războaie. Prima mișcare în lumea artelor, generată de noua realitate, a devenit cubismul. A urmat după acesta abstracționismul lui Kandinsky. Plasticienii/pictorii au sesizat năruirea tuturor principiilor și și-au propus să gândească lumea din nou. În toate experimentele se profilau două orientări: materialistă, care se străduiau să reconstruiască lumea pe cale rațională (constructiviștii) și irațională care se refugia din realitatea înfricoșătoare în șamanism și nebunie (dadaiștii) . Unii se străduiau să simplifice, să subordoneze și să îmbine, alții s-a dezis de orișice ordine și de raționalitate.

7. F. Marinetti,

Copertă de revistă, 1912.

Futuriștii au constituit primul curent care a utilizat potențialul de expresie al cuvântului . Scrisul în lucrările lor a devenit un participant activ al compoziției. Cu toate manifestările zgomotoase despre lumea nouă a progresului, industriei și științei, futuriștii n-au reușit să conceapă o întruchipare reală și deplină a ideilor lor în limbajul tipografic. Lucrările lor reprezintă o diversitate de experimente, de zgomot și de dezordine, în timp ce elementul științific aproape că lipsește. Orientarea materialistă în design a fost să devină internațională și recunoscută de toată lumea de la mijlocul secolului la XX-lea. Pe la 1920 ideile futuriștilor despre mașină ca un ideal al contemporaneității și despre pictor ca despre un inginer de profil general, au cunoscut o întruchipare reală în lucrările constructiviștilor. Dintre toți constructiviștii, tânărul german Ian Cihold a fost cel mai experimentat elaborator de garnituri de scris. Cu experiență și cu studii în caligrafie, el a reușit să transforme ideile abstracte, care pluteau în aer, în limbaj tipografic. Cartea sa Die neue Typographie (Tipografia nouă) imprimată în anul 1928, a devenit un manifest și un manual al noii abordări a designului produselor tipărite.

Reprezentarea poligrafică desăvârșită este mai curând o știință, și nu o artă, susținea Ian Cihold. Posedarea unei meserii este o condiție indispensabilă, dar nu este totul. Mai este nevoie și de un gust sigur care să distingă munca desăvârșită și care să se sprijine pe interpretarea lucidă a legităților de reprezentare armonioasă. Potrivit acestor rațiuni, maeștrii artei tipografice nu se nasc și pot deveni doar treptat, în rezultatul studiului permanent [27, p. 11]. El înfiera individualismul ca pe un produs al trecutului și preamărit caracterul de masă și accesibilitatea oricărui om din oricare țară. El promova ideea de curățat tipăriturile de elementele de înfrumusețare, de împrumut.

În locul simetriei tradiționale de construire a colii, el a înaintat opunerea asimetrică a formelor, dinamica în locul staticii . În locul ilustrației tradiționale, el a propus fotografia „obiectivă”, iar în locul anticvei cu „încrestături decorative” – un scris adevărat al timpului nou – scrisul grotesc. Contrastul și geometria constituiau modalități de lucru, subordonarea – prin modul de organizare a colii de hârtie. Ian Cihold preda în Bauhaus (despre școala aceasta vom relata în paragraful al doilea) – școala noilor arte în Dessau împreună cu arhitecți și pictori progresivi ai timpului. El a fost un creier original al abordării noi a artelor plastice, arhitecturii și designului. În aceeași zeamă au fiert Kandinsky, P. Klee, Moholi-Nadi, M. Rai, D. Gratfield, W. Gropius, G. Bayer. Toți acești specialiști împărtășeau idei identice și au încercat să implementeze viitorul în contemporaneitate, credeau în progres și se considerau a fi în avangarda acestui proces. Ei abordau arta ca pe o știință și depuneau eforturi să identifice legitățile obiective ale reprezentării.

Și în concluzie, se poate afirma că etapa designului la începutul secolului al XX-lea a îmbinat calitățile etapelor precedente. Revoluția industrială de la sfârșitul secolului al XVIII-lea – începutul secolului al XIX-lea, noile descoperiri, realizările tehnice, producerea industrială necesitau soluții tehnice noi, principii de pregătire a specialiștilor. Ideile de mișcare orientate spre armonizarea societății industriale (D. Reschin, W. Maurris , W. Gropius) au contribuit la elaborarea unei orientări noi, destinate producerii mecanizate în serie de larg consum care ulterior va purta denumirea de „design”. Expozițiile industriale internaționale au jucat un rol semnificativ în constituirea și dezvoltarea designului.

Curentele artistice noi de la începutul secolului al XX-lea, cum sunt cubismul, futurismul, suprematismul, au asigurat viața unui astfel de fenomen global în arta aplicată cum este modernismul.

Efectuând totalurile etapei de devenire a designului, vom menționa că încă de pe atunci a fost pusă temelia princiAApalelor sale orientări și tendințe. Mai târziu au apărut centre mari de pregătire a designerilor, care au jucat un rol important nu doar în reprezentarea profesională a designului, dar și în cultură în întregime: Bauhaus în Germania , Bhutemas în Rusia, primele școli americane din anii ’30. Apoi s-a început etapa școlii din Ulmsk, de formarea sistemului învățământului de design în unele țări din Europa, Asia, America, care s-au transformat într-o forță socială anume ca sistem de școli

Actualmente, un designer poate soluționa astfel de sarcini pe care le putea soluționa anterior doar biroul de constructori. În legătura cu apariția calculatoarelor personale, se dezvoltă rapid designul industrial precum și designul interiorului, designul de peisaj, designul poligrafic și Web-design. Odată cu dezvoltarea tehnicii computerizată, realmente toată activitatea omenească a deplasat pe locul al treilea spațiul realității virtuale. Toate calculările sunt executate de mașini. Comunicarea se produce, în mare măsură, de asemenea, în lumea calculatoarelor. Internetul astăzi reprezintă componența comunicațională a culturii contemporane și nu e de mirare, deoarece tehnologiile moderne deja au atins nivelul necesar care corespunde la două condiții principale ale confortului: viteza și lipsa necesității în ce privește deplasarea omului pentru transmiterea informației. Mărirea interesului pentru tehnologiile Internet, dezvoltarea rapidă a lor, răspândirea, tendința către un anumit nivel calitativ în informația vizuală, contribuie la fluxul substanțial de designeri profesionali în această încă nouă sferă a designului grafic – Web- design.

WWW – Word Wide Web (Mediul multimedia hipertextual interactiv, utilizând limbajul de marcare și care susține numărul de protocoale ale Internetului). Rețeaua internațională a apărut în 1992. Ea a fost creată de Tim Berners-Li cu reședința la Geneva (Elveția). Internetul a apărut ca o modalitate de schimb de informație între savanți, a devenit destul de repede un canal de comunicare în masă, unde fiecare putea să folosească posibilitățile de construire a Webpaginii, pretinzând la rolul designului. În condițiile de tranziție de la „societatea postindustrială” la societatea „informațională”, computerizarea globală a mărit calitativ rolul unor astfel de particularități de gândire a designului, cum sunt reprezentarea și nivelul de intuitivitate, în situația de modelare a rezultatului acțiunilor de proiectare și de implementare. În ultimă instanță, computerizarea a contribuit și la nivelarea socială a profesiunii de designer, imprimându-i imaginea de „evident accesibil” pentru toți doritorii să activeze în sfera designului. Apariția noului tip de design grafic Web-design se produce în procesul complex de adaptare a posibilităților existente de vizualizare a informației cu moștenirea clasică a reprezentării cărții. Adaptarea lor la posibilitățile existente în dezvoltarea de comunicare decurge pe căile de identificare a modalității individuale de vizualizare și de oferire a informației.

Corespunzător, una din sarcinile principale ale paginii Web-design constă în formarea metalimbajului propriu de transmitere a informației. Se poate spune că Web-design constituie un design grafic transferat într-un mediu interactiv. El prin esența sa este mai aproape de poligrafie.

Scopul principal al designului grafic cu specificul ascuns într-un mediu interactiv interface – este de a-l ajuta pe beneficiar rapid și intuitiv să se orienteze pe site-ul ales. Exact ca și o altă sferă a designului, el trebuie să execute principalele reguli ale designului aplicate față de obiectul proiectat, în cazul dat față de interface, cu alte cuvinte să-l facă să fie frumos, utilitar, simplu, comod la folosire etc. La accesarea site-ului, utilizatorul (user), după ideea Web-design, trebuie să găsească rezerve în general folositoare, iar în particular – plăcut vizual și simplu și înțeles la utilizare. Web-design, spre deosebire de poligrafie, deja nu mai este construcția confecțiunii, nu este partea neînsemnată și suplimentară a acestuia, ci chiar esența confecției. Proiectând site-ul, web-designul creează un produs de valoare reală și nu doar să-i dea formă. Și din motivul acesta rolul designului pe web-proiect este de primă importanță, iar web-designul își asumă rolul de creator al confecției. De aici reiese că web-designul reprezintă esența internet-proiectelor, iar asta înseamnă că și esența Internetului ca atare. Site-ul trebuie să fie aproape, înțeles și proporțional cu utilizatorul. În idealul web-designului trebuie să ne străduim să întrezărim dorința unei anumite grupe de utilizatori, care vor vizita obligator site-ul în virtutea specificității site-ului ca atare.

La temelia designului site-ului stau aceleași principii fundamentale care stau și la temelia altor tipuri de design:

–principiul funcționalismului:”ce este funcțional este și frumos.”

Principiul acesta a apărut și a fost conceput la sfârșitul secolului al XX-lea în școala lui Bauhaus. La crearea site-ului sunt soluționate toate problemele de funcționare a lui, și de aceea, la elaborarea machetei site-ului, principiul semnalat nu poate fi aplicat. Pe de asupra, de o importanță mare este ansamblul elementelor grafice și distribuirea lor rațională pe pânza machetei viitoarei pagini a site-ului. De aici decurge al doilea principiu al artei designului:

principiul constructivismului, care constă nu în scopurile de concepere a compoziției, ci în cele de creare a construcției ei.

Web-designul site-ului își formulează diferite scopuri:

–formarea la utilizator a percepției pozitive a imaginii obiectului produs de reclamă

–simplitatea și precizia în structura site-ului

–un interface al utilizatorului înțeles intuitiv–confortul sistemului navigațional

Iar realizările lor permit îndeplinirea scopului economic al companiei, precum și problemele culturii contemporane solicită soluționarea lor. În legătura cu aceasta, crearea site-ului a căpătat un sens nou. Uneori chiar lucrările create de designeri merită să fie raportate la genul modern de artă. Deopotrivă cu expozițiile de design al interiorului, au început să apară expoziții Webmaeștrilor.

Tehnologiile noi contribuie la simplificarea realizării imaginilor Web-pictorilor, iar pe de altă parte necesită rezerve considerabile de cunoaștere în diferite științe și culturi, precum și abilități suficient de bune în tehnologiile computerizate. În general, el trebuie să posede o gândire asociativă, să fie dezvoltat intelectul și să stăpânească abilități tehnice elementare. Pentru că construcția lucrurilor este bazată pe principiile de îmbinare a confortului, economicului și frumosului.

Dacă vine vorba despre stiluri în care se dezvoltă Web-design, atunci în lucrarea de teză „Web-site ca un obiect al designului grafic” autorul acesteia a delimitat principalele orientări stilistice în designul Web-site [37, p.131-146]:

„interface” sau designul „unificat”; „de autor” sau designul „alternativ”; „etnic” sau designul „regional”.

Pentru modelul mai răspândit astăzi designul „interface” sunt caracteristice astfel de criterii precum sunt funcționalitatea web-site-ului, uniformitatea soluției grafice și caracterul stereotip, la baza căruia se află tendința de apropiere a interface-ului grafic a web-site-ului de structura programelor care deja a devenit un lucru obișnuit pentru utilizatorii de calculatoare personale. Sarcina principală a lor, ca și odinioară, este caracterul logic al conținutului și ideea informației transmise utilizatorului .

Modelul” de autor” sau designul alternativ se caracterizează, în primul rând, prin soluția nestandardizată a părților web-site-ului atât funcțional, cât și grafic. Anume în modelul acesta sunt utilizate toate programele noi și sunt efectuate experimente cu interface-ul utilizatorului. Spre deosebire de modelul designului „interface”, aici, în prim plan, se manifestă nu atât sensul informației ca atare, cât „crearea mediului virtual compact, în care are însemnătate legătura cu aceasta … posibilitatea de recepționare a informației ca fiind mai importantă, decât comunicările concrete” [21, p. 4]. În opinia lui D. Bordaev, anume în modelul respectiv se produce aprobarea sau poate fi formarea stilurilor principale ale web-designului.

Modelul al treilea pentru zilele noastre este mai curând de perspectivă, decât funcțional. Faptul este pus în legătură cu tendința de unificare, specifică pentru societatea postindustrială și pentru Internet în întregime, și universalizarea în detrimentul autodeterminării și al identificării naționale. Însă pentru modelul propriu-zis este specific caracterul logicîn formarea particularităților de stil și comunicative ale site-ului.

8.particularităților de stil și comunicative

Pentru moment, semne caracteristice ale unui astfel de model pot fi văzute precumpănitor în regiunile asiatice ale internetului.

ale Website-ului

În concluzie la capitolul web-design, se poate afirma că pagina constituie una din forțele motrice ale designuluiu grafic care se află în avangarda culturii de proiectare în întregime. Cerințele înaintate față de aceasta – perceperea fină a timpului, capacitatea de reflectare a zile curente și scurtarea zilei de mâine – determină reacția rapidă a lui la apariția posibilităților tehnologice noi [22, p. 3].

La crearea site-ului „Vanille Magazine” a revistei Internet pentru dame, de caracter informativ-distractiv, au fost utilizate toate principiile pe care le-am expus mai sus. A fost luat în calcul principiul funcționalismului: „ce este funcțional, este frumos”, precum și principiul constructivismului.

Cât privește stilul acestui site, el a fost conceput prin combinarea câtorva stereotipuri de structuri de programe cu complimentări de autor. De aceea, el nu poate fi raportat la stilul „interface” pur, ci, mai degrabă, la cel combinat. Principalul scop al site-ului constă în a crea un mediu confortabil pentru tineret (jumătatea feminină), pentru a-și petrece plăcut timpul liber, și astfel pe site-ul acesta poate fi consultată informația despre orice lucru care o interesează pe femeie, începând cu horoscopul și terminând cu călătoriile.

Spre deosebire de reclama exterioară, designul care se construiește pe contrast, ca astfel timp de o clipită să fie ademenit cumpărătorul potențial, designul site-ului se construiește după alte principii.

Internetul constituie un mediu în care utilizatorul poate să se afle îndelung pe un portal, pe un site și de aceea designul este creat să nu fie bătător la ochi, liniștit și confortabil. Reieșind din toate acestea, a fost folosită o gamă ponderată de nuanțe pastelate.

Dacă e să vorbim despre structura ca atare a site-ului, atunci se impune elaborarea, în primul rând, a logotipurilor și un stil comun al paginii principale a site-ului. De aici, având ca temelie designul paginii principale, toate celelalte pagini ale site-ului au fost efectuate în același stil. La crearea logotipului „Vanille Magazine”, precum și a site-ului era cazul să subliniem faptul că site-ul este destinat pentru un auditoriu feminin. Din cauza aceasta în logotip și în site pot fi identificate astfel de calități cum sunt:

finețe, feminitate, eleganță, rafinament.

Pagina principală constă din următoarele componente:

Avize ale noutăților,Avize ale articolelor,Referințe la compartimentele site-ului,

Referințe la serviciile site-ului (cărți de tălmăcire a viselor, horoscop, nume etc.)

Realmente, fiecare compartiment este delimitat, la rândul său, în subcompartimente (A se vedea anexa).

Serviciile site-ului:

Biblioteca,

Consultație psihologică,

Carte de culinărie (dispune de compartimente tematice),

Horoscoape (structurate pe mai multe rubrici: floral, erotic, caracteristici generale),

Cărți de tălmăcirea viselor (ierarhie: litere, silabe, cuvinte),

Teste psihologice (rubrici tematice, realizarea unor caligrafieri simple),

Însemnătatea numelor (registrul de nume, în viitor–după litere; posibil să se realizezecontrolul de compatibilitate a numelor, caligrafiere simplă),

Calendar lunar,

Calități ale pietrelor (lista alfabetică a pietrelor, pentru care semne zodiacale, calitățileetc.)

Suplimentar la aceste compartimente, mai sunt și altele:

despre revistă,

căutări pe site,

abonare la o referință nouă,

RSS-bandă.

La crearea site-ului se va lua în calcul că pe pagini pot fi inserate bannere de reclamă și, în unele cazuri, referințe de parteneriat;

De asemenea, trebuie să fie folosite prioritățile stilurilor portal, lucitor și ale stilului de gazetă rafinat și lin și să fie evitate aspectele colțuroase și stilul corporativ arid;

Crearea unei stilistici identice de elemente navigaționale (butoane, referințe etc.);

În fiecare compartiment trebuia să fie amplasate tissere de proporții mici (acestea sunt fie tablouri care fac referință la un articol sau compartiment, fie titluri de noutăți pe site conducătoare fie la un domeniu sau altul);

Pe fiecare pagină trebuia să fie făcută o referință la meniul principal sau navigațional.

În rezultat, a ieșit un site care îi produce utilizatorului o percepere pozitivă, ușurință și simplitate în mișcări.

2 Evoluția

La sfârșitul anilor 1990, o nouă tehnologie a apărut pe scenă: Flash.

Flash a fost o platformă software care permite designerilor să integreze muzică, video și animație în site-uri web, ceea ce face o experiență audio-vizuală mai dinamică. Flash a oferit de asemenea designerilor mai multă libertate de a face site-urile interactive. Aceasta a fost într-adevăr epoca unui progres creativ și tehnologic în designul web. Meniuri interactive, pagini de splash, animații decorative și butoane frumos redate bubble au dominat tendința de design web pentru a wow oameni.

Conceptul de web a fost încă nou pentru mulți oameni, iar aceste modele interesante vizuale au avut un dublu scop. Ei nu numai că erau luminoși și atrăgători de atenție, dar au introdus și tehnologii necunoscute utilizatorilor novici: "Uită-te la mine", au țipat. "Arăt ca un adevărat buton. Apăsați pe mine! "

Dar popularitatea lui Flash a fost de scurtă durată. Acesta a cerut utilizatorilor să aibă instalat ultimul plugin Flash pe calculatoarele lor, limitând gradul de utilizare și accesibilitatea site-urilor web.

Toată lumea este un web designer

Deși Flash nu a respectat așteptările, a schimbat modul în care au fost proiectate și utilizate site-urile web.

Oamenii au devenit sofisticați în navigarea pe Web, iar elementele de design nu mai aveau obligația de a educa într-un mod care articulează vizual funcționalitatea, cum ar fi hyperlink-urile subliniate albastru.

Apoi social media a apărut și a cerut o flexibilitate și mai mare. Acest lucru a dus la nașterea foilor de stil cascadă (CSS).

CSS au fost folosite pentru a defini anumite stiluri – cum ar fi dimensiuni mai mari de fonturi pentru sub-rubrici – pe mai multe pagini ale unui singur site fără a trebui să codificați fiecare element individual. Ideea din spatele CSS a fost aceea de a separa conținutul (HTML) al site-urilor web de prezentare (CSS).

Șabloanele de design web au început să se extindă, permițând oamenilor de zi cu zi să creeze și să publice propriile site-uri web. Din păcate, acest lucru a fost adesea în detrimentul designului utilizabil, accesibil și plăcut din punct de vedere estetic.

Flat design(Proiectare plată)

Rapid înainte în 2010, când a fost creată de Ethan Marcotte o nouă abordare de design web numită reactiv web design. Acest lucru a introdus o altă modalitate de a utiliza HTML și CSS.

Ideea principală care stă la baza designului receptiv a fost că un singur site Web ar putea răspunde și se poate adapta la diferite medii de afișare, facilitând utilizarea pe diferite dispozitive. Oamenii ar avea aceeași experiență pe dispozitivul mobil ca și pe calculatorul lor desktop, ceea ce înseamnă o creștere a eficienței în dezvoltarea și întreținerea web.

Acest lucru a condus la un alt val de tendință de design web: design plat. Această tendință a îmbrățișat un stil minimalist bidimensional, eficient și vizibil. Subliniază funcționalitatea asupra elementelor de design ornamentale.

Astăzi, designul plat continuă să fie actual. Web design-ul a făcut un cerc complet înapoi la începutul Web-ului, prioritizând conținutul și comunicarea informațiilor. Butoanele și icoanele au luat o banchetă din spate, plecând cu grație la conținut ca pe prima pagină a site-urilor web și reducând complexitatea designului.

Viitorul…

Istoria web-ului este relativ scurtă, totuși a trecut printr-o succesiune de renașteri într-o perioadă scurtă de timp.

Anterior, tehnologia a generat progrese în designul web. Dar cred că suntem într-un punct în care designul web nu mai este limitat de tehnologie. Practic, putem face tot ce putem să facem pe Web.

Viitorul design-ului web nu mai este legat de ceea ce putem face, ci mai degrabă de ceea ce ar trebui să facem. Aceasta înseamnă să fii conștient de modul în care designul poate afecta persoanele care o utilizează și să proiectezi site-uri web care au ca rezultat experiențe pozitive pentru utilizatori

În ciuda schimbărilor fundamentale ale web-ului de la un mediu informațional la un mediu al aplicațiilor, situația actuală a dezvoltării ad-hoc a aplicațiilor web ne amintește de practicile de dezvoltare a software-ului din anii 60’, înainte să se realizeze că dezvoltarea aplicațiilor necesită mai mult decât experiență în programare[1]. Dezvoltarea aplicațiilor web este deseori privită ca un eveniment spontan, de obicei bazat pe cunoașterea, experiența și practicile de dezvoltare ale dezvoltatorilor individuali, greu de reutilizat la modul ”Copy&Paste” și având o documentare necorespunzătoare a deciziilor de proiectare. Deși acest procedeu poate părea pragmatic, astfel de metode de dezvoltare rapide și superficiale conduc deseori la probleme serioase privitoare la calitate și implicit la dificultăți de exploatare și întreținere. Aplicațiile dezvoltate sunt deseori dependente de tehnologie, predispuse la erori și sunt caracterizate prin lipsa performanței, siguranței, accesibilității și deci a acceptării de către utilizatori[2].Legătura strânsă dintre aplicațiile web sporește pericolul răspândirii problemelor de la o aplicație la alta. Cauza acestei situații este complexă și poate fi abordată din mai multe perspective:

Aplicațiile web ale organizațiilor care au fost pe web încă de la începuturi au avut deseori un istoric al dezvoltării similar.

Dezvoltarea unei aplicații web poate fi începută în oricare din aceste categorii și ulterior continuată către un nivel sporit de complexitate. Noile categorii sunt în general multmai complexe, dar aceasta nu înseamnă că ele pot înlocui în totalitate vechea generație. Aplicațiile webcomplexe pot fi în mod tipic alocate mai multor categorii odată: de exemplu, magazinele online decumpărături integrează diferiți furnizori de servicii, dar oferă și diferite posibilități de căutare, monitorizareastării comenzilor și în anumite cazuri chiar licitații online. Putem sesiza că diferite categorii de aplicații web acoperă mai multe domenii tradiționale aleaplicațiilor, cum ar fi băncile online, dar în același timp creează noi domenii ale aplicațiilor, cum ar fiserviciile de localizare (location-aware services). În cele ce urmează vom descrie trăsăturile relevante aleacestor categorii.

Siturile web axate pe documente

sun t precursoare ale aplicațiilor web. Paginile web sunt stocate pe un server web ca documente HTML statice și sunt trimise clientului web ca răspuns la o cerere. Aceste paginiweb sunt de obicei actualizate manual folosind utilitare corespunzătoare. Pentru siturile web care impunschimbări frecvente sau pentru cele cu un număr mare de pagini această actualizare crește semnificativcosturile și adesea are drept consecință prezentarea unor informații depășite. În plus există pericolul aparițieiinconsistențelor atunci când un anumit conținut este prezentat frecvent, redundant pe mai multe pagini web pentru a ușura accesul. Principalele beneficii sunt simplitatea și stabilitatea unui astfel de sit web dar și timpulscurt de răspuns, paginile fiind deja stocate pe serverul web. Paginile principale statice și paginile simple pentru micile afaceri aparțin acestei categorii.4

Odată cu apariția standardului Common Gateway Interface (http://hoohoo.ncsa.uiuc.edu/cgi/interface.html) șiformularelor HTML, s-au dezvoltat și

aplicațiile web interactive, oferind o primă formă de interactivitate prin intermediul formularelor, butoanelor radio și meniurilor de selecție. Paginile web și legăturile către alte pagini sunt generate în mod dinamic în funcție de datele introduse de utilizator. Exemple de astfel de categoriisunt expozițiile virtuale, siturile de știri sau de planificare a călătoriilor.

Aplicațiile web tranzacționale oferă mai multă interactivitate, utilizatorul având posibilitatea de ainteracționa cu aplicația în modul citire dar și de a realiza actualizări ale conținutului de bază. De exemplu, unsistem informațional pentru turism permite actualizarea conținutului într-un mod descentralizat sau face posibilă rezervarea camerelor. Premisa necesară pentru un astfel de sistem implică existența unor sisteme de baze de date care permit manevrarea eficientă a unui conținut în continuă creștere în cadrul aplicațiilor web șioferă posibilitatea unor interogări structurate. Băncile online, magazinele online și sistemele de rezervareonline pentru hoteluri aparțin acestei categorii.

Aplicațiile web bazate pe fluxuri de lucrupermit manevrarea fluxurilor de lucru în interiorul sauîntre diferite companii, autorități publice și utilizatori privați. Pentru aceste aplicații este esențialădisponibilitatea unor servicii web adecvate pentru asigurarea interoperabilității[1].Complexitatea acestor servicii, autonomia companiilor participante și necesitatea ca fluxurile de lucru să fie robuste și flexibilereprezintă principalele provocări. Aplicații ce fac parte din această categorie sunt soluțiile B2B (Business-to-Business) din comerțul electronic, aplicațiile e-government în domeniul administrației publice sau suportulweb pentru fluxurile de date ale pacienților în sectorul sănătății.În timp ce aplicațiile bazate pe fluxuri de lucru necesită o anumită structurare a proceselor șioperațiilor automatizate,aplicațiile web colaborative sunt folosite îndeosebi în scopul cooperării în operațiilenestructurate (groupware), unde există o nevoie foarte pentru comunicație între utilizatori. Aplicațiile web încolaborare suportă distribuirea informației și spațiile de lucru (ex. WikiWiki -http://c2.com/cgi/wiki- sauBSCW -http://bscw.gmd.de/-) pentru a genera, edita și administra informațiile distribuite. Acestea suntutilizate și pentru a păstra log-urile unor mesaje scurte (ca în Weblog-uri), pentru medierea întâlnirilor sauluarea deciziilor (ex. sisteme de argumentare precum QuestMap sau simple camere de discuții), ca sisteme de planificare sau ca platforme de e-learning.Deși web-ul a fost inițial caracterizat prin anonimitate, el a avut o orientare cătreweb-ul social, în careutilizatorii își declină identitatea unei mici comunități cu interese similare. Weblog-urile sau sistemele defiltrare colaborative precum friendster (http://friendster.com), care oferă posibilitatea de a găsi atât obiecte deinteres similare cât și persoane cu interese asemănătoare, aparțin acestei categorii de aplicații.

Aplicațiile web orientate pe portalurioferă un singur punct de acces la surse de informație și serviciiseparate/potențial eterogene. Realizatorii de browsere (Microsoft, Netscape), motoarele de căutare (Yahoo),serviciile online (AOL), conglomeratele media și alte companii au sesizat cererea existentă pentru astfel deaplicații și au oferit hub-uri centrale (așa numitele portaluri) ca punct de acces la web. Pe lângă aceste portalurigenerale, există diverse portaluri specializate cum ar fi portalurile pentru afaceri, portalurile pentru comerț (subforma mall-urilor online) și portalurile pentru comunități. Portalurile pentru afaceri oferă angajaților și/sau partenerilor afacerii un acces focalizat la diferite surse de informație și servicii prin intranet sau extranet.Portalurile pentru comerț sunt împărțite în piețe orizontale și verticale. Piețele orizontale funcționează pe piațaB2C oferind bunuri de consum direct către public, și în B2B, prin vânzarea de produse proprii unor companiidin alte sectoare de activitate. Piețele verticale sunt formate de companiile dintr-un singur sector de activitate,cum ar fi furnizorii pe de o parte și producătorii pe de altă parte. Portalurile pentru comunități se adreseazăunor grupuri țintă specifice (de ex. tinerii) și încearcă să creeze o loialitate a clienților prin intermediulinteracțiunilor cu utilizatorii sau să asigure oferte individuale printr-un management al utilizatorilor adecvat(marketing unu-la-unu).O categorie importantă este reprezentată de

aplicațiile web omniprezente,care oferă servicii personalizate oricând, oriunde și pentru orice dispozitiv, facilitând astfel accesul peste tot. Un exemplu poate fiafișarea meniului zilei pe dispozitivele mobile ale tuturor utilizatorilor care intră în restaurant între 11 am și 2 pm. Pentru acest tip de sistem este important să luăm în calcul limitările dispozitivelor mobile (lățimea de bandă, dimensiunea ecranului, memoria, lipsa de maturitate a software-ului) și contextul în care aplicația webeste utilizată în mod curent.Dezvoltările prezente și în special convergența sporită a industriei

TIMES

(telecomunicații, tehnologiainformației, multimedia, educație și divertisment, securitate), vor conduce, în viitorul apropiat, la o situație încare aplicațiile omniprezente vor domina piața. Una dintre aceste dezvoltări este

web-ul semantic

obiectiv este prezentarea informației pe web nu doar pentru oameni ci și într-o formă care poate fi interpretatăde sistemele de calcul[2]. Aceasta va facilita managementul cunoștințelor pe web și în particular conectarea șireutilizarea cunoștințelor (mediatizarea conținutului), dar și localizarea cunoștințelor noi relevante (deexemplu cu ajutorul sistemelor de recomandare). Datorită interactivității crescute la nivel semantic și posibilității de automatizare a sarcinilor (prin intermediul agenților inteligenți), putem afirma că web-ul vadeveni mai răspândit și mai relevant în viața de zi cu zi.[1] Weerawarana, S., Curbera, F., Leymann, F., Storey, T., Ferguson, D. F.,

Web Services Platform Architecture

, Prentice Hall, 2005[2] Berners-Lee, T., Hendler, J., Lassila, O.,

The Semantic Web

, Scientific American, May, 2001

Caracteristicile aplicațiilor web – Generalități

Aplicațiile web # aplicațiile tradiționale

navigarea non-liniară

frecvența actualizărilor

Prezenta unei caracteristici- dependenta de tipul aplicatiei web> Aplicațiile web tranzacționale -focalizare asupra actualizării și consistenței conținutuluiAplicațiile web diferă de aplicațiile tradiționale (non-web), prin anumite caracteristici: unele lipsesc complet înaplicațiile tradiționale (de exemplu navigarea non-liniară), iar altele au o importanță deosebită în cadrulaplicațiilor web (de exemplu frecvența actualizărilor).Dacă și în ce măsură este prezentă o anumită caracteristică depinde parțial de tipul de aplicație web:dezvoltarea aplicațiilor web tranzacționale (cum ar fi sistemele de comerț electronic) necesită o focalizare maiatentă asupra actualizării și consistenței conținutului comparativ cu sistemele informaționale pure (de exempluexpozițiile virtuale). Aceste caracteristici sunt motivul pentru care numeroase concepte, metode, tehnici șiutilitare ale Ingineriei Software tradiționale trebuie adaptate la cerințele proiectării web, deși în unele situațiiacestea pot fi total neadecvate. Figura 1.2 prezintă o imagine de ansamblu a acestor caracteristici, acestea fiindîmpărțite pe trei dimensiuni: ”produs”, ”utilizare” și ”dezvoltare”,”evoluția” lor fiind o dimensiune comună.

Optimizare

Deoarece o pagină Web este publicată într-o rețea, este necesar să se acceseze prin linii ca pachete mici de date pentru a ajunge la utilizatorul final. Este destul de intuitiv, atunci, că cantități mai mari de date vor necesita un timp mai lung pentru a ajunge. Și ghiciți care parte dintr-o pagină web standard împachetează o mulțime de byte -asta e grafica. Astfel se naște relația in conflict cu grafica pe Web. Pe o singură mână, imaginile fac o pagină web mai interesantă decât textul singur, și abilitatea de a afișa grafica este unul dintre factorii care contribuie la Web succes. Pe de altă parte, grafica încearcă, de asemenea, răbdarea utilizatorilor cu Internet lent și capturați planurile de date ale dispozitivelor mobile (consultați Notă).Acest capitol acoperă strategiile și instrumentele disponibile pentru crearea web grafică dimensiuni cât mai mici posibil (un proces cunoscut sub numele de optimizare) în timp ce menținând o calitate acceptabilă a imaginii. Câteva Big Concepte pe care trebuie să le cunoașteți. În plus față de reducerea numărului de persoane solicită pagina dvs. către server, reducând dimensiunea totală a imaginilor este următorul instrument puternic pentru afișarea paginilor cât mai repede posibil. Aceasta merită efortul suplimentar de a învăța cum să stoarceți fiecare octet inutil din imaginile pe care le creați.

Imaginați-vă că proiectați anunțuri banner pentru un client mare și vă spun asta toate graficele banner au o limită de 15K (fișierul nu poate depăși 15 kilobytes în mărimea). Acest scenariu este destul de comun în biz, deci veți avea nevoie de câteva trucuri mânecă pentru a face țintă. Despre asta este vorba despre acest capitol. Indiferent de tipul de imagine sau de fișier, există câteva strategii de bază pe care să le păstrați în scopul de a limita dimensiunea fișierului. În termeni cei mai cuprinzători, ei sunt: Dimensiuni limită Deși destul de evident, cel mai simplu mod de a păstra dimensiunea fișierului în jos este limitarea dimensiunii imaginii în sine. Nu există numere magice; doar nu faceți imagini mai mari decât trebuie. Prin simpla eliminare a spațiului suplimentar din grafic în Figura 22-1, am putut reduce fișierul dimensiune cu 3K (23%).Reutilizați și reciclați Dacă utilizați aceeași imagine în mod repetat într-un site, este mai bine să creați unul singur fișier imagine și indicați-l în mod repetat, ori de câte ori este necesar. Asta permite browser-ul pentru a profita de imaginea memorată în cache și pentru a evita situațiile suplimentare download-uri. Caching-ul este explicat în bara laterală Take Advantage of Caching din capitolul 7, Adăugarea imaginilor. Proiectare pentru compresie Una dintre cele mai bune strategii pentru a face fișiere cât mai mici posibil este de a proiecta pentru compresie eficientă. De exemplu, deoarece știți că compresia GIF îi plac culorile plane, nu creați imagini GIF cu culori gradient se amestecă atunci când o culoare plată va fi suficientă. În mod similar, deoarece JPEG îi plac moale tranziții și fără margini tari, puteți încerca să ștergeți imaginile în mod strategic care vor fi salvate în format JPEG. Aceste strategiile sunt discutate mai detaliat mai târziu în acest capitol.

Utilizați instrumente de grafică web Dacă știi că vei face multe munca de producție web, merită să investești în programe de editare a imaginilor, cum ar fi Adobe Photoshop sau Fireworks . În capitolul precedent, am văzut cum se salvează pentru caseta de dialog Web din Photoshop și panourile de optimizare și previzualizate din Fireworks au oferit comenzi rapide utile pentru realizarea graficii web. In acest capitol, vom profita din plin de setări care se referă la păstrarea dimensiunilor fișierelor ca fiind mici pe cat posibil.

Ambele instrumente vă permit să previzualizați imaginea finală și fișierul respectiv dimensiunea pe măsură ce efectuați setările de optimizare, astfel încât să puteți modifica setările și să vedeți rezultatele instantaneu. Setul de opțiuni variază în funcție de tipul de fișier, așa că voi explicați-le câte un format, începând cu acel vechi favorit, GIF.

Optimizarea GIF-urilor

Când optimizați imaginile GIF, este util să rețineți că compresia GIF funcționează prin condensarea benzilor de culori repetitive ale pixelilor. Multe strategii de optimizare funcționează prin crearea mai multor zone de culoare solidă pentru compresie schemă să-i scufunde dinții. Metodele generale pentru verificarea dimensiunilor fișierelor GIF sunt:

• Reducerea numărului de culori (adâncimea de biți) a imaginii

• Reducerea dithering-ului în imagine

• Aplicarea unui filtru "lossy"

• Proiectare cu culori plate

Această secțiune analizează fiecare dintre aceste opțiuni utilizând panoul de salvare pentru Web din Photoshop și Fireworks ca niște rame de tracțiune. Atunci când o caracteristică este specifică acestor instrumente, o voi remarca; altfel, abordările arătate aici ar trebui să fie posibilă cu majoritatea software-ului de editare a imaginilor.

Bit DepthBit depth este o modalitate de a face referire la numărul maxim de culori agrafica poate conține. Acest grafic arată numărul de culori la fiecare adâncime de biți poate reprezenta:

1-bit 2 culori

2-bit 4 culori

3-bit 8 culori

4-bit 16 culori

5-bit 32 culori

6-bit 64 culori

7-bit 128 culori

8-bit 256 colors

Reducerea numărului de culori.

Cea mai eficientă modalitate de a reduce dimensiunea unui fișier GIF și, prin urmare, prima oprire în călătoria dvs. de optimizare, este să reduceți numărul de culori din imagine. Deși GIF-urile pot conține până la 256 de culori, nu există nici o regulă care să le spună trebuie să. De fapt, prin reducerea numărului de culori (adâncimea de biți), puteți reduce semnificativ dimensiunea fișierului unei imagini. Un motiv pentru asta este că fișierele cu adâncimi de biți mai mici conțin mai puține date. Un alt produs secundar al culorii reducerea este că mai multe zone de culoare plată sunt create prin combinarea unor asemenea, atingând culorile pixelilor. Mai multe suprafețe de culoare plată înseamnă o comprimare mai eficientă. Aproape toate programele grafice care vă permit să salvați sau să exportați în format GIF vă permit de asemenea să specificați numărul de culori sau adâncimea de biți. În Photoshop și Fireworks, numărarea culorilor și tabela de culori sunt dezvăluite în panoul de setări. Faceți clic pe meniul pop-up Culori până selectați dintr-o listă standard de numere de culori. Unele instrumente vă oferă o listă debit-depth în schimb. Vedeți bara laterală pentru adâncimea de biți pentru a se potrivi adâncimile de biți până la numere de culori. Când selectați numere mai mici, dimensiunea fișierului rezultat se reduce și ea.

Dacă reduceți prea mult numărul de culori, desigur, imaginea începe să se deterioreze sau poate înceta sa comunice eficient. De exemplu, odată ce am redus numărul de culori la opt, am pierdut curcubeul, care a fost punctul întreg al imaginii. Acest punct de "topire" este diferit de la imagine la imagine.

Veți fi surprinși să aflați cât de multe imagini arăta perfect numai cu cele Culori de 32 de pixeli (5 biți). Acesta este de obicei punctul meu de plecare pentru reducerea culorii, și mă duc mai înalt decât dacă este necesar. Unele tipuri de imagini sunt mai bune decât altele cu palete de culori reduse, dar, ca regulă generală, cu cât sunt mai puține culori, mai mic fișierul.

Reducerea dithering-ului

Atunci când culorile dintr-o imagine sunt reduse la o anumită paletă, culorile respective nu sunt în această paletă aproximați prin dithering. Ditheringul este o specie model care rezultă atunci când culorile paletei sunt amestecate pentru a simula o culoare indisponibila. În imaginile fotografice, ditheringul nu este o problemă și poate fi chiar benefic; totuși, ditheringul în zonele de culoare plată este de obicei distragător și nedorit. Din punct de vedere al optimizării, dithering-ul este nedorit, deoarece picăturile perturba zonele de culoare netede. Acele urme se află în modul de compresie GIF și duce la fișiere mai mari. O modalitate de a rade un octet suplimentar de pe un GIF este de a limita cantitatea de dithering. Din nou, aproape toate instrumentele de creare GIF vă permit să activați și să dezactivați ditheringul. Photoshop și Fireworks merg un pas mai departe, permițându-vă să setați cantitatea specifică de dithering pe o scară de alunecare. Puteți chiar revizualiza rezultatele setării dither, astfel încât să puteți decide în ce moment degradarea calității imaginii nu merită economia dimensiunii fișierului. În imaginile cu gradienți de culoare netedă, întoarcerea dithering-ului are ca rezultat bandă inacceptabilă și împestrițata.

Folosind filtrul Pierdere

Setarea finală de optimizare din caseta de dialog Salvare pentru Web este Lossy. În Fireworks se numește Loss/Pierdere. Această setare permite programului selectiv de a arunca datele pentru a reduce dimensiunea fișierului. Cu cât este mai mare setarea, cu atât mai multe date sunt eliminate. În funcție de imagine, puteți aplica pierderi de 5% până la 20%, fără a degrada grav imaginea. Rezultatele aplicării setării Photoshop's Lossy la imaginea hambar. La setări mai înalte, imaginile tind să arate eoliene și suflate. Această tehnică funcționează cel mai bine pentru arta tonurilor continue (dar apoi imaginile care sunt toate tonurile continue ar trebui, probabil, salvate ca JPEG oricum). Tu ai putea încercați să jucați cu setările de pierdere pe o imagine cu o combinație de plat și conținut fotografic.

Proiectare pentru compresie GIF

Acum, că ați văzut cât de înalte adâncimi bit și „dithering bloat” dimensiunile fișierului GIF, aveți un context bun pentru următorul sfat. Înainte de a ajunge chiar la punctul de setări de optimizare, puteți fi pro activ în privința optimizării grafică, proiectându-le să se comprime bine în primul rând.

Păstrați-l plat

Am descoperit că, în calitate de web designer, mi-am schimbat stilul de ilustrare pentru a se potrivit mediul. În grafica în care aș fi putut folosi un amestec de gradienți, acum optez pentru o culoare plată. În majoritatea cazurilor, funcționează la fel de bine și nu se prezintă fără bandă și dithering sau să conducă până dimensiunea fișierului. De asemenea este posibil de ales înlocuirea zonelor de fotografii cu amestecuri subtile, cum ar fi un albastru cer, cu culori plate, dacă trebuie să le salvați ca GIF (altfel, JPEG format poate fi mai bine).

Dungi orizontale

Iată un sfat esoteric. Când proiectați grafică web, rețineți că compresia GIF funcționează cel mai bine pe benzi orizontale de culoare. Daca vrei GIF pentru a face ceva dungi, e mai bine să faci dungile orizontale mai degrabă decât verticale. Frustrant, dar adevărat.

Rezumând optimizarea GIF

Formatul GIF oferă multe oportunități de optimizare. Proiectarea cu culorile pline în primul rând este o strategie bună pentru crearea de GIF-uri mici. Tactica următoare este salvarea GIF cu cel mai mic număr de culori posibil mențineți imaginea intactă. Ajustarea cantității de dithering și aplicarea unei pierderi filtru sunt modalități suplimentare de a stoarce și mai mulți octeți.

Optimizarea JPEG-urilor

Optimizarea JPEG este puțin mai simplă decât cea GIF. La general strategiile pentru reducerea mărimii fișierului JPEG sunt:

• Fii agresiv cu compresia

• Utilizați optimizarea ponderată (selectivă) dacă este disponibilă

• Alegeți Optimizat dacă este disponibil

• Înmuiați imaginea (Blur / Smoothing)

Această secțiune explică fiecare abordare, folosind din nou Photoshop și Fireworks, instrumente de optimizare. Observați că nu există tabel de culori pentru JPEG, deoarece nu utilizează palete.

Cunoașterea compresiei JPEG

Schema de comprimare JPEG iubește imaginile cu gradații subtile, cu puține detalii, și fără margini dure. Un mod în care puteți menține JPEG-urile mici este să începeți cu tipul de imagine pe care va place. Efectuarea slabă și înseamnă GIF-uri Vedeți dacă puteți reduce dimensiunile fișierelor din imaginile din în gama de dimensiuni țintă fără sacrificarea gravă a calității imaginii. Profitați de toate tehnicile dacă aveți Photoshop (versiunea cc sau o versiune ulterioară) sau Fireworks. Pot jucați în continuare împreună cu alte instrumente, cum ar Corel Paint Shop Pro Photo, dar este posibil să nu aveți o astfel de ajustare de control asupra dithering-ului sau a unei pierderi de setare. Există multe modalități de a obține fișierul dorit și nu există Răspunsurile "corecte". Este mai mult o chestiunea judecății personale, ci dimensiunea fișierului țintă vă oferă o un număr rezonabil.

Crearea graficii web Optimizarea JPEG-urilor

Evitați detaliile Formatele

JPEG comprimă zonele de culori netede, amestecate mai eficient decât zonele cu contrast ridicat și detalii ascuțite. De fapt, cat e mai blurata imaginea ta, cat mai mic rezultatul JPEG. Arată două grafică similară cu culori amestecate. Puteți vedea că imaginea cu contrast și detalii este mai mult de patru ori mai mare la aceeași setare de compresie / calitate.gradient.jpg (12 KB) detalii.jpg (49 KB). Compresia JPEG funcționează mai bine pe culori netede, amestecate, decât pe margini dure și detalii.

Evitați culorile plate

Este util să știți că culorile complet plate nu se potrivesc bine în format JPEG, deoarece culorile au tendința de a se schimba și de a deveni pătate ca urmare a compresiei, în special la rate mai mari de comprimare. În general, imaginile grafice ar trebui salvate ca GIF, deoarece calitatea imaginii va fi mai bine și dimensiunea fișierului mai mică.

Fii agresiv cu compresia

Instrumentul principal pentru optimizarea imaginilor JPEG este setarea Calitate. Setarea Calitate vă permite să setați rata de compresie; calitate inferioară înseamnă compresie mai mare și fișiere mai mici. Arată rezultatele diferite rate de calitate (compresie) aplicate în Photoshop și Fireworks. Observați că imaginea se menține destul de bine, chiar și la setări de calitate foarte scăzute. Observați, de asemenea, că aceleași setări în fiecare program produc diferite rezultate. Acest lucru se datorează faptului că scala de evaluare a calității nu este obiectivă – variază de la program la program. De exemplu, 1% în Photoshop este similar cu 30%în Fireworks și alte programe. În plus, imaginile diferite pot rezista unor cantități diferite de compresie. Cel mai bine este să treceți după imaginea care arată mai degrabă o setare specifică a numărului.

Alegeți JPEG-uri optimizate

JPEG-urile optimizate au dimensiuni de fișiere ușor mai mici și o fidelitate a culorilor mai bună(deși nu am reușit să văd diferența) decât JPEG-urile standard. Din acest motiv, ar trebui să selectați opțiunea Optimizată dacă software-ul dvs. Căutați opțiunea Optimizat în Photoshop și utilitare de compresie JPEG ale terților. Fireworks nu oferă din această scriere.

Estomparea sau netezirea imaginii

Deoarece imaginile moi comprima mai mici decât cele mai ascuțite, Photoshop și Fireworks facilitează blurare ușoară a imaginii ca parte a optimizării procesului. În Photoshop, instrumentul se numește Blur; în Fireworks, este Netezirea. Blurarea face ca compresia JPEG să funcționeze mai bine, rezultând un fișier mai mic. Dacă nu aveți aceste instrumente, puteți înmuiați imaginea în întregime, aplicând o ușoară estompare imaginii filtrul Gaussian Blur (sau similar) manual înainte de export. Dezavantajul filtrelor Blur și Smoothing este că acestea sunt aplicate în mod egal întreaga imagine. Dacă doriți să păstrați detalii în anumite zone ale imaginii, puteți aplica un filtru de estompare doar în zonele pe care nu vă deranjează să fie neclare. Când ați terminat, exportați JPEG ca de obicei. Zonele neclare vor fi luate avantajul maxim al compresiei JPEG, iar zonele dvs. clare vor rămâne clare.

Calitate selectivă (Fireworks)

Nu toate zonele de imagine sunt create egale. Este posibil să doriți să păstrați detaliile în o zonă, cum ar fi fața unei persoane, dar comprimați-i pe heck din restul imaginei. În acest scop, focurile de artificii ne oferă o calitate selectivă – o metodă pentru aplicare a diferite sume de compresie JPEG într-o singură imagine: una pentru o zonă selectată și o altă setare pentru restul imaginii.

Pentru a utiliza setarea Calitate selectivă, selectați zonele imaginea pe care doriți să o păstrați, apoi selectați Modificați → Selectiv JPEG → Salvare selecție ca mască JPEG B. În panoul Optimizare, puteți seta Calitatea preferabila pentru selecția dvs. sau faceți clic pe pictograma adiacentă, C pentru a accesa caseta de dialog D selectivă JPEG cu un set complet de opțiuni, cum ar fi păstrarea calității tipului și butonului și selectarea unei culori pentru zona mascată. Regulate setări de calitate vor fi utilizate pentru toate celelalte zone ale imaginii.

Optimizarea PNG-urilor

După cum sa discutat în capitolul precedent, există două tipuri de fișiere PNG: 24 de biți PNG (PNG-24), care conțin culori din milioane de culori din Spațiu de culoare RGB și PNG-uri indexate pe 8 biți (PNG-8) cu o paletă limitată la 256 de culori. Această secțiune privește ceea ce puteți (și nu trebuie) să faceți pentru a afecta dimensiunea fișierului de ambele tipuri de fișiere PNG.

PNG-24

PNG-ul de compresie fără pierderi face ca PNG-24 să fie un format minunat pentru păstrarea calității în imagini, dar, din nefericire, o face o opțiune slabă pentru web grafică. Un PNG-24 va fi întotdeauna mult mai mare decât un JPEG din aceeași imagine deoarece nici un pixel nu este sacrificat în procesul de comprimare. Prin urmare, prima dvs. strategie "slabă și medie" este de a evita PNG-24 pentru imagini fotografice și de a alege în schimb JPEG.

PNG-8

PNG-urile cu culori indexate funcționează în mod similar cu GIF-urile și, de fapt, rezultă de obicei dimensiuni reduse ale fișierelor pentru aceleași imagini, făcându-le o economie bună de octeți opțiune. Strategiile generale pentru optimizarea GIF-urilor se aplică și în cazul PNG-8:

• Reduceți numărul de culori

• Reducerea dithering-ului

• Design cu culori plate

Puteți vedea că lista opțiunilor de export pentru PNG-8 este mai mult sau mai puțin la fel ca la GIF. Excepția notabilă este că nu există Filtru "lossy" pentru PNG-uri. În caz contrar, toate tehnicile enumerate în secțiunea Optimizarea GIF-urilor se aplică și PNG-urilor. Este de remarcat faptul că a face o interlopare PNG crește semnificativ dimensiunea fișierului, cu până la 20 sau 30%. Cel mai bine este să evitați această opțiune dacă nu vă consideră absolut necesar ca imaginea să apară într-o serie de pași.

Optimizați la dimensiunea fișierului

Există o ultimă tehnică de optimizare care este bine de știut dacă utilizați Photoshop sau Fireworks. În unele cazuri, poate fi necesar să optimizați un grafic pentru a lovi un anumit fișier dimensiune, de exemplu, atunci când proiectați un banner de anunțuri cu o limită K limită. Ambii Photoshop și Fireworks oferă o funcție de optimizare a dimensiunii fișierului. Doar setați dimensiunea dorită a fișierului și lăsați programul să descopere cele mai bune setări de utilizat pentru a ajunge acolo, economisind o mulțime de timp

Finalizând cu setările.

Această caracteristică este destul de simplă de folosit. În Photoshop, alegeți Optimizați la dimensiunea fișierului din meniul pop-up Options (Opțiuni) din caseta de dialog Save for Web (Salvare pentru Web).În Fireworks, alegeți opțiunea Optimizare la dimensiune din meniul pop-up Options din panoul Optimizare. Tot ce trebuie să faceți este să tastați dorită dimensiunea țintă și faceți clic pe OK. Instrumentul face restul. Photoshop întreabă, de asemenea, dacă doriți să începeți cu propriile setări de optimizare sau permiteți Photoshopului să selecteze automat GIF sau JPEG. Curios, PNG nu este o opțiune pentru selecția automată, deci începeți cu propriile setări dacă doriți să salvați ca PNG.

Optimizarea în revizuire

Dacă această colecție de tehnici de optimizare se simte disonantă, nu vă faceți griji. După un timp, vor deveni parte a procesului de producție standard. Vom găsi că este ușor să păstram ochii asupra dimensiunii fișierului și să facem câteva setări/trucuri pentru a aduce acest număr în jos. Acum, că avem avantajul suplimentar, putem înțelege ceea ce fac diferitele setări în spatele scenei, vom putea lua decizii informate și eficiente de optimizare.

Viteza de încărcare

Viteza a devenit un criteriu important pentru îmbunătățirea clasamentului motorului de căutare al site-ului dvs. web.

În iulie 2018, Google a anunțat un nou algoritm de clasificare în rezultatele căutării mobile. Acum viteza de încărcare a site-ului va avea un impact asupra clasamentului acestuia. Designerii trebuie să se asigure că își mențin timpul minim de încărcare.

Un designer web poate reduce timpul de încărcare prin minimizarea redirecționărilor, minimizarea dimensiunii imaginii, utilizarea butoanelor de partajare care necesită script-uri minime, utilizarea unei rețele de difuzare a conținutului pentru a avea acces la un server în apropierea locației utilizatorului.

Web Design Trend 6: Spațiul alb:

Spațiul alb nu este un concept nou în proiectarea web-ului. Singura diferență constă în motivul utilizării sale. Anterior a fost folosit pentru a oferi odihnă ochilor privitorului. Obișnuiam să oferim margini și spații pentru a oferi un aspect estetic site-urile noastre.

Acest lucru sa schimbat pe piața contemporană. Astăzi, folosim spațiul alb într-un mod care pune accent pe conținutul plasat în spațiul care nu este alb. Adăugăm spațiu alb mai mult decât este necesar, deci este vizibil pentru vizitatori. Aici devine un element de design în sine și se oprește din spațiul de respirație dintre elementele de design.

Fundal dinamic de ecran complet dinamic

Una dintre cele mai bune modalități de a atrage atenția clientului este crearea unui site web cu fundal video dinamic. Obiectele mobile tind să fie mai atractive.

Comparativ cu textul sau imaginile statice, videoclipurile scurte reprezintă o modalitate mai convenabilă de a furniza mai multe informații, permițând utilizatorului să înțeleagă rapid caracteristicile paginii web sau a produsului.

Video ajută la creșterea timpului de utilizare pe pagină, ceea ce este bun pentru SEO și ratele de conversie. Postarea pe Facebook a posturilor video este o dovadă solidă a eficacității mediului. Mai mult, dat fiind că trăim într-o eră de informații diversificate, aplicarea elementelor dinamice, cum ar fi fundalul video, va crește treptat.

Minimalism, simplitate, dar nu simplist

Una dintre tendințele clasice de design web, minimalismul este sinonim cu simplitatea. Deseori prima alegere pentru designerii web, este întruchiparea principiului "mai puțin este mai mult". Mai puține elemente de design de interfață, cu atât mai bine.

Sursa_https://dribbble.com/shots/5443717-Minimalistic-Product-Page

În condițiile în care viața modernă este atât de rapidă și dinamică, oamenii au timp insuficient pentru a procesa informații, făcând ca redundanța să devină nu-nu. Designul bun permite utilizatorilor să digereze informațiile într-un timp cât mai scurt posibil. Acest lucru este cel mai bine realizat prin utilizarea mai puține elemente.

Indiferent dacă este vorba despre designul alb, contrastul sau tipografia clară, un site bine conceput face navigarea ușoară și oferă informații exacte – făcând o experiență bună a utilizatorului. CTA bine concepută, de asemenea, face conversii mai mari ale paginilor.

Responsive Design

Dezvoltarea rapidă a dispozitivelor de lectură din ultimii ani – dispozitive mobile, tablete, televizoare, lenjerie de uz casnic și desktop – a făcut designerii conștienți de faptul că designul receptiv ar trebui să fie unul dintre tendințele de design web din 2019.

Întrucât Google a început să evidențieze site-urile care răspund de mobilitate în 2010, mobilul a devenit prima alegere pentru un design web receptiv. Acum că numărul utilizatorilor de dispozitive mobile a depășit cu mult numărul utilizatorilor desktop, Google a anunțat, de asemenea, modificări ale algoritmului său de a prioritiza indexarea mobilă. Scopul este de a încuraja companiile să își actualizeze designul web receptiv și să sporească experiența online a utilizatorilor de dispozitive mobile.

Bright and Gorgeous Gradient

În ultimii ani, tot mai mulți designeri au adoptat gradarea culorilor în design. În 2018, gradientul de lichid a fost destul de popular. Chiar dacă se folosește doar o singură culoare, se poate crea o structură bogată în straturi cu ajutorul unor gradiente și imagini diferite, rezultând o experiență plăcută din punct de vedere estetic. Utilizarea gradientelor luminoase și a ilustrațiilor îndrăznețe va fi una dintre combinațiile de culori de bază în 2019.

Sursa:https://www.apple.com/iphone-xs/

Creative Bold Tipografic

Structura paginii web este la fel de importantă ca și conținutul afișat pe interfață. Statisticile arată că peste 95% din informațiile de pe o pagină web sunt text. În ceea ce privește influența asupra utilizatorilor, tipărirea este a doua numai pentru potrivirea culorilor web și a imaginilor.

Aventură, tipografie curajoasă impresionează publicul. Fonturile selectate cu atenție pot transmite emoțiile de care aveți nevoie și pot construi o ierarhie vizuală puternică. De fapt, mai multe nume mari încep să utilizeze propriile fonturi exclusive pentru a spori recunoașterea mărcii lor

Sursa:https://dribbble.com/shots/4864742-Melt-Candle-Co
https://dribbble.com/shots/5395958-Rei-com-Landing-Page

Design adaptiv
Aproximativ 10 milioane de persoane folosesc gadgeturi mobile și Internet mobil în fiecare zi. Aceasta înseamnă că un sfert din populația totală a țării vizitează resurse web de diferite tipuri și sunt pregătite pentru cumpărare. Dar vor putea să cumpere un produs, un serviciu sau să citească postarea pe blog dacă pagina este incorect afișată pe dispozitivul lor? Evident că nu. Acesta este motivul pentru care adaptabilitatea site-ului este atât de importantă. Nu confunda site-ul adaptabil cu modificarea mobilă – acestea sunt concepte fundamental diferite.

În primul rând, să examinăm ce este un site web flexibil (design web receptiv). Acesta este un design al paginii care oferă o reprezentare corectă și convenabilă a site-ului pentru un utilizator mobil. Site-ul web adaptiv este ajustat automat la dimensiunea ferestrei browserului. Scopul web design-ului, flexibil sub gadget-uri electronice – versatilitatea site-ului. Aceasta înseamnă că nu este nevoie să personalizați site-ul pentru un tip de gadget separat, o resursă web adaptivă este afișată corect pe orice dispozitiv mobil, laptop sau chiar pe televizor. În acest caz, navigarea pe această resursă va fi la fel de convenabilă pe orice dispozitiv, iar utilizatorul nu trebuie să mărească blocurile selectate pentru a nu face clic pe butonul greșit.

De ce avem nevoie de un design web adecvat?

Este comod

Site-ul adaptabil poate fi utilizat de pe orice dispozitiv, ceea ce mărește confortul deplasării prin pagini. Vor fi, de asemenea, beneficii evidente pentru dvs.:

Dezvoltarea și susținerea unui sit adaptiv este rapid, ușor și ieftin;

În cazul unei versiuni flexibile, toate paginile site-ului sunt disponibile la aceeași adresă URL, ceea ce elimină inițial o serie de probleme legate de promovarea SEO, complexitatea, dubla umplere și comoditatea utilizatorului.

Adaptat pentru dispozitivele mobile, gadget-urile atunci când încărcarea arată frumos, își păstrează designul și structura.

Dar trebuie înțeles că site-ul adaptiv are dezavantajele sale:

Adaptarea resursei implică excluderea unor elemente grafice și tehnice pentru a îmbunătăți gradul de utilizare a vizitatorilor.

Încărcare lentă datorită greutății mari. Chiar dacă excludem toate componentele tehnice și grafice care adaugă greutate paginilor, site-ul adaptiv se încarcă în continuare mai lent comparativ cu viteza de descărcare a versiunii standard a site-ului pe un PC sau cu o versiune mobilă dezvoltată separat;

Incapacitatea de a face o legătură cu versiunea completă a paginii web (în cazul versiunii mobile există o astfel de oportunitate).

Cu toate acestea, lipsa unui site web receptiv afectează factorii comportamentali ai utilizatorilor de dispozitive mobile. Vizitatorii vor fi pur și simplu incomod să utilizeze site-ul de la un smartphone și în 98% din cazuri va închide pagina.

Este profitabil

Numărul utilizatorilor de dispozitive mobile crește în fiecare an, ceea ce sporește prezența unei resurse adaptate, creșterea conversiei și profiturile companiei.

Promovează

Resursele non-adaptive sunt mult mai prost clasate în rezultatele căutării Google atunci când căutați de pe un obiect gadget mobil. La mijlocul anului 2015, Google a introdus un nou filtru "Mobile-friendly", care este responsabil pentru clasarea site-urilor atunci când caută de pe un dispozitiv mobil. Adaptarea site-ului este foarte importantă pentru promovarea site-ului SEO. Dacă este prietenos pentru Google și optimizat corect, atunci cu siguranță va intra în TOP și va atrage numărul maxim de clienți și va crește veniturile companiei. În plus, Google a început deja să acorde prioritate site-urilor cu o versiune adaptivă. Prin urmare, dacă nu aveți una, asigurați-vă că ați comandat-o, deoarece riscați să pierdeți o parte din traficul mobil.

Crește loialitatea publicului.

Un utilizator mobil, care aleg din două site-uri din aceeași nișă, va prefera unul care este adaptat gadget-ului său.

Diferența dintre versiunea adaptivă a site-ului și cea mobilă

Spre deosebire de o resursă care este adaptată și are o singură adresă URL, se creează o modificare mobilă pe subdomeniu. Versiunea mobilă a site-ului presupune simplificarea maximă a paginii, lansarea unui anumit conținut și a unei funcționalități. Odată cu descărcările mai rapide (versiunea adaptivă a paginilor web pierde și necesită o optimizare suplimentară a vitezei de descărcare), crearea unei versiuni mobile a resursei este costisitoare și costă la fel ca și dezvoltarea unei aplicații mobile. Toate dezavantajele unui site flexibil sunt avantajele unui tip mobil de site, iar dezavantajele sale sunt avantajele adaptivului.

Oricum, acestea sunt versiuni fundamentale diferite ale unei resurse web, ele necesită acțiuni tehnice diferite, astfel încât pagina însăși pare diferită atunci când se încarcă de pe un dispozitiv mobil.

Tipuri de design receptiv

Formarea adaptabilității se realizează la etapa de proiectare. Prin urmare, este important să alegeți tipul optim de design adaptiv din cele cinci principale:

1. Aspectul cauciucului. Opțiunea cea mai comună și mai simplă de a adapta designul site-ului. Aceasta presupune comprimarea blocurilor în lățime de dimensiunea unui obiect gadget mobil. Și blocurile care sunt imposibil de comprimat sunt configurate unul sub altul;

Proiectarea plastică

2. Blocuri de construcție. Acest tip este optim pentru resursele cu o structură multi-coloană. Atunci când pagina este îngustată, blocurile sunt mutate în jos;

Blocare transfer

3. Schimbați aspectul. Tipul încheiat în elaborarea planurilor pentru diferite rezoluții ale ecranului. Nu este metoda cea mai populară și consumatoare de timp datorită complexității standardizării designului datorită diversității dispozitivelor;

4. Scalarea imaginilor și a textelor. Cel mai simplu tip de adaptabilitate pentru resurse simple. Nu întregul site este scalat, dar blocurile sale individuale / părți;

Adaptabilitate minimă

Tipurile de layout listate nu sunt considerate cea mai bună alegere. Pentru fiecare proiect web, este important să alegeți o opțiune care să fie mai potrivită pentru capacitățile site-ului.

Concluzii

Odată cu creșterea dinamică a utilizatorilor de dispozitive mobile și introducerea unui nou algoritm de către motorul de căutare Google, adaptabilitatea site-ului nu este doar o modalitate de a crește vânzările, ci și o nevoie reală. Vă recomandăm să acordați atenția cuvenită tuturor factorilor pe care i-am descoperit în acest articol și să luați decizia corectă. Dacă ți-a plăcut articolul, spune-i prietenilor tăi despre asta. Și nu uitați să vă abonați la blogul nostru, pentru că înainte de a vă aștepta o mulțime de interesante și utile.

Tendințele de design web sunt întotdeauna un subiect fierbinte pentru designeri din întreaga lume. Urmând cele 10 previziuni de tendință de design web pentru 2019, designerii pot valorifica punctele lor forte pentru a crea modele mai îndrăznețe, unice și de neuitat. Design-ul web creativ nu este o chestiune de șansă. Acesta poate fi analizat, înțeles și executat. Urmăriți noile tendințe de design web și veți fi sigur că veți crea site-uri excelente

Coloritul

Mulți designeri web, incluzând atât novice cat și cei cu experiență, ca să creeze conținut web ignoră principiile unui design bun. Paginile pot conține fundaluri colorate ocupate, multitudine de imagini animate și / sau multe texte stiluri. Dispozitive cum ar fi inversoare (colorate în culori deschise text pe fundal închis) sunt folosite prea deși face dificilă citirea textului mai ales pentru persoane cu dizabilități. O mare parte din scolari și practicanți de design web tratează scrisul pentru web ca un simplu transfer de competențe tradiționale și procesele văzute de obicei în documentele tipărite pagini web; care pot, în anumite condiții, sa fi eficiente, dar de multe ori nu este. În plus, studiile au constatat că designerii nu văd întotdeauna proiectarea web ca un proces sau ca o convecțiune la alte forme de comunicare. Mai degrabă, majoritatea designerilor se bazează pe strategiile tehnologice de care aveau nevoie de a însuși, ignorând conținutul. Mulți s-au plâns că tehnologia nu a vorbit limba lor. De obicei, ar căuta pe cineva care a avut de proiectat ceva similar cu ceea ce ei lucrează și apoi copie stilul de design pentru propriile pagini. Aceste practici au determinat designerii să fie mai conservați în desenele lor și să producă multe pagini care seamănă cu fiecare alte. Care sunt atunci unele dintre lucrurile care trebuie să fie considerată a fi eficientă în proiectarea unui pagină web? În tot acest capitol, strategii practice care vă vor ajuta să deveniți mai buni la locul de muncă; care este de a proiecta și de a crea unic, atractive, eficiente, ușor navigabile și pagini web ușor de utilizat.

Planificare

Primul pas în crearea unei pagini web eficiente site-ul este faza de planificare. Potrivit unui expert, "Construirea unui nou site Web sau retehnologizare una veche nu este diferită de a lucra la acel visa casă, în sensul că în ambele proiecte este o planificare atentă esențială ". Planificarea vă ajută să economisiți timp și bani precum și pentru a ajuta la reducerea stresului proiect. După finalizarea planificării, implementarea strategiei este o sarcină destul de simplă. Există mai mulți pași care ar trebuie aplicați în procesul de planificare pentru o rețea de succes a site-ului. Acestea includ:

1. Alegerea unei focalizări și menținerea ei simplă.

2. Permiteți o mulțime de timp pentru planificare și dezvoltare.

3. Vizitați site-uri web de tip similar pentru a vedea cum alții le-au proiectat.

Alte întrebări care ar trebui abordate în planificare includ:

1. Cine va vizita site-ul și de ce?

2. Cum vor vizita (browser, PDA, celulă telefon).

3. Care sunt obiectivele și cerințele pentru site-ul, există probleme juridice care trebuie să fie abordate (drepturi de autor etc.).

4. Cum va fi găzduit site-ul.

Un motiv de ce este atât de greu de creat un eficient conținut web este că publicul sau consumatorii care pot vizualiza site-ul sunt din medii diverse, uneori internaționale. Ca rezultat, lucrurile care fac apel la unii nu vor avea interes pentru ceilalți. J. Dalgleish sugerează cinci "facezone " care ar putea ajuta la clasificarea a ceea ce clienții dvs. doresc. Aceste domenii sunt:

1. Evaluați afacerea și produsele concurente

2. Selectați produse și tranzacționați cu serviciul e-service.

3. Obțineți ajutor.

4. Oferiți feedback.

5. Rămâi acordați ca și clienți electronici.

Atunci când se decide între întreprinderi sau servicii, clienții se vor îndrepta adesea spre site-uri web pentru informații. Din cauza asta, uitând-va la concurente site-uri web vă pot ajuta să decideți cum să proiectați site care va fi cel mai eficient. Site-ul trebuie să ofere informații utile într-o maniera bine organizată și ușor de găsit. Nu trebuie copiat în mod necesar designul unui concurent, deși vizionarea site-ului unui concurent ar putea sugera lucruri care ar putea face site-ul dvs. mai eficient. Vizitatorii site-ului trebuie să construiască calea pe care o iau prin intermediul site-ului. Cu alte cuvinte, ei creează context care este relevant pentru ei într-o cale personala. Pentru a facilita acest lucru, utilizarea hărților site-ului, motoarele de căutare etc. trebuie sa fie eficientă. Oamenii vor găsi site-ul irelevant sau intruziv dacă nu pot să primească informații relevante pentru ei.

Vizitatorii unui site ar putea avea nevoie să caute ajutor ca parte de experiența lor la un anumit site. Ar putea fi nevoie să aflați unde să mergeți, cu cine să vorbiți, sau cum să rezolvați o problemă. Deci, prevederile pentru întrebări frecvente și contactarea site-ului proprietarii / operatorii trebuie să fie incluși. Există, de asemene un fel de mecanism de feedback care permite vizitatorilor să comenteze experiența lor la site dacă doresc. Feedback solicitat tinde să fie mai puțin util decât dacă vizitatorul primește ceva în schimbul comentariilor sale. Niciodată mai puțin, feedback-ul în orice formă poate fi de ajutor în reglajul site-ului pentru a avea mai mult succes. Documentul de instruire al Global Knowledge Training "10sfaturi pentru crearea site-ului dvs. web "sugerează unele domenii suplimentare de interes în designul web, inclusiv:

1. Accesibilitatea.

2. Securitate.

3. Statistica serverului web.

4. Stiluri tehnologice dinamice.

5. Utilizarea eficientă a sistemelor de design software.

6. Standarde și independența browser ului.

7. Accesul la baze de date.

8. Utilizarea editorilor de imagini.

9. Planificarea, proiectarea și managementul amplasamentelor.

10. Flexibilitatea tehnologică ca puncte trebuie să fie adresate pentru web-ul de succes proiecta.

La timp, în limitele domeniului de aplicare și în limitele bugetului să fie motto-ul de management al proiectelor în aceste zile.

Design Vizual

"Prima regulă a designului vizual este lizibilitatea" – așa spune B. Kovark. Imagini de fundal foarte texturate luptă cu titlurile colorate sau cu textul în obscur fonturile fac dificultăți în înțelegerea și înfrângerea scopului site-ului web. Al doilea regulă conform lui Kovark este acea dimensiune, font și stil dau indicii importante despre conținutul Site-ului. Fonturile gotice pot indica, de exemplu20 Capitolul 2Planificarea pentru Web Design pagini religioase în timp ce fonturile occidentale pot spune ceva despre site-urile web ecvestre. Fontul sans serif transmite o impresie modernă sau simplă, în timp ce fonturile cu serifă pot transmite o senzație tradițională. O preocupare suplimentară cu privire la fonturi este că acestea nu sunt încorporate în webul HTML pagină. Pentru ca un computer să afișeze un font corect, trebuie să fie instalat pe calculatorul local al utilizatorului. Știu ce ar putea să se gândească unii dintre voi. Cât de important poate fi într-adevăr un font al unui site web?

Credeți sau nu, ceva la fel de simplu ca alegerea fontului potrivit poate avea un impact major asupra conversiei. În plus, fonturile web afectează aspectul general al site-ului .

Din moment ce fiecare computer nu are toate fonturile posibile instalate, nu toate computerele pot accesa sau afișa fiecare font pe care un designer îl poate dori a folosi. Din acest motiv, textul de pe o pagină Web este de obicei limitat la un font de serif, cum ar fi Times NewRoman sau un font sans serif, cum ar fi Ariel sau Tahoma , deoarece acestea sunt standard pentru cele mai multe calculatoare. Designeri care doresc să folosească altele fonturilori se recomandă să creeze textul ca imagine folosind un program precum Photoshop și salvați-l ca pe un fișier imagine pentru plasare pe pagina web. Ideal datReal GivenIdeal nou Real Bazat pe Kress & Van Leeuwenmodel citat de Cranny-Francis Aspectul fizic al paginii este alta importanta îngrijorare.

Acest grafic arată toți respondenții care au fost de acord cu prima întrebare. Morris și-a luat nivelul de încredere în a doua întrebare și a atribuit o valoare ponderată fiecărui răspuns.

Făcând acest lucru, este clar că a existat o diferență între modul în care oamenii s-au încrezut în acceptarea pretențiilor făcute pe baza fontului în care au fost prezentate. Acum, să aruncăm o privire și să vedem rezultatele respondenților care nu au fost de acord cu acest pasaj.

figura 2.1

Așa cum se arată în figura 2.1, designul web în culturile occidentale urmăresc îndeaproape modelul de citire de sus în jos – de la stânga la dreapta. Centrul este locul celei mai mari proeminențe. Elementele care apar pe partea stângă sunt lucruri care sunt "date" sau cunoscută de spectator fie în particular, fie în ideea pe care o reprezintă în timp ce articolele din dreapta tind să fie necunoscute sau noi. În partea de sus este "Ideal" sau esența ideii. Partea de jos este locul pentru "adevărat" – în sensul zilnic sau realizarea materială. Folosind logica lui Cranny-Francis, aspectul figurii2.1 este specific cultural și are cele mai multe hârți aranjament convențional de articole. pentru că din acest, modelul poate fi folosit inovativ prezintă materiale în moduri unice și diferite.De exemplu, plasarea unui element nou pe partea stânga îl prezintă privitorului în așa fel încât să controleze noul – pentru că este în "dat" Poziția telespectatorului este determinată să creadă că deja știu acest lucru. În schimb, plasarea ceva deja cunoscute sau familiare pe partea dreaptă pot sa-i dăie un aspect nou sau diferit.

Spațialitatea

Spațialitatea este, de asemenea, legată de crearea sensului într-un site web. Deși un site web poate fi foarte colorat și complex vizual, poate, de asemenea conține o mulțime de spațiu liber. Acest spațiu este menționat ca pe un spațiu alb sau negativ, deși dacă are loc nu trebuie să fie de culoare albă. Convenția spune că nu trebuie, și nici nu ar trebui să ne dorim, utilizați fiecare pixel liber de spațiu. Proiecte mai deschise sunt adesea văzute ca o calitate superioară și mai prestigioasă. De obicei, designerul neexperimentat la Design paginilor web încercă să utilizeze tot spațiul disponibil. Luați în considerare deschiderea design pe coperta unei reviste cu scara larga cu spațiul său deschis și abundent în comparație cu coperta unei tabloide "de mijloc sau de clasă inferioară" unde fiecare cilindru disponibil este umplut. Un alt aspect al spațialității este utilizarea frontierelor sau graniței. Frontiere sau limitele pot fi create cu culoare, linii, forme și text. Comunicat-orii utilizând internetul ca să transmită mesajele fac uz de fotografii, ilustrații și diagrame. Raportul dintre imagini și text în web documentele a crescut lent de-a lungul anilor. Pe măsură ce Internetul sa dezvoltat dintr-un text doar mediu în mediu bogat în mass-media de World Wide Web, a existat o dramatică creșterea utilizării elementelor vizuale online. C.Harrison ne informează că "lucrul important pentru comunicat-ori profesioniști sa înțeleagă estetica cititorii / utilizatorii nu se mai bazează numai pe text pentru înțelegere; ele absorb și procesează toate ce ei văd într-un document să creeze un sens pentru ei înșiși ".

Înțelegerea modului în care funcționează textul și imaginile împreună pentru a crea sens și cum pot imaginile amplifica sau distruge sensul poate fi explicat în teoria comunicării Visual Semiotica socială. Semiotica este în esență studiul semnelor și modul în care oamenii atribuie semnificația la aceste semne. Teoria teoriilor semiotice sociale vizuale identifica trei tipuri de imagini, pictograme, indexuri și simbol (vezi figura 2.3). O imagine este o pictogramă dacă este ori are o asemănare cu o persoană sau un obiect. icoane pot fi picturi, fotografii, ilustrații etc. poate fi orice de la foarte simpla la extrem de complexa. O pictogramă comună pe pagina web este o casă familiară care reprezintă casa pagină. Un index este o imagine pe care o recunoaștem pentru că înseamnă ceva. Un exemplu este săgeata indicatoare în sus pe o pagină web care reînțelegem că înseamnă partea de sus a paginii. Noi de obicei, necesităm un text pentru a ne ajuta să înțelegem semnificația unui indice. Deci, săgeată în acest exemplu ar avea și text asociat care spune "partea de sus a paginii" sau ceva similar. Simbol este o imagine care nu are viziune evidentă sau o legătura cu conceptul pentru care se află. Noi cunoaștem sensul ei numai pentru că am învățat această prin experiențele noastre sau prin experiențele altora. De exemplu cuvântul "mașină” nu arata ca un automobil, ci când vedem cuvântul, înțelegem ce înseamnă pentru că am învățat-o prin experiență.

La fel ca modelul Kress & Van Leeuwen ne poate ajuta în înțelegerea aspectului unui Design deschis din Life, design mai aglomerat. Planificarea pentru Web Design întreaga pagină web este, de asemenea, util pentru a ajuta să înțeleagă imaginile plasate pe ele. Potrivit lui C. Forceville (1999):Imagini, inclusiv texte multi modale,să furnizeze informații importante prin modurile în care elementele lor sunt amenajate. Se disting trei aspecte: "zona" în care un element apare (stânga / dreapta, partea de jos / sus, centrul /marja); "salience" acordat pe (prin intermediul punerii în prim plan / fundal, dimensiunea relativă, culoarea etc.); și "încadrarea" dispozitivelor precum vectori între participanți (p. 166).Înțelegerea și selectarea imaginilor pentru utilizarea pe un site web, în ​​ciuda tuturor teoriilor, este încă un proces destul de interesant și subiectiv. Într-un exemplu citat de Harrison, alegând care fotografie a clădirii Curții Supreme utilizarea pe site-ul său web ar fi putut merge unul din trei moduri. Fotografia aleasă era o vedere a ochilor din clădirea care face clădirea arăta mare și impunând să sugereze importanța curte pentru națiune. Fotografiile respinse au fost incluse în viziune de nivel simbolizând că instanța este la același nivel ca și cetățeanul mediu și o perspectiva „ochi de păsări” care sugerează că acea curte a fost importantă e mai mică. Dacă designerii au ales una din celelalte imagini, mesajul perceputa site-ului web ar fi putut fi mult diferit. Este suficient să spui imaginea care a transmis sentimentul destinat designerilor web a fost cu atenție selectată. Plasarea imaginilor, cum ar fi locația pe pagină și dimensiunea sunt, de asemenea, importante considerate notate anterior.

Utilizarea adecvată a culorilor pe o pagină web poate spori funcționalitatea. Culoarea poate focaliza atenția utilizatorului pe o anumită secțiune a paginii. Pentru exemplarul roșu poate evidenția un element de vânzare sau galben se poate aplica la ceva nou. Culoare, mai ales culoarea luminoasă, ar trebui să fie folosit cu atenție. Prea mult utilizarea de culori luminoase poate fi obositoare sau distrage atenția. Utilizarea culorii ar trebui să fie consecventă pe site-ul web. Un exemplu bun ar fi un banner care păstrează aceeași culoare și locație pe fiecare pagină. Textul subliniat albastru ar trebui să fie evitată, deoarece este stilul implicit al unei legături. Și pentru cea mai bună vizibilitate, culorile care oferă un contrast puternic între text și fundal trebuie folosit. Sunt selectate culorile care sunt în siguranță pe internet (crossplatform). Există 216 de aceste culori inter-platformă care sunt culori RGB de lumină. Culorile în condiții de siguranță web sunt definite prin diferite nuanțe de roșu, verde si albastru din care sunt compuse și sunt reprezentate browser-ul în valori hexazecimale. în plus există șaisprezece culori predefinite, cum ar fi alb, argint, negru, roșu etc., pe care un browser le poate recunoaște direct prin nume. În cele din urmă, există trei filosofii pentru web design așa cum este definit de Clint Eccher. Acestea sunt utilizabilitate, multimedia și mortised. Aceste filozofii ar trebui să fie evaluate. Design paginilor web factori de estetică, utilitate și funcționalitate. Filozofia utilizabilității reprezintă ușurința de găsire și prelucrare a informațiilor. În alte cuvinte, această filosofie încearcă să facă o rețea website accesibil tuturor utilizatorilor, indiferent de platforma sau browser. O modalitate de a face acest lucru este de a desface site-ul până la esențiale; eliminând cel mai mult dacă nu toate imaginile și bazându-se în principal pe text transmite mesajul site-ului web. Filosofia multimedia este pe partea opusă a spectrul de design din filosofia utilizabilității. Site-urile multimedia utilizează animație, audio și video pentru a crea mai interesante și interactive site-uri. Site-urile mortisate reprezintă filozofia „piecing” împreună grafică, text și funcționalitate(cum ar fi formele) pentru a face site-uri care sunt rapide, flexibile și utilizabil. Designerul trebuie să decidă ce filosofia va fi cea mai potrivită pentru acest scop din site-ul pe care îl proiectează.

Layout principele

Pentru a crea o grafică eficientă cu desene sau modele, trebuie să înțelegeți câteva elemente de bază a principiile designului vizual. Aceste principii când aplicate în mod corespunzător pentru desenele dvs. web, vă va facilita proiectarea conținutului web excepțional. Aceste principii de proiectare sunt generice și pot fi aplicate în orice domeniu de proiectare fie pentru imprimare, web sau alte medii. Principala preocupare pe care o aveți ca designer web este cum să alocați eficient spațiul disponibil. Spațiul (numit și spațiu alb sau spațiu negativ) este tot ceea ce trebuie să lucrăm cu voi trebuie să învețe să o folosească în mod eficient. Designul tău finit nu are valoare dacă nu cauzează vizitatorul site-ului pentru a opri și vizualiza site-ul dvs. Web. Când cineva accesează primul site-ul dvs. web, aveți doar câteva secunde pentru a atrage atenția. daca dvs. nu o faceți, atunci nu va puteți bucura de ceea ce ați creat atât de mult, dar în schimb vor găsi în altă parte un site mai mult pe placul sau. Într-un ziar, cele mai importante elemente sunt plasate deasupra ori, astfel încât atunci când o hârtie se află pe o masă, aceste elemente sunt vizibile. Pe o webpagina, ar trebui să încercați să proiectați astfel încât cel mai importante lucrurile apar pe primul ecran plin de informații, dacă pagina dvs. este mai lungă decât un ecran. Deplasarea verticală pentru a vedea informații suplimentare este considerată acceptabilă, dar derularea orizontală nu este. Lucruri pe care ar trebui să le pună primul ecran al unei pagini de pornire poate include numele site-ului, mesajul principal, o indicație a ceea ce este site-ul, caracteristicile de navigare pentru a ajunge la alte părți ale site-ului și alte informații importante pentru vizitatorul site-ului, inclusiv adresele și numerele de telefon etc.

Wendell Crow ne spune că un layout bun e la fel ca o muzică plăcută de la o orchestră. "Este armonios, echilibrat, ritmic, emfatic. Repetă temele și utilizează dispozitive precum contrastul dinamic surprinde și stimulează publicul "web design. Trebuie să profităm de următoarele principii și să le folosim în mod eficient în crearea conținutului nostru web.

A. Balanța – un sentiment de stabilitate sau de echilibru. Bilanțul poate fi formal sau informat Mal.

b. Contrast – diferențe în dimensiune, formă, culoare pentru Web Design sau alte elemente care promovează interesul și atrage spectatorii.

c. Direcționarea – poziționarea elementelor în pro-pro- mută mișcarea ochiului. Ilustrațiile pot "indica" altele articole. Fotografiile pot fi plasate de-a lungul unei axe să sugereze mișcarea etc.

d. Accentuare – se face un element sau un grup să se evidențieze prin utilizarea dimensiunii, conținutului, culorii sau poziției.

e. Armonie – utilizarea unei greutăți similare a liniei, forme și tonuri, astfel încât să se potrivească bine și sunt plăcut să se uite la.

f. Linia poate delimita forma sau arata direcția mișcare sau accentuare.

g. Perspectiva – aproximează poziția elementelor văzute de cele a vizualizatorului. Poate fi folosit pentru a crea adâncime pe ecran plat.

h. Punctul – poziția de pe pagina care deține atenția primară a spectatorului. Ar trebui să nu fie confundat cu termenul utilizat ce descrie dimensiunea tipului. Poate fi real sau imaginar.

i. Proporție – potrivirea formelor și dimensiunilor astfel încât acestea se amestecă sau contrastează în mod eficient.

j. Ritmul – un sentiment de ordonare, dar nu plictisitor sau repetitiv. Dublarea modelelor sau imaginilor de exemplu.

k. Forma de formă poate crea adâncime sau prin dimensiunea și proporția prezintă importanța sau impact.

l. Secvență – o modalitate de a asigura ca citirea urmează o cale definită. De la stânga la dreapta sau de sus în jos, de exemplu.

m. Textură – "simțirea" vizuală a designului.

n. Tone – Gama de valori de lumină de la alb la negru sau de la culoare slabă la culoare saturată.

o. Unitate – sensul tuturor elementelor de design aparțin întregului proiect; elementele sunt legate unele de altele.

De asemenea, trebuie amintit că în culturile de vest, oamenii sunt obișnuiți să citească de la stânga la dreapta și de sus în jos. Dacă plasați conținutul în alte moduri, acesta ar putea să vă confunde vizitatorii site-ului. Dar daca se face în mod eficient, poate, de asemenea sa creeze unele efecte neobișnuite. Fiecare pagină are un centru matematic. Aceasta este punctul de la mijlocul de sus în jos și la stânga la dreapta. Centrul matematic nu este totuși in mod necesar, punctul focal al paginii. Când ochiul tău întâlnește întâi o pagină nouă, cădea în mod natural într-un loc de deasupra și în stânga centru matematic. Locația exactă nu este la fel de important ca și principiul din spatele lui, centrul optic este situat la aproximativ 3/8 de partea de sus a paginii. Ar trebui să profitați din acest ajutor natural și îl folosiți ca punct focal sau centrul de orientare al paginilor dvs. Dacă un element ales pentru această locație poate opri privitorul, sunteți pe cale de a obține o rețea eficientă pagină.