Posts tagged font
Un design prost incepe cu logo-ul, partea a II-a
Feb 16th
In prima parte a articolului am vorbit despre greselile frecvente in realizarea logoului. In continuare voi prezenta o alta serie de greseli, pe care trebuie sa le evitam
- Creaza pentru client si nu pentru tine
Regula de aur in design: Niciodata sa nu iti imprimi propria personalitate asupra logoului clientului tau.
Poti observa aceasta greseala in design foarte usor, cauza este in general ego-ul enorm al designerului. Daca ai gasit un font frumos si abia astepti sa-l folosesti in urmatorul design…..nu o face! Intreaba-te daca fontul acela este potrivit pentru imaginea firmei pentru care creezi.
Unii designeri fac greseala de a integra in proiect o marca personala. Chiar daca trebuie sa fii mandru de munca ta, impunera propriei personalitati asupra logoului este o greseala. Trebuie sa te concentrezi asupra cerintelor clientului si asupra briefului de creatie.
- Logourile complexe
Creatiile grafice foarte complexe, nu arata bine la dimensiuni mici. Atunci cand imprimi ceva la o dimensiune mica, un design complex isi va pierde din calitate, iar in cel mai rau caz va arata ca o pata sau ca o greseala. Cu cat logoul este mai detaliat, cu atat utilizatorul trebuie sa proceseze mai multa informatie. Un logo trebuie sa fie usor de memorat, si o cale sigura de a face acest lucru, este de a-l concepe cat mai simplu. Uitati-va la logourile Nike, McDonald’s si Apple. Fiecare dintre acestea au un logo simplu, reprezentat de un icon care poate fi usor de reprodus, la orice dimensiune.
- Sa nu te bazezi niciodata pe culoare pentru a reda un efect
Fara culoare, designul tau si-ar putea pierde identitatea. Aceasta este o greseala obisnuita. Unii designeri abia asteapta sa adauge culoare designului lor, iar altii se bazeaza exclusiv pe acest lucru. Alegerea culorii trebuie sa fie ultima ta problema, asa ca initiera proiectului in alb si negru este cea mai buna solutie.
Orice om de afaceri va trebui sa-si expuna logoul intr-o singura culoare, la un moment dat, de aceea designerul trebuie sa ia in calcul acest factor. Daca folosesti culoarea pentru a pune in evidenta anumite elemente grafice, atunci logoul va arata complet diferit redat intr-o singura culoare.
- Alegerea gresita a fontului
Cand vine vorba de realizarea unui logo, alegerea fontului corect este cea mai importanta decizie pe care o poate face un designer. In general un logo esueaza in indeplinirea rolului, din cauza fontului utilizat.
Designul logoului tau trebuie sa puna in echilibru atat fontul, cat si simbolul utilizat. Pot aparea, in schimb, probleme, daca iconul si fontul sunt complementare, fiecare element va atrage atentia, daca sunt complet opuse utilizatorul nu va sti unde sa se concentreze. Fiecare font are propria personalitate. Daca fontul ales nu reflecta caracteristicile iconului, atunci intregul simbol al brandului nu va fi inteles.
- Logoul are prea multe fonturi
Un logo functioneaza mai bine daca foloseste cel mult doua fonturi. Folosirea mai multor fonturi este ca si cum ai incerca sa-i arati cuiva un album intreg, deodata. Fiecare font este diferit, si persoana trebuie sa aiba timp ca sa-l asimileze .
Un design prost incepe cu logo-ul, prima parte
Feb 16th
Este binecunoscut rolul logoului de a semnifica simbolic si plastic identitatea organizatiei, asemenea unui pod, asigurand o continuitate temporala, spatiala si geografica. Alegerea unui logo nepotrivit poate avea consecinte nefaste asupra imaginii afacerii tale.
In continuare voi prezenta o serie de greseli frecvente in realizarea logoului:
- Evitati saiturile care promoveaza logouri la preturi foarte mici. “Primesti ceea ce platesti. “
O afacere serioasa trebuie sa genereze impresia de profesionalism. Majoritatea noilor patroni investec foarte multi bani si timp in echipament si locatia firmei, dar nu investesc deloc in propria imagine. Daca logoul arata neprofesionist, aceeasi imagine va fi proiectata asupra afacerii.
- Nu va bazati pe trend. Daca te concentrezi doar pe trendurile curente este ca si cum i-ai pune data de expirare logoului tau.
Un logo bine desenat trebuie sa nu aiba varsta si acest lucru se poate obtine prin ignorarea trucurilor “la moda”, de proiectare. Ca designer de logo, este de datoria ta sa realizezi o identitate unica pentru clientul tau, si pentru a realiza acest lucru este sa bine sa ignori trendurile in design.
- Folosirea imaginilor pixelate
Procedura standard in realizarea logoului este de a folosi programe de design vectoriale, precum Adobe Illustrator sau Corel Draw. O creatie grafica este formata din puncte matematice precise, care asigura coerenta vizuala la dimensiuni multiple. Alternativa este, bineinteles utilizarea programelor de grafica rasterizata, precum Photoshop.
Nu este recomandat sa folosesti imagini rasterizate ca si logouri, pentru ca pot aparea probleme la multiplicare. In timp ce Photoshop este capabil sa realizeze logouri la dimensiuni foarte mari, nu poti sti niciodata cand vei avea nevoie de ceva mult mai mare. Daca dai zoom suficient de mare pe o imagine rasterizata, o sa apara pixeli si “noise”, care fac imaginea inutilizabila.
Mentinerea coerentei vizuale este cruciala in realizarea logoului.
- Folosirea imaginilor universale
Un logo ar trebui sa fie unic si original, iar clientul ar trebui sa aiba drepturi de autor asupra lui. Folosirea imaginilor stock incalca ambele reguli. Sansele sunt ca imaginea folosita de tine in logo, sa fie utilizata si de altii, astfel nu mai putem vorbi despre ceva unic. Imaginile stock sunt usor de depistat, deoarece au in general forme familiare, precum globuri pamantesti si siluete.
5 lucruri de baza care trebuie stiute despre tipografie in web design
Jul 31st
1. Masura
Reprezinta lungimea unui rand in cadrul unui text. Randuri mult prea lungi si cititorul isi pierde interesul deoarece devine obositor sa gaseasca urmatoarea linie. Asadar pentru o citire optima 65 de charactere – inclusiv spatii libere – sunt suficiente pe un rand. Lungimea trebuie sa fie de 30 de ori marimea font-ului.
2. Spatierea intre randuri
Pentru lizibilitate dar si pentru un aspect placut al textului in pagina se prefera ca spatierea intre randurile paragrafului sa fie cuprinsa intre 2-4px. Spatierea rezulta din proprietatea de line-height – inaltimea unui rand. Multi webdesigneri ignora aceasta proprietate, preferand setarea unei margini sau a unui padding pentrui a evidentia paragrafele, considerand acest lucru ca fiind de-ajuns. Este evident gresit deoarece aici ne referim la modul in care apar randurile in cadrul unui paragraf. Paragrafele au implicit setata o margine pentru a se evidentia. Pentru un font de 12 px inaltimea unui rand trebuie sa fie in jur de 16px.
3. Evidentirea unui cuvant sau a unei expresii
Cel mai practic mod il constituie folosirea stilului “italic”. Alte metode sunt: bold, caps, underline, alta culoare, eventual schimbarea font-ului. Un lucru trebuie insa retinut: utilizarea unui singur stil. Orice combinatie de 2 sau mai multe stiluri este derutanta si fara rost.
4. Citate
Intotdeauna ghilimele trebuie sa fie in exteriorul textului pentru a nu intrerupe ritmul si mentine marginea stanga
5. Echilibru
Cuvintele lungi care nu incap la final de linie trec automat pe linia urmatoare rezultand un dezechilibru si avand in vedere ca textul este aliniat la stanga devine obositor de citit, cititorului ii poate fi distrasa atentia. Nu exista nici o metoda de a controla acest lucru din CSS. Textul necesita o editare manuala.
Orice font in web design – sIFR
Jul 30th
Ca dezvoltator web sigur ai auzit de sIFR. De ce este atat de cunoscut ? Noi raspundem la cateva din intrebarile pe care ti le-ai pus in legatura cu aceasta “tehnologie”.
Ce este sIFR ?
sIFR (Scalabile Inman Flash Replacement) este o tehnologie care permite utilizarea oricarui font in web design, site-ul fiind in continuare SEO-friendly. sIFR este o combinatie de Flash, JavaScript si bineinteles putina imaginatie din partea designer-ului care doreste sa schimbe putin aspectul unui site folosind arta tipografiei.
Modul de functionare este extrem de simplu: sIFR cauta anumite elemente in pagină pentru le înlocui cu Flash rezultand, acelaşi text, dar cu alt font. Din experienta noastra si a altora care folosesc sIFR am ajuns la urmatoarele concluzii:
Exista cateva dezavantaje importante
- Deşi accesibilitate este conservata cu ajutorul acestei tehnici, sIFR afectează considerabil timpul de incarcare al paginii.
- Se foloseste pentru inlocuirea unor pasaje scurte, de obicei titluri.
Avantajele sunt destul de evidente
- Orice font poate fi utilizat
- Nu mai este nevoie de crearea imaginilor pentru substituirea titlurilor in cazul in care acestea trebuie sa aiba un font care nu este web-safe
- Un design mai atragator
- SEO-friendly – la indexare zonele inlocuite prin sIFR contin textul propriu-zis, asadar sunt indexate
Cum functioneaza sIFR
- In cazul în care browser-ul nu are instalat plugin-ul pentru Flash, pagina este afisata normal.
- JavaScript parcurge documentul şi găseşte toate elementele care urmează sa fie înlocuite.
- Odată găsit, un element este înlocuit cu Flash de aceleaşi dimensiuni.Pin intermediul JavaScript-ului este preluat text-ul , apoi este inlocuit cu un element Flash ce contine un text de dimensiune foarte mare initial (96pt) care este redus pana se incadreaza in dimensiunile textului initial.
Prin urmare sIFR merita folosit avand in vedere ca nu exista o alta metoda la fel de buna, insa doar pentru titluri ori pasaje scurte, nu pentru continutul unui articol.
