Dupa ce te-ai familiarizat cu Codul Rutier, poti sa completezi chestionarele auto. Formatul de chestionare auto si teste drpciv simuleaza examenul pe calculator. Pe langa asta, cei de la permis-de-conducere.ro au si Explicatiile la intrebari.

Nike reuseste sa atraga atentia din nou, de aceasta data prin ultima creatie a celor de la  Wieden+Kennedy.

In reclama de mai jos, “Write the Future” (“Scrie viitorul”), sunt prezentate super-starurile momentului din fotbal, care prin reusite sau esecuri influenteaza societatea si cursul vietii lor.

Doua dintre print-urile “Nike – Write the Future”.

Diesel, brandul international de blugi lanseaza  o noua campanie virala: “Be stupid“. Ideea campaniei este de a incuraja consumatorii sa isi asume riscuri si sa treaca dincolo de piesa inteligenta si sensibila pentru viata.

Campania a fost dezolvatata de cei de la Anomaly – divizia din UK si va fi prezenta online, in media clasica si outdoor prezentand acte stupide.

Filozofia Be stupid

Ca si baloanele, suntem plini de sperante si vise. Dar, de-a lungul timpului o idee ne da fiori. Nu fi prost. Lumea este plina de oameni inteligenti care fac tot felul de lucruri inteligente… ceea ce e inteligent. Ei bine, cei de la Diesel sunt prosti. Au si cateva argumente mai jos

Cei destepti au creier… cei prosti au boase.

Desteptii vad lucrurile asa cum sunt. Prostii vad lucrurile cum ar putea fi.

Desteptii critica. Prostii creeaza.

Chestia e ca daca nu am avea ganduri stupide, nu am avea ganduri interesante deloc.

Desteptii au planuri… prostii au povesti.

A fi prost inseamna a fi curajos. Prostilor nu le e teama de esec. Prostii stiu ca exista lucruri mai rele decat esecul… cum ar fi sa nu incerci.

Desteptul a avut o idee buna, si ideea era proasta.

Nu poti pacali un prost. Nici nu incerca.

Aminteste-ti ca numai un prost poate fi genial. Deci, fi prost!

Există web designeri care nu sunt  capabili să-şi implementeze propriile creaţii. Am scris prima line de cod, aici mă refer la HTML şi CSS, acum 2 ani. Faptul că m-am hotărât să învăţ HTML şi CSS a fost o decizie inspirată.

Internetul e plin de pagini web care vin cu inovaţii şi care te încurajează pe tine ca web designer să foloseşti stiluri speciale. Designerii care lucrează direct cu materiale pentru web, nu numai prin medii simulate cum ar fi Photoshop, au un avantaj pentru a face să se întâmple acest lucru . Ok, dacă lucrezi la un joc sau site în Flash ori o aplicaţie  în Flex poţi să ignori acest avantaj

Ştiu că fiecare designer care are în faţă un canvas gol se gândeşte the sky is the limit şi exact asta vrei. Vrei sa creezi ceva WOW. Trebuie totuşi să respecţi anumite reguli de bază pentru de Web. Sper să pot dezvolta ideea într-un alt articol.

1. Photoshop + HTML + CSS = LOVE

Există multe persoane care văd codul ca o restricţie pentru web designer. Fals. Învăţând HTML şi CSS mi-a deschis noi orizonturi şi posibilităţi creative. Practic, învăţând cum să codez, am devenit un web designer mai bun.

2. Designul tău va ajunge pe Internet exact aşa cum l-ai desenat

Dacă separi complet procesul de design şi implementarea, intervine inevitabil un punct în care design-ul începe să se degradeze. Şi nu este neapărat vina coder-ului. Aici sunt implicaţi mai mulţi factori decizionali. Aşa se întâmplă în această industrie.

3. Economiseşti timp

Când ai terminat proiectul în Photoshop îţi decupezi instantaneu macheta şi o implementezi. Nu trebuie să predai imaginile şi specificaţiile unui coder, care în mod sigur îţi va returna pachetul de informaţii, îţi va cere modificări şi te va bombarda cu alte întrebări. Este time consuming. Proiectul la care lucrezi a ajuns aici într-un punct mort care poate să dureze mult prea mult timp.

4. Oportunităţi în carieră

Dacă eşti un web designer care nu ştie încă să codeze, învăţarea codurilor HTML şi CSS îţi oferă acces la noi joburi, indiferent că eşti freelancer, angajat sau ambele. Îţi recomand să-ţi ridici standardele. Nu ai să regreţi. Ai nevoie în mod obligatoriu de aceste aptitudini. Există clienţi şi companii care nu te angajează dacă nu ştii cod.

