<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MNHart freelance designer &#187; sfaturi</title>
	<atom:link href="http://mnhart.ro/tag/sfaturi/feed/" rel="self" type="application/rss+xml" />
	<link>http://mnhart.ro</link>
	<description>Design grafic pentru toti</description>
	<lastBuildDate>Sun, 28 Feb 2010 17:12:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>De urmarit pe Twitter</title>
		<link>http://mnhart.ro/2009/12/de-urmarit-pe-twitter/</link>
		<comments>http://mnhart.ro/2009/12/de-urmarit-pe-twitter/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 11:41:10 +0000</pubDate>
		<dc:creator>mnhart</dc:creator>
				<category><![CDATA[Utile]]></category>
		<category><![CDATA[sfaturi]]></category>
		<category><![CDATA[trend]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://mnhart.ro/?p=251</guid>
		<description><![CDATA[Din sfera designului, evident. Ideea acestui post mi-a venit dupa ce am vazut la Nelutu o lista foarte utila de siteuri cu resurse/tutoriale.
Eu nu am rabdare sa verific ce a aparut nou pe diferite siteuri, odata la 2 zile ma uit in google reader daca a mai aparut ceva interesant(si daca gasesc, dau un tweet [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmnhart.ro%2F2009%2F12%2Fde-urmarit-pe-twitter%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmnhart.ro%2F2009%2F12%2Fde-urmarit-pe-twitter%2F" height="61" width="51" /></a></div><p>Din sfera designului, evident. Ideea acestui post mi-a venit dupa ce am vazut la <a href="http://nelutu.info"><strong>Nelutu</strong></a> o<a href="http://www.nelutu.info/2009/12/cele-mai-bune-site-uri-de-design.html"> <strong>lista foarte utila de siteuri cu resurse/tutoriale</strong></a>.<br />
Eu nu am rabdare sa verific ce a aparut nou pe diferite siteuri, odata la 2 zile ma uit in google reader daca a mai aparut ceva interesant(si daca gasesc, dau un tweet sa afle si altii). DAR multumita Twitter, aflu repede daca a aparut un articol util, o colectie de teme gratuite, brushuri, tutoriale.<br />
Asa ca am sa fac aici o lista cu &#8220;sursele&#8221; mele, ce ma tin la curent cu tot ce misca in lumea designului grafic.</p>
<p><a href="http://twitter.com/smashingmag"><strong>@smashingmag</strong></a>-Orice designer stie ce-i Smashing Magazine. Foarte activi pe twitter, recomand.<br />
<a href="http://twitter.com/DesignerToday"><strong>@DesignerToday</strong></a>-Stiri, tutoriale, resurse. Must follow!<br />
<a href="http://twitter.com/webdesign_news"><strong>@webdesign_news</strong></a>-Printre cele mai bune surse de informatie despre tendinte noi aparute, tutoriale&#8230;de toate.<br />
<a href="http://twitter.com/photoshopguides"><strong>@photoshopguides</strong></a>-Tutoriale Photoshop.<br />
<a href="http://twitter.com/Photoshop_PSD"><strong>@Photoshop_PSD</strong></a> -linkuri zilnic catre tutoriale foarte utile<br />
<a href="http://twitter.com/DesignerDepot"><strong>@DesignerDepot</strong></a>-una din cele mai populare bloguri despre design, updateuri frecvente cu cele mai noi tendinte, sfaturi, etc.<br />
<a href="http://twitter.com/line25blog"><strong>@line25blog</strong></a>-resurse, articole despre design<br />
<a href="http://twitter.com/thewebbased"><strong>@thewebbased</strong></a>-linkuri catre concepte deosebite, sursa de inspiratie pentru designeri.<br />
<a href="http://twitter.com/inspiredmag"><strong>@inspiredmag</strong></a>-tutoriale, inspiratie, tips&#038;tricks. Tweeturi multe si folositoare.<br />
<a href="http://twitter.com/1stwebdesigner"><strong>@1stwebdesigner</strong></a>-Web design, updateuri zilnice cu articole noi aparute ce tin de acest domeniu.<br />
<a href="http://twitter.com/mytemplatebox"><strong>@mytemplatebox</strong></a>-Cele mai noi templateuri, teme gratuite.<br />
<a href="http://twitter.com/mirkohumbert"><strong>@mirkohumbert</strong></a>-Un designer excellent, foarte activ pe twitter, multe de invatat de la el.<br />
<a href="http://twitter.com/BazDeas"><strong>@BazDeas</strong></a>-Designer nu chiar activ, dar tweeturile lui contin linkuri catre resurse &#8220;must have&#8221;.<br />
<a href="http://twitter.com/myinkblog"><strong>@myinkblog</strong></a>-Blogger designer, resurse utile si update frecvent.</p>
<p>E o lista scurta, dar daca tineti pasul cu tweeturile celor de mai sus e de ajuns pentru a fi cat de cat la curent cu &#8220;moda&#8221; in design.</p>
]]></content:encoded>
			<wfw:commentRss>http://mnhart.ro/2009/12/de-urmarit-pe-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop sau Illustrator, continuarea</title>
		<link>http://mnhart.ro/2009/11/photoshop-sau-illustrator-continuarea/</link>
		<comments>http://mnhart.ro/2009/11/photoshop-sau-illustrator-continuarea/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 17:58:43 +0000</pubDate>
		<dc:creator>mnhart</dc:creator>
				<category><![CDATA[Utile]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[sfaturi]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://mnhart.ro/?p=216</guid>
		<description><![CDATA[Am inceput sa scriu despre vector/raster intr-un articol anterior. Cred ca am explicat destul de bine care e diferenta. Acum, sa vedem cum se manifesta aceasta diferenta la nivel de software. Nu va fi un articol foarte tehnic, cum se fac vectori in Photoshop va explic in 2 randuri (si 2 imagini), voi scrie mai [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmnhart.ro%2F2009%2F11%2Fphotoshop-sau-illustrator-continuarea%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmnhart.ro%2F2009%2F11%2Fphotoshop-sau-illustrator-continuarea%2F" height="61" width="51" /></a></div><p>Am inceput sa scriu despre vector/raster intr-un <a href="http://mnhart.ro/2009/10/photoshop-vs-illustrator-bitmap-sau-vector/">articol anterior</a>. Cred ca am explicat destul de bine care e diferenta. Acum, sa vedem cum se manifesta aceasta diferenta la nivel de software. Nu va fi un articol foarte tehnic, cum se fac vectori in Photoshop va explic in 2 randuri (si 2 imagini), voi scrie mai mult despre cand si cum sa combini, format &#038; stuff.</p>
<p>In primul rand, intrebarea care-i macina cel mai mult pe designerii amatori, dornici de ceva banuti (in special din logouri). Se poate face grafica vectoriala in Adobe Photoshop? DA! Chiar daca PS este un software dedicat in special graficii raster, are si tool-uri pentru grafica vectoriala. Pen tool si Shapes. Mai simplu, adaug cateva imagini, sa vedeti cum se nasc vectorii in Photoshop.<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/vector.jpg" border="0" alt="Photobucket"></a><br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/vector2.jpg" border="0" alt="Photobucket"></a><br />
<span id="more-216"></span><br />
Important e sa folositi intotdeauna <strong>Shapes sau Pen tool setate pe Shape layers</strong>. Astfel fiecare noua forma va fi adaugata pe un strat nou cu vector mask. Adica asa va fi vector. Bun, asta ii simplu, acum n-aveti decat sa desenati logouri cat vreti. De retinut, ca daca faceti forme vectoriale <strong>nu puteti aplica efecte raster. De exemplu peste un shape nu puteti da cu Burn sau Dodge tool. Incercati, veti vedea ca veti fi intrebati daca vreti sa fie &#8220;rasterized&#8221; intai.</strong></p>
<p>O alta chestie. Textul. In mod editabil, textul se comporta ca un vector shape. Se poate mari sau micsora fara problema. La fel, incercati, scrieti un text si trageti de el. See? Dar pentru a putea fi tiparit, nu e de ajuns sa aveti fisierul sursa, este neaparata nevoie de font. Fara includerea fontului, acesta va fi substituit cu altul. Si asta nu e bine. De aceea, daca ati facut sa zicem un afis in Photoshop, si vreti sa mergeti la tipar cu el, dati Rasterize la straturile de text. Bine, evident ca asa devine raster si isi pierde vectorialitatea(fain cuvant, asa-i?).<br />
Altceva. <strong>Formatul</strong> in care salvati. Fisierul sursa <strong>.psd</strong> salveaza frumos pe straturi asa ca salveaza si vectorii. Dar un fisier .psd cu straturi intacte si design complex ii mare. Mare ca megabytes. Zeci de megabytes. Chiar sute. Asa ca veti prefera sa salvati si-n alte formate. .eps si .pdf sunt formatele pe care le-am folosit pentru a conserva vectori. <strong>.eps</strong> si el ajunge la dimensiuni astronomice, <strong>.pdf</strong> e mai decent. Dupa cum vedeti, lucrul cu vectorii in Photshop pare simplu, mai greu e la compatibilitate, si partea cu &#8220;sa fim siguri ca salvam vectori&#8221;. De ce? Pentru ca Photoshop n-a fost conceput special pentru asa ceva, a fost conceput pentru grafica bitmap, manipulari foto. Si la acest capitol e &#8216;al mai tare. Ii vedeti puterea zilnic in reclame, pe internet, pe Photoshopdisasters&#8230; Si da, pentru asa ceva trebuie folosit. Se poate si pentru vectori, dar pentru aia exista alt software, de ce sa ne chinuim cu unul care nu e fix pentru aia? Daca o luam asa, putem face grafica si in Paint, da&#8217; pentru ce naiba?</p>
<p><strong>La ce folosesc eu Photoshop?</strong> In primul rand, web-design. Crearea de layouturi pentru web nu implica necesitatea graficii vectoriale, si avand in vedere ca detaliile conteaza, e mult mai lejer si de efect sa le desenez in Photoshop. Pot aplica o gama variata de efecte, mici chichite ce confera siteului un aspect &#8220;pro&#8221;. De asemenea, multe resurse gratuite&#8230;texturi, brushuri. Apoi, photo manipulation (aici e evident, asa-i?). Cateodata mai tunez cate un logo ce va fi folosit predominant in mediul online. Bannere publicitare pentru siteuri. Animatii GIF! (Este extraordinar de simplu si de efect, daca am timp, scriu un articol despre asta). Am facut si cataloage si brosuri si postere pentru tipar pe vremea cand n-aveam Illustrator (scump, si nu exista dincolo mai ieftin).</p>
<p>Banuiesc ca v-ati dat seama ca acum voi vorbi putin si despre<strong> Illustrator</strong>. Nu mult, doar cat sa-i fac pe cei care folosesc exclusiv Photoshop sa incerce. In primul rand, multi photoshopisti se sperie cand il deschid prima data. Pare atat de asemanator si totodata atat de diferit. Eu personal in afara de Pen tool si Text tool nu-mi dadeam seama ce cum functioneaza si la ce se foloseste. A trebuit sa caut pe internet cum se fac gradienturi. La fel, mi-a luat ceva timp pana sa-mi dau seama cum imbin/tai forme. Dar dupa ce m-am obisnuit, rezultatele au fost din ce in ce mai bune. Logourile parca din start ies mai bine. Mai curate, simple, dar cu stil. Iar aceste forme sunt foarte usor de manipulat. Culori, grupuri&#8230;Este mai simplu, mai relaxant. Tot aici vine si partea de hand-drawing. Incercati sa desenati ceva cu brushul in PS si dupa aceea in Illustrator. Maare diferenta.</p>
<p>Apoi, din punctul de vedere al cuiva care se vrea prestator de servicii designaresti, mai este si marketingul. Altfel se uita un client la tine cand spui ca &#8220;Deliverables in .ai vector source files&#8221; decat daca ai spune &#8220;full layered .psd file&#8221;.</p>
<p><strong>Textul(paralela cu PS)</strong>. La fel, daca lasati textul in mod editabil, veti avea nevoie de font daca vreti sa-l tipariti. DAR, daca dati &#8220;Create Outline&#8221; textul se transforma in Shape si surpriza, ramane vector. Ce imi place mult, este ca pot schimba culorile formelor foarte usor. Doar cu un singur click.<br />
Si dimensiunea fisierelor. Nu mai trebuie sa fac desene la 5000 de pixeli sa am fisier de 500 MB, un fisier sursa .ai pentru un logo se mentine de ordinul KB-ilor.</p>
<p>Chiar daca e software pentru grafica vectoriala, nu refuza nici imagini bitmap. Exista chiar si functia <strong>Rasterize</strong>.<br />
<strong>La ce il folosesc?</strong> Logouri, carti de vizita, afise, brosuri(n-am facut multe brosuri, recunosc).<br />
Dezavantaj mare e ca n-are treaba cu photo manipulation. Adica n-aveti cum sa va faceti tenul mai frumos, sa taieti din burta in mod realist, .etc. Din cauza asta pare un program incomplet. De fapt este unul specializat.</p>
<p>In concluzie, pentru inceput e de recomandat sa folositi Photoshop, stie cam de toate si mai ales daca n-aveti bani de 2 programe(<a href="http://www.adobe.com/products/photoshop/photoshop/">sunt scumpe</a>), PS e mai distractiv, sigur v-ar atrage mai mult. Exista si o alternativa gratuita, <a href="http://www.gimp.org/">Gimp</a>, n-am avut ocazia sa testez. La Illustrator exista un competitor foarte serios, mult mai popular: CorelDraw. L-am folosit in liceu, cumva tot m-am orientat spre Illustrator. <a href="http://www.inkscape.org/">Inkscape</a> este o alternativa open-source, l-am testat doar superficial&#8230;merge. </p>
<p><strong>Din nou am scris destul de mult, probabil voi mai adauga lucruri pe parcurs, sunt sigur ca am uitat unele lucruri.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://mnhart.ro/2009/11/photoshop-sau-illustrator-continuarea/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop vs. Illustrator, bitmap sau vector</title>
		<link>http://mnhart.ro/2009/10/photoshop-vs-illustrator-bitmap-sau-vector/</link>
		<comments>http://mnhart.ro/2009/10/photoshop-vs-illustrator-bitmap-sau-vector/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 11:15:33 +0000</pubDate>
		<dc:creator>mnhart</dc:creator>
				<category><![CDATA[Utile]]></category>
		<category><![CDATA[bitmap]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[raster]]></category>
		<category><![CDATA[sfaturi]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://mnhart.ro/?p=192</guid>
		<description><![CDATA[De curand am avut de facut un logo. Clientul mi-a explicat ca vrea sa-l foloseasca si pe panouri publicitare si pentru asta are nevoie de un format .psd la rezolutie de 5000+ pixeli. Evident ca i-am explicat ca mai bine ii fac logoul in Illustrator si nu mai are batai de cap (bineinteles, cu explicatii [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmnhart.ro%2F2009%2F10%2Fphotoshop-vs-illustrator-bitmap-sau-vector%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmnhart.ro%2F2009%2F10%2Fphotoshop-vs-illustrator-bitmap-sau-vector%2F" height="61" width="51" /></a></div><p>De curand am avut de facut un logo. Clientul mi-a explicat ca vrea sa-l foloseasca si pe panouri publicitare si pentru asta are nevoie de un format .psd la rezolutie de 5000+ pixeli. Evident ca i-am explicat ca mai bine ii fac logoul in Illustrator si nu mai are batai de cap (bineinteles, cu explicatii &#8220;tehnice&#8221;). Asta e motivul acestui post, sa vedem putin cand si cum folosim unul din programele de editare grafica. Cunoscatorii stiu deja diferentele dintre cele doua aplicatii, dar stiu ca exista multi designeri incepatori care sunt nelamuriti in ceea ce priveste aspectul raster/vector.</p>
<p>Bun, sa incepem cu teoria. <strong>Raster/Bitmap</strong>. <span id="more-192"></span>Cuvantul cheie e &#8220;pixel&#8221;. Imaginea, elementul grafic e compus din pixeli, patratelele alea mici care mor pe monitoare LCD. Mai pe tehniceste, sunt cele mai mici elemente purtatoare de informatie dintr-o imagine. Probabil stiti si voi, ati vazut fotografii, ati dat zoom, etc. Ce e de retinut aici e ca imaginile bitmap sunt dependente de rezolutie. Un element grafic mare are o rezultie mai mare (evident).</p>
<p><strong>Avantaje:</strong> editare foto, editare mai detaliata, rezultate mult mai realiste, cu efort &#8220;minim&#8221;. Mai toate creatiile pentru web au ceva de-a face cu raster graphics. Pentru ca e mai accesibil, si cum am spus, de efect.</p>
<p><strong>Dezavantajele</strong> apar in special cand vine vorba de print. Adica sa punem designul si pe foaie, masina, billboard, breloc &amp; stuff. Problema e dimensiunea, mai precis faptul ca nu se poate mari. Sa retineti: <strong>NU SE POATE FACE DINTR-O IMAGINE MICA (BITMAP) UNA MARE FARA PIERDEREA CALITATII</strong>. Probabil ati incercat si voi sa &#8220;trageti&#8221; de unele imagini sa se potriveasca in afisul creat si ati stricat toata compozitia. Eh, pentru ca nu se poate!</p>
<p>Uite, exemplu.<br />
Logoul de pe acest site, in format bitmap.<br />
Versiunea 1, dimensiunea originala, totul e ok:<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/logo11.jpg" border="0" alt="Photobucket" /><br />
Versiunea 2, marita.<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/logo12.jpg" border="0" alt="Photobucket" /><br />
Epic Fail! Arata urat. Si asta pentru ca e bitmap. Cand cresteti dimensiunea unei imagini, cresteti de fapt rezolutia, numarul de pixeli. Si asa in jurul fiecarui pixel original, care avea o anumita informatie despre imaginea respectiva, se &#8220;aduna&#8221; mai multi pixeli noi, care n-au &#8220;informatii&#8221;. Softul incearca sa compenseze aceasta lipsa, prin &#8220;copiat&#8221;. Va explic in mod trivial, sa nu cumva sa esuez. Deci eu sunt blank pixel, pixelul nou-nascut, gol. In dreapta mea e un pixel cu proprietatea &#8220;X&#8221;. In stanga mea, unul cu proprietatea &#8220;Y&#8221;. Deasupra un &#8220;W&#8221; si dedesupt un &#8220;Z&#8221;. Si eu trebuie sa ma integrez in acest ansamblu. Cum fac asta? Simplu, imi asum cate ceva din atributiile fiecarui vecin. Astfel eu devin asemanator cu fiecare in parte. DAR, mare DAR, din pacate nu stiu cum sa distribui informatia prelucrata, asa ca devin un mare noise. Adica element perturbator. Chiar daca m-am integrat, stric unitatea, din cauza mea, imaginea pierde din calitate, pentru ca n-am fost in stare sa preiau informatii in mod corect. Pentru ca nu stiam ce vrei tu, draga utilizatorule, de la mine.</p>
<p>Exemplu grafic. O imagine 2 x 1 pixeli. Un pixel negru, unul alb. Ce se intampla daca dau un resize la 3 x 1? Uitati!<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/resize.jpg" border="0" alt="Photobucket" /><br />
Da, avem un pixel gri. E aproape alb, si e aproape negru&#8230;dar mie nu-mi trebuie pixel gri!<br />
Stiu ca multi stiati acest lucru, dar foarte multi nu. Nu demult m-a rugat un prieten sa-l ajut cu un afis A3, pe care dorea sa puna ca fundal o poza de 500px. Nu merge.</p>
<p><strong>Dezavantaj 2</strong>. Dimensiunea fisierului. Bun, sa zicem ca ai inteles care e treaba cu vector/raster, pixeli/curbe. Si totusi vrei un logo bitmap, in format .psd sa zicem. Si iti trebuie pentru un afis mare, asa ca imi ceri 10000px.  Si eu nu-ti pot trimite fisierele sursa prin e-mail ca au 300 de MB. Ce facem? Pentru ca da, un fisier bitmap de mari dimensiuni ocupa spatiu. Pentru ca fiecare pixel in parte ocupa memorie. Simple as that!</p>
<p><strong>Dezavantaj 3</strong>. Forme imperfecte. Avand in vedere ca un desen e format dintr-un tablou de pixeli(patrati), este evident ca sunt probleme cand vine vorba de curbe. Sa zicem ca desenam un cerc.<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/cerc1.jpg" border="0" alt="Photobucket" /><br />
Cum arata conturul acestui cerc la zoom de 500%? Uite asa. See what I mean?<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/cerc2.jpg" border="0" alt="Photobucket" /></p>
<p><strong>In concluzie, grafica raster este optima pentru</strong>:<br />
-Manipulare foto, design pentru medii digitale, online.</p>
<p><strong>Nerecomandat pentru:</strong><br />
-Materiale pentru print de dimensiuni mari, se evita folosirea efectelor multiple cand materialul va fi tiparit. Pregatirea pentru tipar o voi trata intr-un articol urmator, e prea mult de scris s-o fac aici.</p>
<h3><strong>Bun, si acum sa vedem ce-i grafica vectoriala, si ce ne ofera ea.</strong></h3>
<p>Grafica vectoriala, spre deosebire de grafica raster, construieste o imagine folosind functii matematice; curbe, puncte, intersectii pentru a determina forma unui desen, lungimea liniilor&#8230;Bine, asta nu inseamna ca designerul trebuie sa fie matematician, este vorba doar de cum percepe softwareul comenzile.</p>
<p><strong>Avantaje:</strong><br />
In special in print. Imagini scalable, care se pot mari la infinit fara a pierde din calitate. Pur si simplu, imaginea vectoriala nu se distorsioneaza. Cand o modificam, se schimba parametri matematici si avem o functie noua. Atat, nu avem ce sa pierdem.<br />
Forme perfecte, sau smooth curves. Un cerc va ramane cerc si la zoom maxim. Ca aici:<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/cerc3.jpg" border="0" alt="Photobucket" />.<br />
Contur smooth. Sau o portiune din fisierul sursa al logoului la zoom de 3200%.<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/logovector.jpg" border="0" alt="Photobucket" /><br />
Control optim al desenului. O forma se poate modifica usor prin adaugarea unor puncte de &#8220;sprijin&#8221; de exemplu.<br />
Print-friendly.</p>
<p><strong>Dezavantaje:</strong><br />
Designul limitat. Nu puteti face imagini &#8220;photorealistic&#8221;-e. Sunteti cat de cat limitati la un ansamblu de forme. Lipsesc efectele speciale atat de indragite de popor. De aceea, mai rar se foloseste in domeniul web, sau se combina cu grafica raster.<br />
Unii spun ca e mai greu de lucrat, trebuie sa cunosti softul destul de bine pentru a crea ceva decent. Bine, asta e din cauza ca multi incep cu grafica bitmap si acomodarea cu un soft vectorial poate fi o surpriza&#8230;e destul de diferit.</p>
<p><strong>Optim pentru:</strong><br />
-Materiale pentru print: logouri, bannere, afise&#8230;Recomandat pentru concepte ce vor fi aplicate in medii diferite. De exemplu logouri, ce vor fi expuse pe site, carti de vizita, reclame, etc.</p>
<p><strong>Cand nu se foloseste:</strong><br />
-Manipulare foto.</p>
<p><em>Avand in vedere ca am scris destul de mult, si niciun om intreg la minte n-ar sta sa citeasca inca atat, voi scrie mai detaliat despre softuri intr-un post care va veni probabil in 2-3 zile.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://mnhart.ro/2009/10/photoshop-vs-illustrator-bitmap-sau-vector/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Tutorial Web Design. Tips&amp;Tricks pentru neinitiati</title>
		<link>http://mnhart.ro/2009/10/tutorial-web-design-tipstricks-pentru-neinitiati/</link>
		<comments>http://mnhart.ro/2009/10/tutorial-web-design-tipstricks-pentru-neinitiati/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 15:41:13 +0000</pubDate>
		<dc:creator>mnhart</dc:creator>
				<category><![CDATA[Utile]]></category>
		<category><![CDATA[sfaturi]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://mnhart.ro/?p=183</guid>
		<description><![CDATA[Acest articol nu va trata partea de how to. Aici nu veti invata CSS sau HTML, asta o puteti face cu o simpla cautare pe Google.
Scriu acest post in urma unui e-mail primit de la unul din putinii vizitatori. Omul a facut un layout si mi-a cerut parerea. Din pacate nu mi-a dat voie sa [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmnhart.ro%2F2009%2F10%2Ftutorial-web-design-tipstricks-pentru-neinitiati%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmnhart.ro%2F2009%2F10%2Ftutorial-web-design-tipstricks-pentru-neinitiati%2F" height="61" width="51" /></a></div><p><strong>Acest articol nu va trata partea de how to. Aici nu veti invata CSS sau HTML, asta o puteti face cu o simpla cautare pe Google.</strong></p>
<p>Scriu acest post in urma unui e-mail primit de la unul din putinii vizitatori. Omul a facut un layout si mi-a cerut parerea. Din pacate nu mi-a dat voie sa fac un review public, asa ca acum voi vorbi la general si chestii.<br />
Bun, in 2009 din ce in ce mai multi au aflat ca web-designul e pe val si avand in vedere ca resursele sunt destul de accesibile multi incearca sa profite, devenind designeri. Acest post se adreseaza acestor inca neinitiati. Neinitiati care vrand-nevrand comit greseli iar eu voi exemplifica cateva dintre cele legate de estetica si usability.<br />
<img src="http://i903.photobucket.com/albums/ac231/mnhart/1116170_coloured_world.jpg" border="0" alt="Photobucket" /></p>
<p><span id="more-183"></span></p>
<p><strong>1. Exces de zel. Sau prea multa grafica. Sau kitsch.</strong> Cum vreti voi. E acea situatie in care omul vrea sa creeze ceva atat de frumos incat rezultatul final este pur si simplu odios. Greseala foarte frecventa la multi &#8220;first timers&#8221;. Nu este vorba de o lipsa de talent sau simt estetic, doar de prea multa dorinta si prea putina experienta. Viitorul designer parcurge 20 de tutoriale despre &#8220;cum sa faci un layout in Photoshop&#8221; si fiind nerabdator, vrea sa le aplice deodata. Sau doreste sa mascheze faptul ca e incepator incercand sa faca ceva complex. Cred ca ati vazut toti siteuri cu header si navigatie uber-mega-complicata, gradient si texturi peste tot, orice titlu e insotit de un box cu &#8220;de toate&#8221;. Aici enumar si imaginile-text fara un rost anume. Stiu ca e frumos sa ai un stroke si drop shadow la un text, dar nu mai bine pastrezi totul simplu si editabil? Luate separat, aceste elemente grafice de efect sunt benefice, frumoase, dar aplicate deodata aglomereaza siteul atat din punct de vedere estetic cat si a timpilor de incarcare, si SEO.<br />
Puteti face chestii marunte care sa confere un aspect placut siteului. Faceti acele rounded corners mai elaborate, puneti un mic detaliu in colturi&#8230;alta viata. <strong>Da, detaliile conteaza, FOARTE MULT! </strong><br />
Si atunci cand desenati un layout, ganditi-va si cum il veti coda. <strong>Complicandu-va inutil designul va limitati solutiile de implementare.</strong></p>
<p><strong>2. Supradoza de miscare.</strong> De cele mai multe ori se manifesta prin flash. Se misca toate. Pun mouseul pe un buton si incepe sa topaie si sa se invarta si sa clipeasca insistent. Sau cand dau click se destrama pagina ca un puzzle si imi apare un preloader si din nou efectul puzzle. Bine, e frumos cand e vorba de o pagina de prezentare ce contine date de contact si putin altceva, dar daca folositi asa ceva la o pagina care are continut, m-ati pierdut.<br />
Agreez o animatie subtila intr-un header, chiar si ceva simplu in meniu (in vremuri moderne se apeleaza la JavaScript pt. asta), e frumos sa ai senzatia de interactivitate, dar ce e mult e mult.<br />
Tot aici voi include si filmuletele si muzica ce pornesc by default. Nu, nu e interzis sa pui un filmulet, sau o muzica de fundal pe site, dar sa nu porneasca automat. Daca vreau sa-l vizionez sau sa ascult dau eu click. Daca porneste singur, efectul cel mai probabil e ca inchid tabul, pur si simplu ma sperie zgomotul in plus.</p>
<p><strong>3. Culori stridente.</strong> Multi au probleme cand trebuie sa aleaga schema de culori. Oare verde se potriveste cu rosu? Oare pare prea gri? Solutia e simpla. Puneti ideea in practica si priviti-o 20 de minute. Daca va deranjeaza catusi de putin, schimbati/modificati. <strong>Se spune ca cele mai bune combinatii sunt cele care se regasesc in natura</strong>. De aici vine si preferinta pentru albastru+verde (vezi tema XP). Ganditi-va la ochii cititorilor, daca obosesc, pleaca de pe site. Voi ati sta pe un site cu textura roz-galben-fosforescent, chiar daca are continut cat de cat interesant?<br />
Tot aici vine si culoarea si fundalul textului. In acest sens sunt chiar conservator, solutia este simpla. <strong>Fundal de culoare deschisa (preferabil alb), text inchis&#8230;preferabil negru sau nuante de gri(aici poate fi gri-albastrui de exemplu). Alb si negru se integreaza de minune in orice schema.</strong><br />
Nu-mi plac de exemplu siteurile dark, cu fundal negru si scris alb. Daca ma gandesc bine, nu vizitez niciunul cu aceasta configuratie. Dar asta e o chestie personala. Poti face un site dark avand scris negru pe fundal alb.<br />
Evident chestii gen scris galben pe fundal roz&#8230;&#8221;Close&#8221;.</p>
<p><strong>4. Structura.</strong> Daca primul lucru pe care il vad pe un site e bannerul adsense si sub el un banner de afiliere, ce sanse crezi ca sunt sa dau scroll sa vad continutul?<br />
Vreau sa vad din start meniul. Nu ascuns intr-un colt, nu camuflat de imagini. Pentru ca faza cu &#8220;vizitatorul trebuie sa gaseasca ce doreste in 10 secunde&#8221; nu e vrajeala.<br />
Vreau sa vad continut pe prima pagina. Nu vreau panou de &#8220;Choose your language&#8221; cand din cele 3 steaguri doar unul e activ. Nu vreau sa trec prin 28 de linkuri cautand ceva pentru ca la final sa fiu intampinat de &#8220;Aceasta pagina este in constructie&#8221;.</p>
<p>Eu am comis toate aceste greseli la un moment dat. Au fost si situatii mai urate cand le-am comis deodata, si a iesit ceva demn de toata mila. Lucrand pentru clienti au fost situatii cand mi s-a cerut sa pun un filmulet &#8220;that starts playing when the visitor enters the page&#8221;, si nu am reusit sa explic ca e enervant. Dar macar cand e vorba de un proiect propriu, incerc sa-l fac cat mai usable.</p>
<p><em>Continuarea intr-un articol urmator.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://mnhart.ro/2009/10/tutorial-web-design-tipstricks-pentru-neinitiati/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sfaturi pentru freelanceri-continuarea</title>
		<link>http://mnhart.ro/2009/07/sfaturi-pentru-freelanceri-continuarea/</link>
		<comments>http://mnhart.ro/2009/07/sfaturi-pentru-freelanceri-continuarea/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 14:41:13 +0000</pubDate>
		<dc:creator>mnhart</dc:creator>
				<category><![CDATA[Utile]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[sfaturi]]></category>

		<guid isPermaLink="false">http://mnhart.ro/?p=120</guid>
		<description><![CDATA[In articolul asta am inceput sa dau sfaturi, sper eu, folositoare. Dar n-am terminat, asa ca reiau monologul.
Bun, deja stii cum sa te prezinti. Acum urmeaza partea interesata, munca.
Si munca nu consta doar in fac ce vrea clientul. Sincer, de cele mai multe ori clientul habar nu are ce vrea in afara de &#8220;I want [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmnhart.ro%2F2009%2F07%2Fsfaturi-pentru-freelanceri-continuarea%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmnhart.ro%2F2009%2F07%2Fsfaturi-pentru-freelanceri-continuarea%2F" height="61" width="51" /></a></div><p>In articolul asta am inceput sa dau sfaturi, sper eu, folositoare. Dar n-am terminat, asa ca reiau monologul.</p>
<p>Bun, deja stii cum sa te prezinti. Acum urmeaza partea interesata, munca.<br />
Si munca nu consta doar in <em>fac ce vrea clientul</em>. Sincer, de cele mai multe ori clientul habar nu are ce vrea in afara de &#8220;I want it to look good, professional&#8221;.<br />
Sunt 3 reguli de baza: <strong>comunicare, comunicare, comunicare</strong>. Stiu ca acest lucru e precizat chiar si pe siteuri, si in orice ghid despre freelancing, dar multi n-o respecta in adevaratul sens al cuvantului.<br />
Comunicare nu inseamna, &#8220;sure I&#8217;ll do that, just wait a minute&#8221;, sau &#8220;yes, of course, in only 1 day&#8221;, ci comunicare adevarata.<br />
<strong>Aici ce e bine de retinut:</strong><br />
<strong>a.)Cel putin un update pe zi.</strong> Adica la fiecare 24 de ore. Chiar daca nu ai progresat mult, semnezi condica, sa stie omul ca te ocupi de proiectul lui.<br />
<strong>b.)Daca ai probleme, spune, nu incerca sa te ascunzi si sa faci pe strutul (nu te vad, nu ma vezi).</strong> A picat netul ca vecinul a taiat cablul si cei de la RDS/UPC/Romtelecom o dau pe aia cu &#8220;trimitem o echipa imediat&#8221;? Fuga la vecinu cu internet de la vodafone si anunti clientul. Sigur va intelege si va prelungi termenul, sau daca e treaba urgenta va veti intelege amiabil si isi va cauta alt provider fara <em>hard feelings</em>. Orice ar fi, spune-i, nu-l minti. Daca a intervenit ceva si trebuie sa pleci, n-o da pe aia cu a picat serverul, ca nu va crede ca pentru asta trebuie sa amani proiectul cu 2 saptamani. Fii sincer!<br />
<strong>c.)Feedback.</strong> Nu lucra ca orbul. Nu-i prezenta dintr-odata produsul final. Daca nu-i place, ce faci, o iei de la inceput si faci doua produse la pret de unul? Ai ales sablonul de culori si ai facut schita layoutului? Arata-i inainte sa incepi detaliile. Ai ales cateva fotografii de pe iStockphoto pentru banner? Intai da un preview asa cu watermark, sa nu te trezesti ca nu-i place si sa fi dat banii degeaba. DAR, nici nu exagera. Nu trebuie sa-l stresezi pentru fiecare chichita. Sunt destui carora nu le place sa te <em>tina de mana</em> cat lucrezi.<br />
<strong>d.)Fii diplomat!</strong> Nu uita ca esti in fata monitorului si nu te doare sa tastezi ca &#8220;Sure, since I offered 3 revision rounds, I can tweak it so you can be 100% satisfied&#8221; in timp ce bombani despre rude si morti si metode de tortura. Clientul va aprecia ca ai avut rabdare cu el si te va rasplati pe masura.<br />
<strong>e.)Nu fi sclav.</strong> Poate fi si regula nr. 1 in ziua de astazi. Si aici nu ma refer sa faci Youtube pe $5. Daca e rentabil, go for it, si da-mi si mie adresa de mail sa te angajez, iti dau dublu.<br />
Multi vor incerca sa profite de tine, nu le oferi acest deliciu. Am mai spus-o, delimiteaza CLAR, FOARTE CLAR ce esti dispus sa faci. Nu lasa portite deschise. Eu mi-am luat-o recent cu &#8220;unlimited revisions&#8221;. Dupa 5 revizii deja se contura un logo pentru un alt produs. Cand mi s-a cerut ca &#8220;last revision&#8221; sa schimb numele din XYZ finance in ABC IT-shop am refuzat, am apelat la stafful siteului si surpriza, am pierdut. Da, era Arbitration pe RAC, si clientul si-a argumentat cererea spunand ca intre timp si-a schimbat domeniul de activitate si ca ce ma doare pe mine sa mai schimb un text. Eu, naivul.<br />
<strong>f.)ESCROW.</strong> Fara escrow, nu misti un deget. Daca ceri escrow si ti se refuza, fugi! Daca nu vrea escrow pe motiv ca n-are incredere in tine, fugi! Escrow e solutia sigura pentru amandoi, si un client serios stie asta. Daca e proiect mai complex, poti si fara, cu plata pe etape, sau eventual sa transferi fisierele sursa doar dupa ce esti platit. In fine, asta deja tine de increderea acordata clientului, etc. Dar escrow e perfect. Mai multe despre cum sa eviti tepele, <a href="http://www.tudi.ro/blogging/cum-sa-eviti-tepele-ca-freelancer/">poti citi aici</a>, nu voi dezvolta acest aspect.</p>
<p>In general cam astea ar fi reguli de bun simt, daca-mi mai vine ceva in minte, adaug. In rest, un singur cuvant: profesionalism. Atat.</p>
]]></content:encoded>
			<wfw:commentRss>http://mnhart.ro/2009/07/sfaturi-pentru-freelanceri-continuarea/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
