Se afișează postările cu eticheta tendinte. Afișați toate postările
Se afișează postările cu eticheta tendinte. Afișați toate postările

La granita intre HTML si Illustrator / intre text si imagine

Am plecat de la ideea de a desena o harta a Europei cu tarile in care am facut turism pana acum (in scop stimulativ). Si tot cautand pe google o harta buna, am ajuns la ideea: "de ce nu o harta vectoriala ?".

Instant am gasit linkul utilului wikipedia:

http://commons.wikimedia.org/wiki/File:Blank_map_europe.svg

Si dupa putina stilizare, stergand stilurile inline (la fel ca intr-un html obisnuit) si scriind urmatorul randulet:

#at,#ro,#it,#cy,#hu,#si,#hr,#sr,#bg,#es,#de,#ch {fill:#956}


Gata si harta:




Aici veti gasi o simpla poza, pentru ca nu pot uploda sau insera un SVG atat de complex in blogger (cu cateva clickuri beninteles).


Unelte diverse:


http://plindenbaum.blogspot.com/2009/11/tool-converting-svg-to-canvas_22.html - aplicatie pentru a converti svguri in canvasuri (html5)

http://uvdiv.blogspot.com/2009/08/how-to-create-svg-graphics-in-blogger.html - exemplu de inserare svg in html prin crearea ''on the fly" cu js

Fonturi folosite pe web

  1. New York Times http://www.nytimes.com

    Georgia 20px/15px ; 24px (h1) + Arial 10px

  2. Vanity Fair http://www.vanityfair.com

    Georgia 22px/13px+Verdana 10px



  3. Yahoo http://news.yahoo.com

    Titluri: Georgia 26px (h1: 28px) + text: Arial 13px
  4. Mocoloco http://mocoloco.com/

    titluri : Arial litere mari 22px (h1:30px) + text: Georgia 12px
  5. BBC http://www.bbc.co.uk/

    Titluri: Verdana 18px (h1:22px) + text: Verdana 12px
  6. Wordpress http://wordpress.org

    Titluri: Georgia 16px Italic (h1:36px normal) + text: Lucida Grande 12px

Concluzie: Georgia este unul din cele mai folosite fonturi, iar serifurile sunt in tendinte.

Tendinte noi in grafica websiteurilor (2008)

  • Stilurile Vintage / Retro



  • Notite scrise de mana si agrafe
  • Stil dezordonat



  • Stropi de cerneala 



  • Tempera
  • Tehnica colajului
  • Scrisul de mana si schite



  • Litere mari



  • Fonturi Script
  • Texturi de lemn 



  • Delimitari in Zig Zag

Iata si exemple: http://bestwebgallery.com

Aspectul webului 2.0

Acest post este dedicat graficienilor si designerilor orientati spre arhitectura informatiei, prezinta acele elemente care dau aspectul unui site web2-0.
Citind urmatoarele articole o sa va faceti o idee destul de ampla asupra acestora: litere mari, logouri sugestive si ingrosate, gradienti, culori aprinse, reflexii... etc:

Insa nu trebuie sa insistati asupra lor,deoarece utilizatorul nu poate fi pacalit. Desi aspectul este important si imbunatateste experienta utilizatorului, informatia este cea mai importanta. Scopul si arhitectura siteului sunt esentiale. (vezi postul anterior)

Web2.0 in 5 minute

Pentru inceput sa ne facem o idee despre ce inseamna web 2.0 : impartasirea ideilor si a experientelor, colaborare , crearea conexiunilor intre oameni , etc . Iata un vidoclip frumos despre web 2.0 care ne pune pe ganduri...


Super, nu-i asa?

plugin meebo me

Meebo me este un plugin prin care voi, vizitatorii blogului meu puteti sa interactionati cu mine, minea eliza. Daca nu sunt online, imi puteti mesaje offline. Incercati! Este o modalitate noua de a privi net-ul si anticipez ca, in curand, interactiunea prin pluginuri inglobate in siteuri va deveni din ce in ce mai bogata. (Trimitere de fisiere, interactiune video s.a.m.d). Dar oare suntem inca pregatiti de a vorbi instant cu autorul paginii sau e nevoie tot de vechile modalitati? forumuri, comentarii... e adevarat acestea din urma sunt mult mai structurate si mai sigure in momentul de fata insa acest plugin este abia la inceput.
http://www.meebome.com




Voi ce parere aveti?

revenirea

Buna seara tuturor!

M-am decis sa revin in fortza in 2007... dupa o lunga pauza, voi posta cateva dintre ideile mele acumulate in aproximativ 1 an de munca (1-2 ani cu pauze...); nu de alta dar trebuie sa fiu si eu in moda cu blogurile.

Dupa putina curatare.. comentarii-spam si postari dezordonate si o schimbare de fatzada, blogul meu a inceput sa arate cat de cat a blog. In privinta informatiei, voi incepe cu un link catre un minislideshow facut de mine in cateva minute pentru o incheiere a unui proiect la IOM(intrefata om-masina). trebuie sa mentionez ca proiectul a fost notat cu 2, mai mult decat meritam , dupa spusele laborantului (mai multe explicatii nu am primit si nici nu prea ne-au interesat...)

mini-slideshow: TendinteWeb.ppt
prezinta 3 idei fundamentale ale tendintelor actuale: ajax, web2.0, rss in linii sumare.
Pentru mai multe detalii si nu doar o mini-prezentare, cititi urmatoarele articole:
voi reveni cu postari tehnice mult mai detaliate legate web design, arhitectura informatiei, experienta userului si poate si ceva mai multe detalii despre mine si portifoliul meu ;)