Concluzie

Evident, există cazuri în care nu este normal să-ţi foloseşti din timpul alocat web designului pentru a actualiza în mod constant un site web, în mod special la proiectele mari.

Pe ansamblu, un client căruia îi pasă de conţinutul proiectului şi modul de prezentare, cred că va obţine cele mai bune rezultate cu un designer care ştie să codeze.

Spatiul alb este spatiul dintre diferite elemente de pe o pagina – zona cuprinsa intre text, imagini, link-uri, spatiul dintre liniile unui paragraf, etc. Acesta separa vizual elementele de design.

Spatiul alb permite mai usor “scanarea” unei pagini. Este curat, arata profesional, iar atunci cand este folosit in mod corect ofera site-ului un look fresh si permite transmiterea mai usoara a mesajului catre utilizator.

Din pacate, spatiul alb este unul din elementele cele mai subestimate elemente dintr-un design. Doar pentru ca nu este lucios sau face blink nu inseamna ca nu este important sau esential pentru un site.

Pentru a intelege mai bine ce vreau sa va explic, haideti sa aruncam o privire la cateva site-uri care folosesc in mod eficient spatiul alb.

Motorul de cautare Google

Google este cel mai vizitat site din lume. Pe pagina lor de start au doar cateva elemente: logo, un formular de cautare si o selectie rapida a limbii. La miscarea mouse-ului apar si alte elemente, dar asta este o alta discutie.

GrooveShark

Spatiul alb nu inseamna literalmente ca este “alb”. De exemplu grooveshark.com. Cu formular de cautare albastru, pe fundal albastru, reuseste sa focalizeze atentia pe acest formular. De asemenea meniul pe fundal alb este usor de observat.

Apple.com

Nu puteam sa trec cu vederea peste Apple, care inspira pe multi designeri. Pe pagina de start isi promoveaza, de obicei, un singur produs. In exemplu de jos sunt folosite nuante neutre: negru, gri si alb. Focalizarea pe produs este obiectivul principal in acest caz.

Cum se utilizeaza spatiul alb eficient

Utilizand spatiul alb in mod eficient poate fi dificil. Iata cateva sfaturi inainte de a incepe sa-l folosesti:

Spatierea dintre linii

Line spacing sau spatierea dintre liniile intr-un paragraf face diferenta cand vine vorba de lizibilitate si usurinta de citire pe o pagina web:

In cazul in care liniile sunt prea apropriate sau inexistente textul devine foarte greu de citit:

In cazul in care liniile sunt raspandinte prea departe unul de altul cuvintele incep sa “pluteasca” si nu se mai realizeaza conectarea de la una la alta:

Margini

Marginile sunt spatiile in jurul unui anumit element intr-un design. Marginile folosite in CSS sunt o modalitate foarte buna de a controla acest spatiu in avantajul tau. Atunci cand lucrezi cu margini, retine cateva lucruri:

1. Consecventa. Pastreaza o coerenta in intreg aspectul, astfel vei obtine un design mai organizat si va arata mai profesionist.

2. Nu prea mult. Nu face marginile prea mari. Separarea prea mare poate crea o senzatie de deconectare dintre elemente, asa cum am explicat mai sus la spatierea dintre liniile unui paragraf.

3. Nu prea putin. Adu-ti aminte ca discutam despre spatiul alb, deci asigura-te ca acesta exista. Arata urat daca lipesti textul langa imagine, meniu, logo sau oricare alt element. Lasa-le utilizatorilor spatiu sa respire.

Design minimalist nu inseamna spatiu alb

Una dintre greselile frecvente este sa punem semnul egalitatii intre spatiu alb si minimalistic. Este gresit. Un site poate fi incarcat cu mult continut, dar sa fie usor de parcurs cu o utilizare corecta a spatiului alb.

De exemplu Smashing Magazine. Este un site cu continut bogat, dar au reusit sa faca site-ul usor de “scanat” si citit. Ei realizeaza acest lucru printr-o selectie atenta de culori, marimi de text si bineinteles spatiu alb.

In incheiere, tine minte: White space is good space.

Ti-a placut articolul? Ai completari? Scrie un comentariu mai jos

Dupa controversata “schimbare la fata” a celor de la Pepsi, cei de la Citroen intra si ei in hora facand un pas spre viitor cu noul logo.

Ce putem observa la noul logo:

• pastreaza aceleasi structura (simbol sus, text jos)
• font customizat
• simbolul mai rotunjit, putin exagerat cu efectele aplicate (cromat/shine)
• nu au renuntat la rosu, chiar daca au facut swich intre simbol si text
• pe ansamblu, o tenta futuristica