Categorie: Articol

  • Compozitia in web design

    Compozitia in web design

    Compozitia se refera la structura si organizarea subiectului, iar intelegerea si explorarea practica a subiectului respectiv sunt esentiale pentru o comunicare vizuala eficienta. Compozitia trebuie considerata la fel de importanta ca si elementele folosite pentru a construi imaginea in sine.

    De-a lungul istoriei artelor vizuale au fost propuse diverse teorii ale compozitiei. Arhitectul si inginerul roman Vitruvius a conceput o formula matematica pentru dividerea spatiului din interiorul unei picturi. Solutia sa, cunoscuta ca sectiunea de aur, segmentul de aur sau proportia divina, se baza pe un raport stabilit intre latura lunga si cea scurta a unui dreptunghi. Pictorul francez Henri Matisse (1869-1954) punea un accent mai mare pe inspiratie, afirmand despre compozitie: se poate spune ca reprezinta arta aranjarii diverselor elemente in scopul de a exprima sentimentele in mod decorativ.

    Ideea de baza este aici faptul ca elementele pot exprima sentimente atunci cand rezulta din studii compozitionale eficiente. Un punct de pornire bun este folosirea de forme si texturi abstracte, care pot sugera si evoca sentimente in aceeasi masura ca si arta figurative, dar care va ingaduie sa va concentrati exclusiv asupra felului cum sunt aranjate elementele respective. Imediat se nasc intrebari. Cum ar trebui impartita suprafata picturii? In ce fel ar trebui subiectul sa ocupe suprafata? Elementele alese nu trebuie sa stea pur si simplu intr-o pozitie centrala pe hartie, ci pot parea sa iasa din ea ori sa intre dinspre margini. O compozitie simetrica asigura o lucrare calma, pasnica, pe cand ceva mai dinamic se poate obtine prin aranjarea asimentrica a elementelor.

    Explorarea ideii fizice a spatiului si iluziei profunzimii campului pe o suprafata bidimensionala va crea relatii interesante. Lucrul acesta se poate realiza prin varierea marimii (si culorii) formelor sau prin utilizarea perspectivei, in care subiectul pare sa se indeparteze spre unul sau mai multe puncte de fuga.

    Observarea

    Atunci cand lucrati prin observare directa la o compozitie de tip natura moarta, trebuie fie sa rearanjati obiectele in interiorul spatiului, fie sa gasiti perspectiva exacta in care sa le priviti. Prima optiune este mai usoara, deoarece puteti aranja obiectele pentru a crea orice forma , aspect sau atmosfera doriti. A doua abordare va cere sa va deplasati in jurul obiectului sau obiectelor pentru a gasi o pozitie care sa aiba potentialul de a realiza o compozitie interesanta. Pentru a descoperi aceasta pozitie optima puteti intreprinde studii preliminare rapide sau puteti, de asemenea, sa folositi un vizor, taind din carton negru doua forme in “L” si plasandu-le laolalta pentru a crea un cadru mobil.

    Acesta este si un mod ideal de a incepe sa va exersati intelegerea si perceperea compozitiilor interesante. In acest scop puteti utiliza orice tip de imagine, desi poate fi foarte avantajos sa lucrati cu fotografii. Ajustand imaginea si eliminand o portiune a ei, accentuati o zona anume, creand o noua tensiune vizuala.

    Principiul de baza ale machetarii

    Termenul “machetare” se refera la modul in care organizam materialele diseparate ce formeaza continutul unei lucrari. Obiectivul este de a prezenta informatiile logic si coerent, cat si de a scoate in relief elementele importante. Folosirea unei grile si a elementelor distinctive si identificabile consecvent il ajuta pe cititor sa absoarba informatiile intr-un mod placut din punct de vedere vizual.

    Informarea

    In producerea machetelor, exista trei etape de baza. In primul rand, designerul este informat de client asupra materialelor ce trebuie utilizate. In mod normal, acestea vor fi o combinatie de text – text principal, titluri, casete sau boxuri laterale de text si legende – si imagini, ca fotografii, ilustratii, harti sau diagrame. Informarea ar trebui sa precizeze si aspectul dorit sau “senzatia” pe care intentioneaza s-o transmita, care, la randul ei, va depinde de publicul tinta. Trebuie ca macheta sa para autoritara si ticsita cu informatii? Curata si structurata, cu multe spatii albe? Sau neconventionala si ultramoderna?

    Factori practici

    Dupa aceea, designerul trebuie sa inceapa sa se gandeasca la felul in care diversii factori practici, ca formatul si culorile disponibile ii vor influenta abordarea. Daca exista multe imagini si text care trebuie incadrate intr-o suprafata relativ mica, ele vor afecta si aspectul machetei. In aceasta etapa trebuie ajuns la un acord in privinta stabilirii de ierarhii in text, adica a punctelor principale ce trebuie subliniate. In unele cazuri, un redactor poate sa fi etichetat titlurile cu A, B, C si asa mai departe, pentru a le indica importanta relativa. Aceste elemente, si altele, pot fi tratate tipografic pentru a le spori intelesul prin diferente in marimea, grosimea, forma si chiar culoarea caracterelor.

    Lista de control inainte de inceperea machetei

    • Ce material text va fi utilizat?
    • Vor exista fotografii, ilustratii, diagrame?
    • Cate culori pot fi utilizate?
    • Care este formatul si marimea lucrarii?
    • Ce parti din text trebuie subliniate?
    • Care este publicul tinta?
    • Clientul doreste un stil specific?

    Grila

    Etapa a treia este trecerea propriu-zisa la treaba. Nu va grabiti direct la calculator. Presupunand ca lucrarea are mai multe pagini, ar trebui sa creati o desfasurare pe doua pagini (“spread”) cu dimensiunea finala reala. In felul acesta, puteti vedea zona in care trebuie sa lucrati . Pentru organizarea mai usoara materialului, este recomandabil sa concepeti o grila, in care structura generala a paginii sa fie divizata in unitati de spatiu. Grila va arata dispunerea coloanelor, marginile si zonele pentru textul principal, legenda si imagini, si va prezenta de asemenea pozitia titlurilor, a colontitlurilor, cat si numarul paginii. Dupa ce ati realizat formatul, puteti pregati cateva “ciorne” ale machetei. Ele pot fi miniaturi sau schite vizuale avand dimensiunea pe jumatate din cea reala, in care sunt prezentate pentru prima data ideile. Acest tip dedicat gandirii este important in machetare pentru a ajuta la luarea deciziilor privind compozitia si utilizarea materialului. Timpul petrecut in aceasta etapa initiala va oferi cateva variante ce pot fi produse apoi rapid la calculator. Timpul necesar desenarii ideilor este infinit mai scurt decat incercarea de a crea lucrarile direct pe calculator. Vom repeta mereu: calculatorul nu este decat un instrument; el nu poate gandi in locul dumneavostra. Aici un designer cu imaginatie isi poate folosi pe deplin talentele inainte de a trece la productie.

  • Limbajul designului in web design

    Limbajul designului in web design

    Ce se intelege prin limbajul designului?

    Asa cum copiii invata un limbaj pentru a comunica, studentii de design trebuie sa invete un alt tip de limbaj pentru a patrunde in lumea designului grafic. Limbajul respectiv este de natura vizuala si incepe printr-o constientizare sporita a felului in care arata lumea. Este o modalitate de a vedea ce anume difera de simpla existenta materiala. Pictorul Henri Matisse a spus ca ,,atunci cand mananca o rosie, o privea pur si simplu.” Dar, a adaugat el ,,atunci cand o pictam, o vedeam cu totul altfel”.

    Exista multe strategii pentru a invata un copil cum sa desprinda si sa foloseasca limbajul, acelasi lucru este valabil si pentru limbajul designului. Limbajul acesta are trei parti esentiale: forma, culoarea si conceptul.

    Forma reprezinta compozitia elementelor fundamentale dintr-o lucrare de design, felul in care arata un obiect: configuratia, proportia, echilibrul si armonia partilor componente. Intelegerea formei provine din dezvoltarea capacitatii de a distinge calitatile intrinseci ale elementelor si relatiile dintre ele.

    Culoarea joaca un rol important in luarea de decizii in designul grafic, conferind varietate, atmosfera si spatialitate. Culorile pe care le alegeti vor determina nu numai reactii psihologice si emotionale, ci ar trebui, de asemenea, sa sustina si sa sporeasca aspectele de natura formala.

    Termenul “concept” se refera la ideea sau viziunea dinapoia unui design. Procesele de gandire pe care le parcurg designerii atunci cand absorb si dezvolta informatiile primite de la client reprezinta o parte vitala din gasirea unei solutii grafice la o problema specifica. Forma si culoarea au putina valoare daca nu exista o gandire de calitate. Dar, ca si in cazul formei si al culorii, puteti recurge la strategii care sa va ajute in dezvoltarea conceptelor. Eduard de Bono a scris mult despre felul in care gandesc oamenii si despre tipul de gandire necesar designerilor, si merita sa ii cititi lucrarile. Atunci cand conceptul si utilizarea formei si culorii se intregesc coerent, exista o posibilitate reala ca designul sa-si atinga obiectivele . Componentele amintite mai sus alcatuiesc limbajul designului.

    Forma si spatiu

    Vederea este o experienta atat de banala, incat ii acordam prea putina atentie. Pentru designerul grafic, procesul de percepere (felul in care ochii si creierul sau interpreteaza ceea ce vede) prezinta interesul si importanta cea mai mare. In mod constient sau nu, ochii nostri alimenteaza creierul in mod constant cu informatii vizuale, care sunt procesate si interpretate.

    Spatiul bidimensional

    Designul graphic este realizat in general in limitele a doua dimensiuni (inaltime si latime). O coala alba de hartie este o suprafata plana pana in clipa in care plasam un semn pe ea, iar atunci devine scena unor forte vizuale ce devin tot mai complexe pe masura ce creste numarul elementelor. Ele constituie forta motrice fundamentala a stimulilor vizuali si ar trebui explorate prin diverse experimente simple.

    Figura si fundatie

    Formele sunt intotdeauna percepute in asociere cu spatiul in care sunt plasate si cu celelalte forme ce pot fi prezente in formatul respectiv. Fiecare forma este vazuta in context si nu poate fi total izolata. In general, o forma este considerata “pozitiva” si spatiul din jurul ei este “negativ”. Spatiul din interiorul unui format – numit uneori “fundatie” – este un element important al oricarui design si nu doar ceva care ramane dupa ce o forma este plasata pe el.

    Spatiul trebuie organizat si controlat, deoarece ofera informatii importante despre forma, care, desigur, la randul ei trebuie sa aiba in jur o nonforma pentru a exista pur si simplu. Un spatiu necorespunzator aranjat aduce cu pauzele prost plasate dintr-un discurs; ele pot submina intelesul si accentuarea. In mod similar, spatiul nu trebuie sa i se ingaduie sa se extinda fara scop, deoarece aceasta poate slabi structura designului.

    Relatii intre forme

    Pentru a intelege experienta vizuala primara a formei si spatiului faceti cateva experiente, desenand cu creionul pe o coala de hartie un patrat cu latura de 12,5 cm si decupand din hartie neagra mai multe patratele cu latura de 1,25 cm.

    Simetrie si asimetrie

    Plasand un patratel negru in mijlocul formatului desenat cu creionul, veti observa ca patratul desenat are aspectul unei suprafete diferite a hartiei din exteriorul patratului. Linia trasata cu creionul si existenta patratelului negru v-au modificat felul in care percepeti suprafata plana. Patratul trasat cu creionul pare sa inainteze. Cu toate acestea, pozitionarea centrala a patratelului negru inseamna ca spatiul din jurul sau este egal ca marime de fiecare parte a sa; fiecare latura trasata cu creionul reitereaza o latura a patratelului negru. Rezultatul este o senzatie vizuala ce poate fi descrisa ca nemiscare, liniste, pasivitate sau chiar plictiseala. Este, de asemenea, un exemplu de simetrie. Daca trasati o linie prin centrul formatului, cele doua jumatati de patrat vor fi imaginea in oglinda a opuselor lor (echilibru perfect).

    Pentru a continua experimentul, lipiti patratelul negru si desenati alte patrate cu latura de 12,5 cm. In al doilea patrat, pozitionati patratelul negru exact ca pe primul, dar acum plasati intre marginea din stanga si patratelul negru un al doilea patratel negru, astfel incat sa se afle in mijlocul spatiului si sa fie aliniat cu primul patratel negru. Aceste doua patratele par sa patrunda dinspre stanga in formatul trasat cu creionul – o impresie ce rezulta din conventia noastra de a citi de la stanga spre dreapta. In alt patrat de 12,5 cm, pozitionati un al doilea patratel negru intre patratelul negru central si marginea din dreapta. Vom avea senzatia ca se deplaseaza catre dreapta, ca si cum ar parasi patratul desenat cu creionul. Daca un al doilea patratel negru este pozitionat intre latura de sus si patratelul negru central, cele doua par sa coboare prin format. Toate aceste designuri sunt asimetrice, adica nu se echilibreaza perfect.

    Puteti crea aceeasi serie de aranjamente, dar cu patratele negre plasate la 45 de grade fata de latura trasata cu creionul, astfel incat sa nu mai fie reiterari ale laturilor. Efectul va fi o senzatie mai accentuata de miscare dinamica.

    Experimentele pot fi extinse prin adaugarea de mai multe elemente, totusi priviti cu atentie si constientizati efectele vizuale ale fiecarei dispuneri.

    Forma tridimensionala

    Putem continua aceste explorari simple prin intrarea in lumea tridimensionala, sau cel putin a iluziei sale. Iluzia profunzimii si a volumului spatial ne parvine prin perspectiva, un tip de reprezentare vizuala inventata la inceputul Renasterii italiene.

    Reveniti la patratul cu latura de 12,5 cm trasat cu creionul, in centrul caruia se afla patratelul negru cu latura de 1,25 cm. adaugati-i un patrat negru cu latura de 5 cm. pozitionati noul patratel in coltul din stanga sus al formatului, incat sa se afle in centrul spatiului si latura lui de jos a fie aliniata cu latura de sus a patratelului central initial. Patratul mai mare pare apropiat decat cel central. Fiind in partea de sus a formatului, el apare deasupra nivelului ochilor dumneavostra si a patratelului central la mijlocul distantei. Patratul mai mare va va solicita mai mult atentia.

    Spatiul negativ si spatiul pozitiv

    Trebuie sa analizati utilizarea eficienta a spatiului pozitiv si a spatiului negative. Spatiul pozitiv este suprafata imaginii, in vreme ce spatiul negative este fundalul, cunoscut ca si “fundatie” sau plan al imaginii. Este important sa intelegeti ca, in general, spatiul negativ slujeste pentru a sustine suprafata imaginii si de aceea nu poate fi lasat sa se dezvolte ca spatiu active in sine.

    Merita explorate efectele pe care acest spatiu “neutilizat” il are asupra senzatiei globale generate de o imagine, prin modificarea deliberate a raportului dintre spatiul pozitiv si cel negativ.

    Uneori puteti incuraja in mod activ ambiguitatea intre elementele imaginii si fundal. Pot aparea situatii in care un grup specific de elemente se reunesc pentru a se sustine reciproc si a concur astfel incat spatiul ( in mod normal negative) capata forma din partea elementelor positive. In astfel de cazuri, ochii nostril au dificultati in a deosebi forma de fundatie, ceea ce creeaza ambiguitate, care poate sa fie stranie si sa stimuleze surescitarea vizuala. Forma poate fi utilizata pentru a “captura” sau inchide spatiul intr-un asemenea mod incat o imagine poate fi citita ca pozitiva, desi altundeva in design ea isi patreaza rolul uzual.

  • Servicii de blogging si Blogger

    Servicii de blogging si Blogger

    Servicii de blogging

    Un serviciu de blogging este o platforma software care ofera gratuit utilizatorului toate instrumentele necesare pentru crearea si mentinerea unui blog. Pentru folosirea unui serviciu de blogging este necesar ca utilizatorul sa-si creeze un cont.

    O serie de caracteristici de baza sunt oferite de toate serviciile de blogging:

    • software bazat pe Web – ajuta bloggerii sa scrie, sa publice si sa organizeze continutul blogului, fara ca acestia sa aiba cunostinte despre programarea calculatoarelor;
    • gazduire Web – serviciul furnizeaza spatiu pentru stocarea fisierelor blogului;
    • elemente de baza ale unui blog – acestea includ pe langa comentarii si arhive, sabloane si scheme de culoare care permit personalizarea blogului.

    De asemenea, majoritatea serviciilor de blogging ofera functionalitati suplimentare, dintre care pot fi amintite:

    • moblogging – postarea textului si a fotografiilor direct de pe telefonul mobil;
    • photoblogging – postarea de fotografii in intrari;
    • audioblogging – postarea unor inregistrari audio in intrari;
    • videoblogging – postarea unor clipuri video in intrari.

    Blogger

    Blogger este un serviciu de blogging oferit gratuit utilizatorilor de compania Google.

    Istoric

    Blogger a fost creat de Pyra Labs si lansat in august 1999. In februarie 2003, Pyra Labs a fost cumparat de Google. In anul 2004, Google a achizitionat Picasa, integrand in Blogger facilitatea acesteia de partajare a fotografiilor si oferind astfel utilizatorilor posibilitatea de a posta imagini in bloguri. In anul 2007, Blogger a obtinut locul 16 din 50 intr-un top al celor mai vizitate domenii ( in ceea ce priveste numarul de utilizatori unici).

    Iata o parte dintre cele mai importante facilitate oferite utilizatorilor de serviciul Blogger:

    • folosirea unui sablon de tip drag and drop pentru editarea interfetei;
    • posibilitatea de a utiliza permisiuni de citire pentru intrari ( in scopul crearii blogurilor private);
    • diverse optiuni in ceea ce priveste feed-urile Web;
    • personalizarea interfetei, utilizatorul avand posibilitatea de a alege cel mai potrivit sablon dintr-un numar mare de sabloane si de a-l modifica ulterior.

    Astfel, pot fi schimbate fonturile si culorile. De asemenea, utilizatorul poate sa aiba un control si mai mare asupra interfetei, folosind functia Editati HTML:

    • intrarile in blog pot contine fotografii si materiale video. Fotografiile vor fi gazduite in contul gratuit Picasa Web Albums al utilizatorului. In schimb, video-urile incarcate sunt gazduite pe Google Video;
    • pe masura ce utilizatorul compune o noua postare, aceasta este salvata automat. De asemenea, exista o functie de verificare a ortografiei, precum si o metoda simpla de adaugare a etichetelor;
    • blogul este gazduit gratuit pe BlogSpot. Utilizatorul va alege URL-ul blogului sau pe care-l poate modifica ulterior. Blogger include si optiunea de folosire a unui domeniu personalizat, cumparat anterior de utilizator gazduirea blogului fiind, de asemenea, gratuita;
    • cititorii blogului au posibilitatea de a lasa comentarii pentru intrarile blogului, oferind un feedback util proprietarului blogului. Cititorii si proprietarul blogului pot fi notificati prin e-mail atunci cand sunt adaugate noi comentarii. Pentru un nivel mai ridicat de control, exista posibilitatea moderarii comentariilor;
    • cititorii se pot abona la feed-ul blogului, astfel incat sa fie notificati de fiecare data cand este adaugata o noua intrare;
    • Blogger este disponibil in peste 40 de limbi, inclusiv in limba romana.

    In ceea ce priveste integrarea Blogger cu alte aplicatii, pot fi amintite:

    • Suporta serviciul AdSense( acesta este un serviciu de publicitate oferit de Google. Proprietarii site-urilor Web, inclusiv a blogurilor, pot folosi AdSense pentru a integra in propriile site-uri reclame bazate pe text, imagini sau clipuri video), oferind astfel proprietarilor blogurilor o cale de obtinere de venituri (pentru un numar mare de bloggeri, inclusiv din Romania, activitatea de publicare pe blogul personal constituie o sursa importanta de venit atunci cand numarul de vizitatori este foarte mare).
    • Este posibil sa se publice direct in Blogger utilizand Windows Live Writer;
    • Add-in-ul gratuit Blogger for Word ofera utilizatorilor posibilitatea de a salva documente Microsoft Word direct in propriul lor blog . Necesita Windows XP sau Windows 2000 si Word 2000 sau o versiune ulterioara. Totusi, Google spune ca nu s-a luat o decizie in ceea ce priveste compatibilitatea add-in-ul amintit cu noua versiune Blogger. Suita Microsoft Office 2007 include suport nativ pentru un numar mare de sisteme de blogging, inclusive pentru Blogger;
    • Bara de instrumente Google (Google Toolbar) include caracteristica Blog This! , care permite utilizatorilor cu conturi Blogger sa posteze legaturi direct in blogurile lor.
  • Bloguri si microbloguri

    Bloguri si microbloguri

    Noul Web ofera utilizatorilor un instrument redutabil, prin intermediul caruia fiecare dintre acestia isi poate face auzita vocea: blogul. De asemenea, tehnologiile de comunicare cunosc in epoca de astazi o revolutie la de importanta ca si cele anterioare: microbloggingul (e.g., e-mail,mesageria intsantanee, forumuri).

    Bloguri

    Un blog (scurtatura pentru weblog sau web log ) este un site Web, reprezentand de cele mai multe ori un jurnal public online al unui autor. Majoritatea blogurilor include mijloace de postare a comentariilor vizitatorilor. Astfel, blogul reprezinta un instrument de facilitare a interactiunilor umane.

    Blogosfera reprezinta totalitatea blogurilor, formand adesea retele si cuprinzand bloguri din toate domeniile. Blogosfera romaneasca include blogurile scrise in limba romana.

    Conform Technorati, blogosfera numara la inceputul anului 2009 peste 135 de milioane de bloguri. Mai mult de 200 de mii de bloguri sunt create in fiecare zi, adica aproximativ 2,3 bloguri pe secunda. De asemenea, se scriu 900 de mii de articole pe zi, ceea ce inseamna ca se scriu circa 10 articole pe secunda. Un numar insemnat de bloguri romanesti sunt indexate la RSS Mioritics si BlogRank.

    Istoric

    Termenul weblog a fost introdus in 1997 de catre Jorn Barger, al carui site a constituit un model, influentand intr-o masura importanta primele bloguri. Primele servicii software de blogging au fost oferite utilizatorilor spre sfarsitul anilor ’90.

    Autorul unui blog, care poate fi reprezentat de o persoana (de cele mai multe ori) sau de catre un grup de persoane, se numeste blogger. Aceasta adauga periodic continutul blogului sub forma unor articole, numite si posture (posts) sau intrari (entries), cele mai noi fiind atasate primele. Pentru fiecare intrare este specificata data si ora publicarii. Activitatea de actualizare a continutului (i.e., publicare de continut nou) poarta numele de blogging.

    Prin intermediul unui blog se poate face aproape orice, incepand cu publicarea fotografiilor personale sau de familie, pana la promovarea unei afaceri. Iata cateva dintre scopurile in care se utilizeaza blogurile:

    • informarea membrilor familiei si a prietenilor despre experientle personale;
    • exprimarea opiniilor despre diverse evenimente ( e.g., politice, artistice, educationale etc.);
    • crearea unor comunitati in jurul unor subiecte de interes;
    • promovarea unei afaceri – se realizeaza prin includerea regulata de continut nou, referitor la serviciile si produsele oferite, in scopul atragerii de noi clienti si pastrarii celor deja castigati;
    • gazduirea de mesaje publicitare – unele companii cumpara spatiu publicitar pe blogurile care au un numar mare de vizitatori.

    Desi nu se poate face intotdeauna incadrarea unui blog intr-o anumita categorie si de asemenea, unele bloguri pot fi incluse in categorii multiple, cele mai multe apartin unuia dintre urmatoarele tipuri:

    • stilul jurnal – un asfel de blog descrie viata de zi cu zi si interesele personale ale bloggerului. In mod obisnuit, acesta posteaza zilnic pe blog. Unele dintre aceste bloguri sunt private sau pot fi citite numai de catre membrii familiei si prietenii apropiati;
    • stilul jurnalistic – un blog inclus in aceasta categorie furnizeaza comentarii si, de multe ori, informatii foarte recente (breaking news) referitoare la evenimente din domeniul afacerilor, economiei si politicii. Majoritatea blogurilor de acest tip respecta deontologia profesionala a jurnalistilor, publicand sursele de informare si corectand erorile. Adesea, ele depasesc fluxurile media clasice in cea ce priveste noutatea informatiilor prezentate;
    • fotobloguri – un astfel de blog include fotografii alaturi sau in locul intrarilor bazate pe text;
    • videobloguri – adesea numite vbloguri, blogurile apartinand acestei categorii include continut video alaturi sau in locul intrarilor bazate pe text;
    • mobloguri – denumirea lor este o combinatie intre “mobil” si “blog”; sunt bloguri actualizate folosind un dispozitiv mobil (e.g., telefon, PDA). Adesea, nu sunt bloguri de sine statatoare ci reprezinta sectiuni incluse in blogurile “clasice”, bazate pe text si continut media produse pe telefoane mobile sau PDA-uri. De multe ori, site-urile de stiri solicita si publica fotografiile oferite de mobloggeri, mai ales in cazul prezentarii unor informatii de tip breaking news.

    Indiferent de categoria in care sunt incluse, blogurile au o serie de caracteristici comune, cateva dintre acestea fiind:

    • Include legaturi – blogurile contin adesea legaturi catre alte bloguri sau site-uri Web al caror continut este relevant pentru articolul in care sunt incluse;
    • ofera interactivitate – in mod obisnuit, blogurile solicita feedback de la vizitatori, acestia avand posibilitatea de a posta comentarii (numite si raspunsuri) la fiecare intrare;
    • multimedia – majoritatea blogurilor sunt bazate pe text, dar un numar destul de ridicat ofera posibilitatea includerii de continut multimedia(i.e., grafic, video, audio).

    In componenta tuturor blogurilor, indiferent de categoria careia ii apartin, sunt incluse ca elemente universale:

    • intrarile (entries) – reprezinta elementele principale de continut. Sunt actualizate frecvent si afisate in ordine inversa celei in care au fost publicate;
    • arhivele (archives) – sunt colectii organizate de intrari vechi. Deoarece toate intrarile sunt datate, criteriul de organizare va fi cel calendaristic. Un blog va afisa cateva intrari curente (in mod obisnuit, numarul lor poate fi stabilit de utilizator) si o lista a intrarilor arhivate, plasata intr-o parte a paginii Web.

    Blogurile include in mod obisnuit (dar, spre deosebire de intrari si arhive, nu obligatoriu) urmatoarele elemente:

    • blogroll – este o lista de legaturi catre alte bloguri. Lista poate fi gestionata manual sau prin intermediul software-ului pentru blogging;
    • categorii- reprezinta teme folosite pentru a organiza continutul unui blog. Categoriile sunt determinte de blogger si reflecta in mod obisnuit natura si scopul blogului;
    • comentarii – sunt raspunsuri ale cititorilor la intrarile incluse in blog. In cele mai multe cazuri, software-ul pentru blogging ofera bloggerilor poosibilitatea de gestionare a comentariilor;
    • permalink – reprezinta o legatura permanenta (permanent link), folosita de un blogger pentru a stabili o legatura directa catre o intrare a unui alt blog;
    • canalele RSS/Atom – denumite si canale de stiri sau feed-uri, acestea ofera cititorilor posibilitatea de a fi notificati de fiecare data cand pe blog este adaugat continut.

    Pentru crearea unui blog, utilizatorul are la dispozitie doua modalitati:

    • folosirea de blogging ( blogging service) – acesta este o aplicatie (e.g., Blogger, TypePad,, LiveJournal, WordPress, Yahoo!360) care ofera posibilitatea crearii si personalizarii unui blog in numai cateva minute;
    • folosirea unui software pentru blogging (blogging software) – acesta este un program (e.g., WordPress, Movable Type) pe care utilizatorul il instaleaza si il configureaza personal. Este necesar ca acesta sa aiba unele cunostinte de programare si de design Web.

    Blogurile sunt din ce in ce mai raspandite, utilizarea acestora aducand o serie de avantaje dintre care pot fi mentionate:

    • rezolva o varietate de problem ridicate de publicarea pe Web;
    • nu necesita invatarea unor limbaje sau tehnologii;
    • ofera utilizatorilor posibilitatea de a publica de oriunde si oricand, singura conditie care trebuie indeplinita fiind ca acestia sa dispuna de o conexiune la internet;
    • ofera un potential ridicat de colaborare;
    • serviciile care permit crearea blogurilor sunt gratuite.
  • Definirea unui E-shop IT

    Definirea unui E-shop IT

     E-Shop IT – dezvoltarea unui magazine virtual

    Prezentul articol expune un exemplu de dezvoltare a unei aplicatii de comert electronic: un magazin virtual.

    Obiectivele si cerintele unui magazine virtual

    Odata cu raspandirea spatiului WWW si cu atingerea unei mase critice de utilizatori, atat firmele cu activitate comerciala, cat si analistii in marketing au ajuns la concluzia ca merita investit efort in punerea la punct a unor tehnologii care sa transforme utilizatorii Web in potentiali clienti.

    Initial, site-urile Web ale acestor firme contineau doar informatii de contact, oferte promotionale sau chiar cataloage de produse sub forma unor pagini HTML statice. Lansarea unei comenzi de cumparare a unor produse se putea face via fax, telefon sau e-mail. Totul urma un curs firesc, doar ca pentru a putea intra in posesia produselor clientul trebuia sa plateasca contravaloarea produselor comandate, iar banii sa parcurga drumul de la client la comerciant (vanzator), apoi de la acesta la producator.

    Plata se realiza de regula prin mecanisme clasice, catre un cont deschis de comerciant la o banca; presupunea deplasarea clientului la sediul unei institutii cu profil bancar pentru a depune banii si pentru a initia transferul acestora in contul comerciantului. In functie de politica adoptata de comerciant pentru a demara procesul de livrare a produselor catre client acesta cerea, de cele mai multe ori, confirmarea efectuarii platii prin fax. Fie ca se folosea de o retea de distributie proprie, fie ca se apela la un serviciu postal specializat, aceasta ultima faza devenea cea mai lunga.

    Ideea ca intr-o buna zi orice tranzactie economica va fi condusa exclusiv prin Internet, eficientizandu-se astfel foarte mult sistemul de tranzactionare, i-a facut pe multi manageri sa inceapa sa se intereseze cat de departe pot merge cu initiativelelor de tip e-business. Au inceput, asadar, sa se intereseze asupra solutiilor existente, capabile sa suporte cu success procesul de aprovizionare online al unei intreprinderi sau sistemul de vanzare si cumparare procesate pe internet. Iar toate aceste solutii trebuiau sa fie caracterizate de o flexibilitate mare in dezvoltare si adaptabilitate rapida la cerintele specifice clientului (in conditiile unor preturi accesibile chiar si intreprinderilor mici si mijlocii de la noi).

    Din cele prezentate mai sus, se observa o stransa legatura intre aplicatiile Web si comertul electronic. Una dintre formele de manifestare ale acestui domeniu sunt magazinele virtuale, cunoscute si sub numele de e-shop.

    E-Shop IT reprezinta un magazin virtual, destinat celor interesati de componente hardware, dar la fel de bine aceasta aplicatie isi poate schimba domeniul de activitate datorita modului flexibil in care a fost conceputa.

    Ce trebuie sa stim despre un e-shop?

    Cand dorim sa dezvoltam un magazin virtual (e-shop) trebuie sa avem in vedere urmatorii pasi care trebuie urmati pentru a fi siguri ca magazinul vostru va avea succesul scontat.

    Sa ne imaginam, de exemplu ca detinem o companie care se ocupa de telefonie fixa si mobila. Am dori sa crestem vanzarile acestei companii. Ce posibilitate de solutii avem la dispozitie? Putem apela la mecanismele clasice de publicitate (de exemplu spoturi radio sau TV) si/sau putem amplasa reclame in zonele aglomerate in speranta ca vom atrage potentiali clienti.

    O solutie care in ultimii ani s-a dezvoltat foarte mult si a devenit foarte la moda reprezinta magazinele virtuale (e-shop). Oricine poate fi clientul acestor magazine virtuale. Este suficienta o conexiune la internet si un browser pentru navigarea online in cadrul magazinului.

    In prezent, exista o varietate de e-shop-uri, oferind clientilor o multitudine de servicii. Dintre cele mai importante servicii putem aminti urmatoarele : cosul virtual, de cumparaturi, catalogul de produse cu serviciile specifice, posibilitatile de plata, autentificarea utilizatorilor, inscrierea la diferite liste de discutii si multe altele.

    Orice programator poate realiza un magazin virtual. Nu avem nevoie decat de un editor de texte, un server Web (Apache, de exemplu) , un limbaj de script (PHP, de exemplu) si cunoasterea fundamentelor HTML.

    Atunci de ce mai apelam la firmele de design Web si nu dezvoltam singuri un astfel de magazin? Pentru ca, pentru a face fata cu success concurentei si celor mai pretentioase cerinte ale clientilor, trebuie sa recurgem la talentul si experienta profesionistilor. Din cele descrise mai jos, vom vedea limpede ca putem reusi sa implementam un e-shop daca avem cunostinte – nu foarte avansate – din domeniul tehnologiilor Web.

    Care sunt principalele obiective ale unui e-shop?

    Ca obiective principale ale magazinelor virtuale se doresc a fi : cresterea vanzarilor, comunicarea permanenta cu clientii, livrarea produselor intr-un timp cat mai scurt precum si asigurarea unor modalitati de plata cat mai sigure si cat mai eficiente.

    Cum putem realiza aceste obiective? In primul rand se impune o analiza atenta a categoriilor de produse care vor fi scoase la vanzare. Realizarea unor statistici periodice, actualizarea permanenta a listelor de produse oferite si raspunsul prompt la cerintele clientilor pot face din magazinul virtual o afacere electronica de invidiat.

    Care sunt principalele cerinte ale unui e-shop?

    Cerintele magazinului virtual sunt de fapt cerintele clientilor. O problema deosebit de importanta de care trebuie tinut cont este migrarea de la o piata locala la una globala. Ca urmare acestei migrari, categoriile de client vor fi mult mai diversificate, dar la fel si cerintele lor.

    Dintre cerintele cele mai importante amintim cerintele de securitate, cerintele de design, cerintele de implementare si eficienta, cerintele de publicitate.

    Daca nu vom avea in vedere satisfacerea acestora, magazinul nostru nu va avea parte decat de un esec rasunator.

    Solutia software

    Solutia software aleasa pentru dezvoltarea acestui magazin virtual este cea folosind PHP ca limbaj de programare, MySQL drept server de baze de date si Apache ca server Web. Principalele avantaje oferite de aceasta solutie sunt urmatoarele: interactiunea cu vizitatorul si mentenanta site-ului. Ca solutii alternative putem aminti: ASP/ASP.NET +MS SQL Server +IIS (Internet Information Services) – in mod special pe o platforma Windows – sau JSP + MySQL + Tomcat/Apache – daca dorim sa ne indreptam atentia spre o solutie Java.

    Un site cu continut dinamic permite interactiunea cu utilizatorul. Acesta poate cauta, selecta si chiar personaliza informatia pe care o doreste; sau poate contribui la imbogatirea cu continut a acestuia. Insa principalul avantaj al unui site Web dinamic, rezida in simplificarea procesului de mentenanta (intretinere).

    Intretinerea unui site al carui continut se modifica frecvent este unul din principalele aspecte de care trebuie tinut cont. Rareori se intampla intr-o situatie reala ca in cadrul bugetului initial, alocat pentru dezvoltarea unui site Web, sa fie avute in vedere si cheltuielile ulterioare pentru intretinerea si actualizarea continutului. Daca tehnologia aleasa nu va fi suficient de simpla, dar totodata eficienta, pentru a fi stapanita de cei care o vor utiliza efectiv, finalul nu poate fi decat un esec.

  • Cum sa nu impresionati in web design

    Cum sa nu impresionati in web design

    Am vorbit de cateva locuri de unde puteti obtine imagini pentru proiectele dumneavoastra. Este acum momentul sa vorbim de unde sa nu alegeti imagini.

    Google Ganking

    Ca designer web, puteti gasi inspiratie si dintr-o cautare de imagini pe Google pe subiecte asemanatoare cu cel al site-ului la care lucrati. Sa spunem ca realizati un site pentru un magazin de biciclete. Daca proprietarul site-ului nu v-a dat inca nici un fel de imagini cu care sa lucrati, cautarea dupa biciclete de strada, competitii de biciclete si alte subiecte inrudite va poate da o mai buna intelegere vizuala a subiectului si a imaginilor pe care veti vrea sa le folositi pe site. In mod obisnuit, acest tip de cautare va returna unele imagini care se potrivesc bine designului dumneavoastra. Veti simti dorinta de a salva imaginile pe calculatorului, de a le deschide in Photoshop, de a le taia, redimensiona si modifica putin dupa necesitati. Acest lucru este cunoscut sub numele de Google Ganking si este o problema serioasa in designul web. Daca imaginile de pe un anumit site nu sunt marcate in mod specific ca fiind oferite gratuit pentru folosire sau ca sunt fara drepturi de autor, trebuie sa considerati ca sunt supuse copyright-ului proprietarilor site-ului, astfel incat veti avea nevoie de acordul acestora pentru a le folosi. Puteti crede ca proprietarii de imagini nu vor observa niciodata ca le-ati furat munca, dar riscati sa aveti parte de un moment penibil cand clientul va primi o scrisoare legala, de incetare a folosirii imaginii sau, mai rau, este pus in fata unui proces.

    Acest lucru este la fel de adevarat si pentru imaginile gasite prin cautarea de Flickr. In timp ce imaginile Flickr au drepturi detinute de creatorii lor, serviciul permite celor care trimit imagini sa dea imaginilor lor licente CC (Creative Commons). Aceste licente ofera o serie de reguli predefinite pentru ce se poate si ce nu se poate face cu creatiile licentiate. Una dintre optiunile licentei permite imaginilor sa fie folosite in scopuri comerciale.

    Exista recomandari care sugereaza ca imaginile Flickr cu licenta CC sunt o alternativa excelenta la fotografia de stoc. Ca minima cerinta, orice imagine pe care o folositi de pe Flickr cere atribuirea ei unui autor. Daca nu oferiti un link catre autor pentru fiecare imagine de pe Flickr pe care o folositi, se poate considera ca le-ati fi furat.

  • Gasirea Fonturilor

    Gasirea Fonturilor

    Am mentionat faptul ca puteti sa gasiti fonturi pe internet, trebuie sa va arat cateva locuri unde sa le cautati. Daca veti incepe sa cautati fonturi pe Google, veti descoperi probabil ca exista trei categorii de site-uri de fonturi: galerii de fonturi gratuite, galerii de fonturi comerciale, si site-uri ale artistilor individuali si ale companiilor creatoare de fonturi.

    Galerii de fonturi gratuite

    Aceste site-uri listeaza si categorisesc fonturile gratuite provenind de la mai multi designer. Unii dintre designerii listati pe aceste galerii au propriile lor site-uri, prin care vand alte fonturi pe care le-au creat.

    Aduceti-va aminte ca sunt o multime de fonturi gratuite urate si, in timp ce multe site-uri pretind ca ofera fonturi gratuite, deseori va trebui sa inotati din greu printre munti de reclame enervante pentru a le descarca. De asemenea, daca doriti sa incorporati un font (chiar si unul gratuit) in site-ul dumneavoastra folosind @font – face, asigurati-va ca licenta fontului permite acest lucru.

    Galerii de fonturi comerciale

    Ca si galeriile de fonturi gratuite si shareware mentionate mai sus, aceste site-uri promoveaza fonturi de la mai multi designer si companii. Dar spre deosebire de acele galerii, cele mai multe dintre fonturile de aici costa. In cele mai multe cazuri insa, veti primi exact ceea ce platiti. Daca licentiati un font de la unul dintre aceste site-uri, veti primi un set complet de caractere si, mai mult, fonturile cumparate deseori include variantele aldine, cursive si altele.

    Artisti individuali si companii creatoare de fonturi

    Multe din fonturile mele favorite contemporane provin de la o mana de artisti si companii. Multe dintre aceste site-uri au cateva fonturi gratuite, dar ofera si fonturi spre cumparare.

    Alegerea fontului potrivit

    Chiar daca intelegeti toate aspectele tehnice ale formelor literelor si ale categoriilor de seturi de fonturi, totusi puteti avea inca dificultati in a alege fontul potrivit. Acest lucru se intampla din cauza faptului ca selectia fonturilor este bazata la fel de mult pe libertatea artistica si asocierile emotionale cat este pe aspectele tehnice deci, de unde sa incepem?

    Pentru a porni in odiseea gasirii fontului perfect, prima data ar trebui sa definiti sentimentele pe care incercati sa le treziti in randul audientei dumneavoastra. Incercati sa aratati ca firma pe care o reprezinta site-ul este tanara si la moda sau mai curand vreti sa ii dati o aura de intelepciune perena? Vreti sa create un site pe baza unei anumite teme, o sarbatoare din Hawaii sau o fiesta Mexicana sau incercati sa ii dati o identitate mai formala? Daca va puneti aceste intrebari si daca va ganditi la fonturi la nivel emotional, veti putea decide destul de simplu daca un anumit font este bun pentru ceea ce doriti sa faceti.

    Daca nu puteti raspunde la aceste intrebari despre un anumit font, faceti propria dumneavoastra lista de intrebari.

    Ganditi-va, in viata dumneavostra ati vazut miliarde de litere si milioane de cuvinte; astfel, constient sau nu, aveti deja facute anumite legaturi emotionale pe baza carora puteti alege fonturile. Ganditi-va la logourile, copertele de albume, manualele, afisele si indicatoarele pe care le-ati vazut. Cum v-au afectat aceste elemente tipografice perceptia entitatilor pe care le reprezinta?

    Acum, sa preluam aceasta idee si sa o luam de la coada la cap, folosind o entitate generica. Fontul pe care il alegeti pentru acest design va juca un rol crucial in modul in care potentialii clienti vor receptiona mesajul. Incercati sa alegeti acele fonturi care va fac sa va ganditi la un bistro Italian relaxant. Bun, acum alegeti fonturi care sugereaza un restaurant de 5 stele din centrul orasului. Dar ce spuneti despre un birt soios? Nu exista nici un raspuns correct pentru oricare din aceste scenarii, dar exista cu siguranta cateva fonturi care nu vor functiona nicidecum in fiecare dintre variante. Mai intai incercti sa ingustati campul de alegere la cativa candidati buni si apoi incercati sa rafinati din nou alegerile dumneavoastra, pana cand veti gasi unul care functioneaza perfect.

    Aduceti-va aminte ca nu exista fonturi proaste, ci doar nepotrivite. In vreme ce un anumit font poate esua in a indeplini un anumit scop, ar putea sa fie alegerea perfecta pentru o alta situatie. Trucul este sa va mentineti mintea deschisa. Daca puteti ingusta plaja de fonturi la cateva posibilitati, incercati sa puneti unui coleg sau unui prieten intrebarea urmatoare: “ Care te face sa te simti mai [adjectiv]?” si inserati sentimental pe care doriti sa il obtineti.

    In cele din urma, cand alegeti fonturile, este important sa limitati selectia. Ca regula de aur, incercati sa folositi cel putin doua, dar nu mai mult de patru fonturi diferite intr-un design de site. Inainte de a incorpora un nou font, aduceti-va aminte ca aveti la dispozitie cateva variatii ( aldine, cursive, condensat, black, regular si asa mai departe)pentru a varia tipografia si a mentine in acelasi timp consecventa. Incercati sa evitati combinarea a doua fonturi serifate sau a doua fonturi neserifate in cadrul aceluiasi proiect. Ca si fenomenul culorilor disonante, plasarea adiacenta intr-un design a fonturilor din aceeasi familie unul langa celalalt poate da o senzatie extreme de incomoda.

    Stabilirea marimii fontului si a liniei de inaltime

    Marimea textului este – si tot timpul va fi – un subiect incurcat. Peste 300 de ani au trecut in istoria tiparului pana cand turnatorul de litere Pere Sebastien Truchet a introdus punctual tipografic. Desi punctele au fost unitatea standard de masura pentru tipografie de atunci, marimea exacta a acestei unitati standard s-a schimbat de cateva ori in istorie, din cauza diferentelor dintre unitatile de masura imperial si metrice. Doar in momentul in care a aparut tipografia digitala, marimea acestui punct a fost stabilita la 1/72 dintr-un inch.

    Stabilirea marimii textului in internet are si ea un trecut tumultos. In timp ce marimea textului in lumea tiparului classic este masurata prin puncte, marimea textului in internet este relativa la rezolutia monitorului privitorului si poate fi exprimata in mai multe unitati de masura. Cele mai populare unitati de masura in internet sunt pixelii, punctele, procentele si em-urile. Fara a intra prea mult in detaliu, este simplu sa spunem ca 16px=12pt=100%=1em. In CSS, pixelul(px) este cea mai mica – si cea mai buna – unitate relative pentru stabilirea marimii textului. Rezolutia monitorului este setata in pixeli, la fel cum sunt si dimensiunile elementelor grafice, deci are sens sa controlam de asemenea marimea textului cu pixeli. Atunci, de ce nu stabileste toata lumea marimea textului in pixeli?

    Ei bine, in principal din cauza faptului ca unele browsere nu permit marirea texului care este setat in pixeli. Aceasta este o potentiala problema de accesibilitate pentru utilizatorii care nu pot citi un text marunt. Am spus este o problema potentiala, datorita faptului ca cele mai multe browsere dau utilizatorilor posibilitatea sa faca zoom pe intreaga pagina, mai degraba decat sa incerce sa mareasca fontul. Daca vreti sa va asigurati ca textul de pe site-ul dumneavostra este scalabil si se poate face zoom pe el, stabiliti marimea textului.

    Datorita faptului ca eu gandesc in pixeli, abordarea mea curenta este sa setez fontul si inaltimea randului pe internet ca si grila vertical, bazata pe coloane, o grila de baza este un set de linii egale orizontale cu care ar trebui sa se alinieze textul dumneavoastra. Folosind o grila orizontala, continutul dumneavoastra va capata un sentiment de ritm in loc de a fi plasat arbitrar. Conceptul principal in articolul lui Wilson este sa indepartati padding-ul si marginile elementelor, sa configurati proprietatile fontsize si line-height pentru elemente body, apoi sa dati tuturor elementelor proprietatea line-height si o margin inferioara care fie se potriveste, fie este un multiplu al proprietatii line-height din elementul body. Pare complicat, dar este usor.

    Folosirea punctuatiei si a caracterelor speciale

    Cand tipariti text in orice program modern de procesare text, veti vedea semen de punctuatie “ondulate” atunci cand apasati semnul de ghilimele. Programele de procesare de text inteleg atunci cand puneti cuvantul intre ghilimele si inlocuiesc caracterele pe care le-ati tastatcu cele corecte.

    La fel se intampla si cu apostroful. Ati vazut vreun apostrof ASCII ca cel care este pe tastatura dumneavoastra in vreo carte sau o revista? Bineinteles ca nu. Ceea ce vedem de obicei in materialul tiparit este un semn simplu de citat. De fapt, o varietate de caractere este nereprezentatape o tastatura standard , chiar daca acele caractere apar pe web sau in materialele tiparite.

    Toate bune si frumoase pentru oamenii care folosesc procesoarele de text. Pentru cei care tiparesc textul intr-un document HTML, nu exista nici un sistem care sa inlocuiasca automat caracterele pe tastatura cu echivalentul correct grammatical. In functie de ce tip de cod de pagin foloseste site-ul dumneavoastra , cand adaugati direct aceste caractere in documentul HTML, veti vedea o gramada de semne fara sens pe pagina randata. In plus, includerea in text a caracterelor care sunt foolosite de HTML, ca “<” si “>” va mari haosul din pagina din moment ce vor fi interpretate ca inceputul sau sfarsitul unui tag HTML.

    Din aceste motive, a fost creata o serie de coduri special sau entities; le scriem in documentele HTML pentru a produce semnele de punctuatie corecte si aproape orice character dorim. De exemplu, pentru a produce simbolul de copyright in documentul dumneavoastra, scrieti © direct in HTML si veti vedea un © in pagina afisata. Fiecare dintre aceste entitati are un echivalent numeric; pentru copy este #169, asa incat © va produce acelasi simbol.

  • Imagini in web design

    Imagini in web design

    De la layout, la culoare, la textura, la litere, am vorbit despre ilustratie inca de la inceput. De ce trebuie atunci sa existe un articol dedicat special imaginilor? Ca si cu tipografia, exista multe considerente practice legate de imagini- inclusiv alegerea tipurilor de fisiere, rezolutia imaginilor si sursele forografiilor – pe care trebuie sa le acoperim. Dar, in mod natural, exista cateva aspect artistice despre acest subiect si acestea au nevoie de o discutie detaliata.

    Procesul alegerii elementelor ilustrative, fotografice si a pictogramelor pentru designul unui site web cere o intelegere de baza a principiilor de design. Un exemplu este folosirea imaginii unui aparat foto ca o reprezentare simbolica. Cand am cautat o imagine potrivita, decizia mea s-a axat mai mult pe unghiul de inclinare al imaginii decat pe tipul de camera reprezentat. Directia in care este indreptata camera in imagine afecteaza in mare masura sensul miscarii in pagina. Daca aparatul foto ar fi fost indreptat cu fata catre noi, pagina ar fi aratat numai bine, dar ar fi fost destul de statica. Daca ar fi fost indreptat catre dreapta, ochiul ar fi gravitat in afara paginii mai degraba decat catre continut. Plasarea camerei in partea de sus a paginii face ca aparatul foto sa fie observat. Izolarea imaginii o face sa iasa in evidenta si mai mult ca punct de interes. In cele din urma, directia lentilelor creeaza o linie de continuitate care determina urmatorul punct de interes pe pagina.

    Ce trebuie sa cautati

    Vechea zicala conform careia o imagine face cat o mie de cuvinte ramane la fel de adevarata si pe internet. Fotografiile si ilustratiile servesc deseori ca ademeniri vizuale pentru a prinde vizitatorii si a-i atrage in continut. Pe de alta parte, imaginile gresit alese sau chiar o prezentare slaba a unora bine alese poate fi in detrimentala atractivitatii site-ului. Fiecare privitor al unei fotografii sau ilustratii vede imaginea diferit, in functie de trecutul sau si de experientele individuale. Cele o mie de cuvinte pe care o persoana le poate extrage dintr-o imagine pot fi diferite de cele o mie de cuvinte pe care o alta persoana le poate spune despre acea imagine.

    Inainte de a alege o imagine sau o ilustratie pentru a o include in layout sau in continutul unui site, puneti-va urmatoarele trei intrebari:

    Este relevanta?

    Imaginile relevante pot adauga interes designului dumneavoastra si pot imbunatati continutul paginii web. Ele ofera un semn de carte vizual care ajuta vizitatorii sa isi aduca aminte ce exista intr-o pagina si unde sa se uite atunci cand se intorc. Folositi de exemplu o fotografie de fundal distractive si relevanta, dand paginii un aer retro si o personalitate pe care nici o alta imagine nu ar reusi sa o recreeze. Aceasta este regula logica pe care cei mai multi oameni o inteleg atunci cand aleg imaginile pentru continut; oricum relevanta este doar unul din factorii care trebuie luati in considerare cand alegem o imagine.

    Este interesanta?

    Desi este important sa se mentina o legatura intre elementele vizuale ale unui design si continutul sau, trebuie sa evitati sa faceti din aceasta prioritatea numarul unu. Problema cu cautarea ilustratiilor potrivite este aceea ca, deseori, cadem in capcana de a fi prea precisi. Iar cand vine vorba de a alege imaginile, taramul preciziei este cel unde se nasc toate cliseele. Lectia este ca, uneori, daca a fi interesant inseamna a fi bizar si socant, este deseori mai bine decat a fi relevant, dar plictisitor.

    Este atragatoare?

    Imaginile care sunt estetic sau emotional atragatoare pot fi un carlig efficient pentru atentie si accentuare. Problema este ca frumusetea si atractivitatea sunt diferite pentru fiecare. In functie de subiectul abordat si de grupul tinta al site-ului pe care il create, o imagine atractiva poate fi portretul unei mame si al copilului sau, o panorama unui peisaj urban sau o mascot desenata adorabila.

    Imaginile atragatoare sunt in special importante pentru site-urile restaurantlor, cele cu retete sau servicii de catering. Realizez ca relevanta, interesul si atractia sunt foarte subiective, dar uneori subiectivitatea si libertatea asrtistica sunt potrivite. In cazul in care credeti ca o imagine este buna pentru un proiect, mergeti pe mana ei. In general, as evita monstrii, extraterestrii si mazga in cele mai multe site-uri, dar, dupa cum am vazut mai sus, pentru clientul si audienta potrivite, pot fi o directiva valida de design.

    Pentru fiecare imagine pe care o alegeti pentru
    design, trebuie sa raspundeti “da” la cel putin doua dintre intrebarile de mai sus. De ce nu la toate trei? Ei bine, uneori este distractiv sa puneti o imagine atractiva si interesanta care nu are de-a face deloc cu continutul. Stiti, cum ar fi un stol de pasari care cara o balena intr-o plasa.

    Surse legitime de imagini

    Deci, de unde sa achizitionezi imagini interesante, attractive si relevante pentru proiectul de design web? Practic, aveti la indemana trei optiuni: sa le create, sa achizitionati imagini de stoc sau sa angajati un profesionist. Abordarea pe care o veti alege depinde in mare masura de buget si de nevoile clientului dumneavoastra, precum si de competentele dumneavoastra.

    Luati-o sau creati-o

    Pentru mine, a face poze cu aparatul meu foto sau a crea propriile mele ilustratii este o situatie din care am numai de castigat. Daca un client are nevoie de imagini pe care sa le foloseasca pe site-ul sau, imi da sansa sa evadez din birou si sa fac ceva diferit. Am avut posibilitatea de a face fotografii produselor, restaurantelor, fabricilor, apartamentelor, unui studio de arte martiale, fatadelor – am avut chiar ocazia intr-o dimineata sa merg cu o masinuta de golf si sa fac fotografii unui teren de golf, timp in care eram contracronometru. Dar a fost mai mult decat o iesire distractive. Clientilor le place de obicei ideea, deoarece le arata ca vreau sa ma implic in fiecare faza a proiectului. Ii poate de asemenea costa mai putin decat sa contacteze un fotograf profesionist.

    La fel ca si in cazul ilustratiilor si al animatiilor. Cea mai mare parte a timpului, un design personalizat de site cere un anumit nivel de ilustrare. Pentru component ca pictograme, butoane, fundaluri, desene de baza si logouri, deseori incerc sa satisfac chiar eu dorintele clientului. Tineti minte faptul ca ilustrarea nu trebuie sa fie neaparat complexa sau greu de realizat pentru ca mesajul sa fie comunicat cu success.

  • Tipografia in Web

    Tipografia in Web

    Tipografie

    Sa recunoastem: scopul de baza al designului web este comunicarea. Indiferent ca vorbim despre un magazin online, prezenta pe web a unei companii din Fortune 500 sau un profil pentru un site de tip retea sociala, tipografia este o componenta vitala. Pentru cei mai multi oameni, tipografia se refera la aranjarea unui set familiar de forme pentru a forma cuvinte, propozitii si paragrafe. Deoarece ne este la indemana sa schimbam aspectul unui caracter doar din cateva apasari pe butoanele tastaturii, ne-a facut sa uitam despre posibilitatile creative si artistice ale acestui mediu.

    Exista numeroase obstacole care stau in calea adaptarii eficiente a tipografiei la web dar puterea caracterului ar trebui sa constituie o motivatie suficienta pentru depasirea limitelor. Nu sunteti convins? Luati o revista, dati drumul la televizor sau plimbati-va prin magazinul de unde va aprovizionati. Fara indoiala, veti vedea sute de moduri de folosire creative si eficienta a caracterelor. Este substanta branding-ului, cheia catre comunicarea nonverbala si o parte esentiala a designului web.

    Acest subiect poate crea dependenta !

    Dupa studierea tipografiei pentru ceva vreme, nu va veti mai uita in acelasi fel la un panou, la o brosura sau la o carte. S-ar putea sa incepeti sa faceti fotografii indicatoarelor din parcurile de distractie mai curand decat copiilor dumneavoastra. Sa va intrebati daca antreurile din meniul unui restaurant sunt scrise cu Meyer Two sau Cantoria poate deveni o activitate mai interesanta decat insasi alegerea antreurilor. Studiul tipografiei este cel care atrage multi oameni si… nu le mai da niciodata drumul ! Considerati-va avertizat.

    Pentru a descatusa potentialul literei tiparite, mai intai trebuie sa o intelegem. Indiscutabil, nu este o sarcina usoara. Detaliile minuscule ale formei literelor si ale spatiilor din jurul ei au fost atent calculate de-a lungul a secole de cercetari si practica.

    In zilele de inceput ale tipariturilor, fiecare litera a fiecarui set de caractere trebuia sculptata in lemn sau turnata din plumb, inmuiata in cerneala, iar apoi presata pe hartie. Aceasta a fost o profesiune artizanala care cerea o extenuanta atentie la detalii. Chiar daca eficienta acestei practici a fost de mult depasita de metodele moderne de imprimare, multe colegii si universitati ofera cursuri de tipografie clasica, astfel incat viitorii designeri grafici sa poate aprecia beneficiile lucrului cu caracterele pe un computer si sa descopere potentialul explorarilor tipografice.

    Dragostea mea pentru tipografie este dubla. Ca designer, imi place sa lucrez cu fontul pentru aspectele sale artistice. Imi place vocea pe care o dau diferitele fonturi si expresivitatea colajelor tipografice. In cele din urma, radacinile cuvantului tipografie sunt typos, care inseamna amprenta sau semn, si grapheia, care inseamna scriere; literal, tipografia inseamna a lasa urme prin scris. Ca programator, imi plac modalitatile de rezolvare a problemelor de tip puzzle pe care le implica lucrul cu caracterele. Alegerea fontului si a culorii reprezinta numai varful aisbergului. De fapt, majoritatea deciziilor care trebuie luate in munca noastra implica mai mult spatiul din jurul caracterelor si al blocurilor de text decat caracterul in sine. Nu este mai putin adevarat ca alegerea unui font este un pas crucial.

    Istoria si implementarea caracterelor reprezinta un subiect care poate umple sute de carti de altfel, a si facut acest lucru. Voi oferi doar o scurta introducere in lumea tipografiei. Mai intai voi acoperi cateva din problemele legate de – si solutii pentru acestea – translatarea cracterelor spre web.

    Apoi, vom examina impreuna terminologia de baza legata de fonturi, vom explora cateva linii de ghidare in utilizarea lor si vom cerceta caracteristicile diferitelor fonturi. Din discutia noastra privitoare la lizibilitate, pana la chestiunea folosirii online a titlurilor dinamice, sper ca informatiile sa fie practice si sursa de inspiratie.

    Caractere pentru web

    Cand vine vorba de web si alegerea fonturilor pentru textele care vor fi afisate intr-un browser, nu conteaza daca aveti cinci sau 5000 de fonturi instalate, va trebui sa ganditi dupa regula celui mai mic numitor comun. Numarul familiilor de fonturi care sunt suportate implicit in sistemele principale de operare este foarte mic. Lista celor noua familii este cunoscuta de obicei sub numele de lista sigura.

    Dezavantajul listei sigure este faptul ca diversitatea este limitata in cadrul fiecarei categorii de fonturi. Daca aveti nevoie de un font standard neserifat, va trebui sa alegeti intre Arial, Trebuchet MS si Verdana. Pentru cineva care nu a vazut multe fonturi, poate parea o diversitate rezonabila, dar pentru cei care cunosc nuantele altor fonturi neserifate ca Helvetica Neue, Futura si Univers, folosirea unuia dintre fonturile sigure poate fi ca si cum ai incerca sa bati un cui cu surubelnita.

    Din fericire, proprietatea font-family din CSS va permite sa alegeti mai multe fonturi, in ordinea preferintelor. Daca primul font nu este disponibil, cel de-al doilea font va fi folosit; daca cel de-al doilea font este absent, va fi folosit al treilea font si asa mai departe. Haideti sa spunem ca vreti ca titlurile sectiunilor sa dispuna de un font serifat. Credeti ca cel mai bun font pentru aceasta sarcina este Calisto MT, asa incat il specificati primul – pentru cei cativa care il au instalat. A doua optiune reprezinta primul dumneavoastra plan de backupsi pentru acesta alegeti Georgia. Daca utilizatorii nu au Calisto MT instalat, atunci vor vedea Georgia. Chiar daca Georgia se afla pe lista sigura, se poate ca cineva sa nu il aiba instalat. Times New Roman este un echivalent apropiat, asa incat decideti ca il veti adauga de asemenea ca urmatoarea alternativa. Pentru a incheia lista preferentiala , ca sa raspundeti nevoilor utilizatorilor care nu dispun de nici unul dintre aceste fonturi instalate, adaugati ceea ce W3C numeste o familie generica de fonturi. Familiile generice de fonturi sun serif, sans-serif, cursive (similar scrisului de mana), fantasy (sau novelty) si monospace. Toate alegerile dumneavoastra de mai sus au fost facute din familiile de fonturi serifate, astfel incat aceasta este familia generic de fonturi pe care o veti specifica.

    Fonturi cu spatii

    Retineti ca orice familie de fonturi a carei denumire include spatii trebuie scrisa intre ghilimele, fie simple(‘), fie duble (“)

    Cheia crearii unui set eficient de fonturi este de a cunoaste care sunt fonturile cele mai apropiate si, mai important, care dintre ele sunt instalate implicit in sistemele de operare.

  • Culoare

    Culoare

    Ca si atunci cand dezamorsati o bomba si atunci cand va straduiti sa creati un site cu un aspect decent, daca alegeti culoarea gresita – vai de voi ! OK, poate ca selectarea culorii nepotrivite pentru site-ul unui client nu este echivalenta cu o condamnare la moarte, insa poate omori cariera dumneavoastra in domeniul designului web. Alegerea culorilor nu este o chestiune simpla. Trebuie luate in calcul consideratii estetice, de identitate si de usurinta de folosire. Si, pentru a inrautati lucrurile, majoritatea ecranelor moderne pot afisa mai mult de 16 milioane de culori. Adica un numar infinit de combinatii de culori care pandesc dupa colt.

    Din fericire, nu este nevoie sa fiti un consultant care poarta dupa el un paletar pentru a face alegeri bune in ceea ce priveste culorile. Este disponibila o abundenta de informatii, de la principiul psihologic emotional la teorii ale culorii testate si pe care va puteti baza, care va vor ajuta sa faceti alegerile corecte in ceea ce priveste culorile.

    Psihologia culorii

    Psihologia culorii este un domeniu de studiu care se ocupa cu analizarea efectelor emotionale si comportamentale produse de culori si de combinatiile de culori. Proprietarii site-urilor de comert online vor sa stie ce culori ii vor face pe vizitatorii site-urilor sa cheltuiasca mai multi bani. Designerii interiori cauta o culoare care sa transforme dormitorul intr-un linistit refugiu Zen. Proprietarii de restaurante de tip fast-food mor de curiozitate sa afle ce combinatii de culori va vor face sa doriti o portie XXL.

    Desi este esential sa stiti cum alegerile dumneavoastra in privinta culorilor pot afecta masele, ideea este ca exista o singura, unica reactiva psihologica la anumite culori este eronata. Multe dintre reactiile pe care psihologii culorilor le atribuie anumitor culori au ca baza experienta personala. De asemenea, este interesant de observat ca multe culturi au asociatii de culori si interpretari ale acestora complet diferite. Avand aceste rezerve in minte, haideti sa exploram cateva asociatii psihologice generale pe care majoritatea persoanelor din culturile occidentale le au ca reactive la anumite culori.

    Asociatiile de culori

    Descrierea legaturilor emotionale pe care le pot avea persoanele cu anumite culori poate fi un subiect foarte hippy-sec. daca vi se pare greu de crezut, navigati la magazinul online favorit de muzica si testati cateva piese de pe albumul Colors al lui Ken Nordine. Desi multi designeri vor decide sa nu se bazeze doar pe presupusele semnificatii, caracteristici si personalitati ale anumitor culori, este totusi comod sa intelegem atributele emotionale ale catorva dintre principalele grupe de culori.

    Rosul

    Culoarea rosie are reputatia de a stimula adrenalina si tensiunea arteriala. Pe langa aceste efecte psihologice, culoarea rosie este recunoscuta pentru cresterea metabolismului uman; este o culoare tulburatoare, dramatica si bogata. Rosul este de asemenea culoarea pasiunii. Nimic nu spune Dragoste mai mult decat colorarea unui zid rosu aprins de Ziua indragostitilor pentru iubita dumneavoastra . Nuantele mai intunecate de rosu, cum ar fi rosu burgund sau castaniu, dau un sentiment bogat, indulgent – de fapt, pot fi chiar pompoase. Ganditi-va la aceste culori atunci cand faceti un design pentru pasionatii de vin si oamenii de viata, nuantele mai pamantii, maronii ale rosului sunt asociate cu toamna si stransul recoltei.

    Portocaliul

    La fel ca si rosul, portocaliul este o culoare activa si energica, desi nu evoca pasiunea rosului. In schimb se crede ca portocaliul incurajeaza fericirea si reprezinta lumina soarelui, entuziasmul si creativitatea. Portocaliul este o culoare mai neprotocolara si care da mai putin senzatia de corporatie decat rosul, care este probabil motivul pentru care designerii care au realizat serviciul bazat pe locatie pentru logo-ul lor. Deoarece portocaliul nu apare prea des in natura, tinde sa ne sara in ochi. Din acest motiv, este folosit adesea pentru veste de salvare, conuri rutiere si veste de vanatoare. Din moment ce si portocaliul stimuleaza metabolismul si apetitul, este o culoare buna pentru promovarea mancarii si a gatitului. Probabil de aceea imaginea mandarinei va provoaca foame chiar daca nu va plac citricele.

    Galbenul

    La fel ca portocaliul, galbenul este o culoare activa si, pentru ca este foarte vizibila, este folosita adesea si pentru taxiuri si semne de avertizare. De asemenea este asociata cu fericirea si este culoarea simbol pentru emoticon-uri. Aromele originale de portocala si lamaie ale bauturii energizante Gatorade se vand cel mai bine dintre toate produsele companiei; aceasta se datoreaza probabil, cel putin partial, caracteristicilor energizante asociate cu portocaliul si galbenul.

    Un citat anonim care este folosit adesea in legatura cu asociatiile de culori spune: “ Bebelusii plang mai mult in camere galbene, sotii se cearta mai mult in bucatarii galbene si cantaretii de opera fac mai multe crize in cabine de proba galbene”. Indiferent daca este sau nu adevarat, ideea este ca prea mult galben poate fi coplesitor. Fiti seriosi ! – daca ati fi un bebelus blocat intr-o cabina de proba cu soti care se cearta si cantareti de opera crizati, v-ar apuca plansul!

    Verdele

    Verdele este cel mai adesea asociat cu natura. Este o culoare linistitoare care simbolizeaza cresterea, prospetimea si speranta. Este aproape evident de ce culoarea a fost strans legata cu protectia mediului, din punct de vedere vizual, verdele este mai usor pentru privire si mult mai putin dinamic decat galbenul, portocaliul sau rosul. Desi multe solutii de design pentru site-uri care folosesc verdele fac apel la inclinatia spre natura a vizitatorilor, verdele este o culoare versatila care poate de asemenea reprezenta bogatie, stabilitate si educatie. Atunci cand verde aprins este pus pe un fundal negru, chiar iese in evidenta ceea ce confera designului o senzatie de tehnic. Mie imi aduce aminte de primul meu computer, un vechi Apple II e de incredere.

    Albastrul

    Cand eram copil, culoarea mea preferata a fost albastrul. Nu orice albastru, ci albastrul azuriu al creioanelor Crayola, albastrul este adesea citat drept culoarea universala preferata.La nivel emotional, albastrul simbolizeaza deschidere, inteligenta si credinta si s-a descoperit ca are efect calmant. Pe de alta parte, s-a descoperit si ca albastrul reduce pofta de mancare. Probabil ca acest lucru este adevarat in parte fiindca albastrul se gaseste foarte rar in mancarea adevarata. Pe langa coacaze, cate mancaruri albastre de la natura puteti enumera? Se pare ca albastrul este exclus din paleta de mancaruri natural care provoaca pofta de mancare; prin urmare, nu este chiar ideal pentru promovarea produselor alimentare.

    In plus, cateodata, albastrul este vazut ca simbol al ghinionului si al necazurilor. Aceasta asociatie coloristica emotionala este evidenta intr-o muzica blues, dar si in picturile lui Picasso din a sa – efect al depresiei – “Perioada albastra”. Totusi, nu este vorba numai despre culorile nenaturale de produse alimentare si forme melancolice de arta; albastrul este universal atragator datorita asocierii cu cerul si cu marea.

    Conexiunea vizuala face din albastru o alegere evidenta pentru site-urile web asociate cu companiile aeriene, aerul conditionat, filtrele de piscina si croazierele. Ati observant vreodata ca albastrul este culoarea primara din logo-urile IBM, Dell, HP si Microsoft?

    Aceasta deoarece albastrul transmite de asemenea si ideea de stabilitate si de claritatea scopului…adica, pana va confruntati cu un ecran albastru.

    Violetul

    Din punct de vedere istoric, violetul a fost asociat cu regalitatea si puterea. Secretul din spatele trecutului prestigios al culorii violet este legat de dificultatea producerii vopselei necesare pentru crearea vesmintelor violet. Chiar si astazi, violetul reprezinta bogatie si extravaganta. Acea extravaganta este transferata in natura. Cel mai adesea, violetul este asociat cu flori, pietre pretioase si vin. Echilibreaza stimularea rosului si efectele calmante ale albastrului. Conform lui Patrick McNeil, autorul cartii The Web Designer’s Idea Book, violetul este una dintre culorile cel mai putin folosite in designul web. El declara ca gasirea de exemple bune de solutii de design pentru site-uri web care contin violet a fost atat de grea incat aproape a fost nevoit sa scoata capitolul din carte. Daca incercati sa cresteti designul unui site web care sa iasa in evidenta, luati in considerare folosirea unei nuante bogate de violet.

    Albul

    Folosirea culorii albe ajuta la promovarea ideii ca aceasta este energia curata. In culturile occidentale, albul este considerat culoarea perfectiunii, a luminii si a puritatii. De aceea sunt folosite cearceafuri de un alb stralucitor in reclamele la detergent si miresele poarta rochii albe in ziua nuntii. Pentru a va face o idee despre cat de inradacinata este semnificatia albului in cultura noastra cititi poemul Design de Rober Frost. In cadrul acestuia, Frost contrazice in mod simbolic asociatiile noastre prin folosirea culorii albe pentru a reprezenta moartea si intunericul. Interesant este ca, in cultura chineza, albul este o culoare asociata in mod traditional cu moartea si doliul. Distinctiile culturale de acest tip ar trebui sa serveasca drept memento pentru a cauta asocierile de culori ale publicului tinta deoarece pot fi semnificativ diferite de perceptia dumneavoastra.

    In design, albul este adesea trecut cu vederea deoarece este culoarea implicita de fundal. Totusi, sa nu va fie frica sa amestecati putin culorile. Incercati sa folositi un fundal inchis cu text alb sau sa puneti un bloc de fundal alb pe o zona pentru o scoate in evidenta. Folosirea in moduri neasteptate a culorilor poate reprezenta o declaratie indrazneata.

    Negrul

    Desi negrul sufera adesea din cauza conotatiilor negative cum ar fi moartea si raul, poate fi de asemenea o culoare a puterii, a elegantei si a fortei, in functie de modul in care este folosita. Daca va ganditi sa folositi o anumita culoare si va intrebati ce asociatii sunt pentru acea culoare, intrebati-va doar atat: “Care sunt primele trei lucruri care imi vin in minte atunci cand ma gandesc la aceasta culoare?”. De exemplu, cand ma gandesc la negru, ma gandesc la Jonny Cash, smochinguri si Batman. Cand ma gandesc la Jonny Cash, imbracamintea sa inchisa la culoare, vocea groasa si cantecele sale pline de durere dau o semnificatie tangibila asociatiilor mentale pe care le percep intre om si culoare.

    Daca tratati in acest mod toate optiunile coloristice, stabilind trei asociatii de cuvinte pentru fiecare, este foarte probabil sa va faceti o idee buna despre cum este perceputa in general acea culoare de catre publicul dumneavoastra.

    Desi psihologia culorii joaca un rol in felul in care uun vizitator vede site-ul dumneavoastra, tineti minte ca nu exista o culoare gresita. Desi rationamentul psihologic va poate ajuta sa va incepeti paleta, succesul unei scheme de culoare depinde de armonia care exista intre toate culorile alese. Pentru a obtine aceasta armonie, va trebui sa avem in vedere alte cateva attribute ale culorii.

    Temperaturi de culoare

    Un atribut care exista in tot spectrul este notiunea de temperaturi de culoare. Ce culoare de robinet va da apa calda? Ce culoare asociati cu gheata? De ce? Raspunsurile sunt evidente si sunt puse in aplicare atat de cultura, cat si de natura.

    Culorile calde sunt culorile de la rosu la galben, inclusiv portocaliu, roz, maro si rosu burgundy. Datorita asociatiilor cu soarele si focul, culorile calde reprezinta atat caldura cat si miscare. Atunci cand este pozitionata langa o culoare rece, o culoare calda va iesi in evidenta, va domina si va produce accentuarea vizuala.

    Culorile reci sunt culorile de la verde la albastru si pot include cateva nuante de violet. Violetul este culoarea intermediara intre rosu si albastru, prin urmare un violet mai rece este, asa cum probabil ati ghicit, mai aproape de albastru, in timp ce un violet rosiatic poate da senzatia de caldura. Culorile reci au efect calmant si pot reduce tensiunea. In cadrul unui design, culorile reci tind sa se retraga, ceea ce le face adecvate pentru fundaluri si elemente mai mari de pe o pagina, din moment ce nu vor coplesi continutul.

    Valoarea cromatica

    Masura luminozitatii si a intunecimii unei culori este cunoscuta ca valoarea sa cromatica. Adaugarea de alb la o culoare creeaza nuanta deschisa a acelei culori. Asemanator, o nuanta inchisa esre produsa prin adaugarea de negru la o culoare data.

    La fel ca si in cazul culorilor, valoarea cromatica a culorilor pe care le folositi poate avea impact asupra conexiunilor psihologice pe care utilizatorii le vor avea cu continutul. O utilizare a valorii cromatice poate fi de a accentua perioada pe care clientii o asociaza cu o companie sau cu o organizatie. Daca ati face designul pentru un site web care are de-a face doar cu viata de noapte sau concertele , de exemplu, probabil ca ati vrea sa mergeti pe nuante inchise mai intunecate si sa limitati utilizarea nuantelor deschise luminoase. Nuantele deschise sunt asociate cu lumina zilei, primavara si copilaria. Ganditi-va: rasarit de soare, hainute de copii si ursuleti de plus. Aceste culori pastel luminoase pot fi folosite si in moduri profesionale, sofisticate si mature, asa cum poate confirma oricine care a petrecut vreodata timp intr-un spital. Aceasta deoarece nuantele luminoase sunt culori linistitoare, care confera personalitate mediilor sterile, fara a infiora bolnavii sau a-i face pe copii sa planga. Designerii de culoare sunt in general neinspirati de culori ca ”verde de spital”, insa daca lucrati la un site web pentru un centru de relaxare de zi , nuantele luminoase ar fi o baza deosebita pentru paleta dumneavoastra coloristica.

    Saturatia

    Saturatia sau intensitatea unei culori este descrisa ca taria sau puritatea acelei culori. Este clar ca ies in evidenta culorile intense si vii desi culorile reci tind sa se retraga, un albastru viu va atrage mai multa atentie asupra sa decat un portocaliu monoton. Atunci cand adaugam gri (negru si alb) unei culori, ea devine stearsa si pusa in surdina. Ca un birou cu pereti bej sau o dimineata de iarna mohorata, aceste culori sunt mai putin captivante si atragatoare decat culorile luminoase si vii. Partea luminoasa, culorile sterse ajuta la reducerea tensiunii si dau compozitiilor o dispozitie meditativa si visatoare.