Și asta avem...
Totuși, acest lucru nu ne va oferi suficientă profunzime. Dorim să facem acest dreptunghi și mai vizibil curbat, deoarece nu atinge suprafața în mod uniform, dar adăugarea mai multă umbră folosind stilurile de straturi sau, întărirea umbrei nu ne va oferi efectul dorit. Foloseste asta separator orizontal oferit de dezinpolio.com și adăugați-l la mijlocul formei dvs., astfel încât să se „decoloreze” spre colțuri, așa cum se arată mai jos:
Acum, vă amintiți că am menționat literele aldine? Web 2.0 folosește bine fonturile, de preferat foarte ușor de citit, ușor desenat și îndrăzneț. Ne-a fost greu să alegem un font potrivit și am decis să alegem „Cooper Std”.
Facem să adăugăm o umbră foarte ușoară (# 5674a7) și gradient ușor de alb în partea de sus (#FFFFFF) până la albastru deschis (#cdd9de) ...
Acest lucru ne va oferi un design pentru bebeluș foarte drăguț.
Web 2.0 este, de asemenea, o proporție bună și, în timp ce modelele sunt deosebit de asimetrice, altele sunt, ca să spunem așa, obsesiv simetrice. Prefer al doilea tip, deoarece este nevoie de mai puțină originalitate și gust pentru a crea, tot ce ai nevoie este simțul proporției. Să presupunem că adăugăm câteva butoane în colțul de jos și lateral al designului nostru...
Arată bine asta?
Nu, nu este așa pentru că filele par prea haotice, așa că ne vom asigura că linia filei din partea stângă „întâlnește” cu linia filei de jos, așa...
Acum pare proporțional.
În cazul în care vă întrebați de ce am ratat un pas, stilurile de strat pentru file sunt aproape identice cu cele pe care le-am folosit pentru dreptunghiul principal și același lucru este valabil și pentru stilurile de font și de strat ale „file”. În scopuri de învățare, puteți descărca fișierul PSD și puteți analiza procesul. Amintiți-vă că toate aceste gradient semi-vizibile și contururi de 1 px sunt adesea ceea ce face diferența între un design web grozav și o încercare amatură de proiectare. Noroc!
[…] Marie a scris o postare interesantă astăzi pe Iată un fragment rapid. Există atât de multe tutoriale și ghiduri online care vă învață cum să utilizați eficient designul web 2.0. În timp ce majoritatea acestor tutoriale sunt utile, în același timp, ele distrug originalitatea în designul web. De exemplu, majoritatea „ghidurilor” … […]
[…] Jacob Cass a scris o postare interesantă astăzi pe Iată un fragment rapid. Există atât de multe tutoriale și ghiduri online care vă învață cum să utilizați eficient designul web 2.0. În timp ce majoritatea acestor tutoriale sunt utile, în același timp, ele distrug originalitatea în designul web. De exemplu, majoritatea „ghidurilor” … […]
Foarte bun lucru. Am găsit o mulțime de informații profunde care mă pot ajuta să merg mai departe.
Interesant tutorial. Întrebarea mea este: ce face acest „Web 2.0”? Web 2.0 nu are nimic (sau puțin de-a face) cu aspectul unui site. Ceea ce vorbiți aici este design, sau doar aspectul unui site. Asta este. Flickr.com este un site web 2.0 și nu folosește cu adevărat niciunul dintre aceste principii. De asemenea, Facebook este foarte simplu, nu folosește umbre, colțuri rotunjite sau fonturi „puțin desenate și îndrăznețe”, dar este totuși un site web 2.0. De asemenea Wikipedia... etc…
Web 2.0 se referă la modul în care utilizatorii interacționează cu site-ul și modul în care site-ul interacționează cu ei.
O abordare plăcută a designului web 2.0.
frumos tutorial...
Aș vrea să întreb,
de unde știi dacă este un design 2.0 sau nu?
scuze sunt doar un incepator
[…] De mensen van pswish.com hadden het al even door, maar ze maden het nu officieel: Web 2.0 is een gevaar voor of identiteit van websites. Origineel Artikel […]
[…] Vezi tutorialul […]
Super articol, merci 🙂
De asemenea, dacă căutați niște fonturi gratuite http://www.fonts2u.com
Bună! piesă interesantă de design 🙂 dar linkul nu funcționează 🙁 pot obține acest fișier PSD în altă parte? THX