<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - thefeti - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - thefeti - be&#287;endikleri</description>
    <item>
      <title>Modern Tasar&#305;mlar &#304;&#231;in &#220;cretsiz Fontlar</title>
      <author>thefeti</author>
      <description>&lt;div class="imajsag"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/title-high-quality-font-collection.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;a href="http://www.mikeindustries.com/blog/sifr/"&gt;Sifr&lt;/a&gt; teknolojisini kullanarak istedi&#287;imiz yaz&#305;tipini (&lt;a href="http://www.bildirgec.org/etiket/font"&gt;font&lt;/a&gt;) sitelerimizde kullanabiliyoruz. Grafik tasar&#305;m&#305;yla ilgileniyorsan&#305;z ise a&#351;a&#287;&#305;da verece&#287;im &#252;cretsiz yaz&#305;tipleri i&#351;inize yarayacakt&#305;r.

	&lt;p&gt;&lt;a href="http://www.dafont.com/sansation.font"&gt;1. sansation typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/sansation-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/fertigo.html"&gt;2. fertigo pro typeface&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/fertigo-pro-2-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;/div&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/fertigo-pro-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.smeltery.net/fonts/megalopolis-extra"&gt;3. megalopolis extra typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/megalopolis-extra-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.fontsquirrel.com/fonts/Walkway"&gt;4. walkway typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/walkway-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://quersicht.ch/04_labor/04_ft_nadi.html"&gt;5. nadia serif typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/nadia-serif-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://tonyfbaby.deviantart.com/art/Modeno-Font-89089212"&gt;6. modeno font&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/modeno-pro-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/download/index-en.html"&gt;7. m+ outline typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/m-plus-outline-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/fontinsans.html"&gt;8. fontin sans typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/fontin-sans-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/diavlo.html"&gt;9. diavlo typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/diavlo-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;/div&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/diavlo-2-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/museo.html"&gt;10. museo typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/museo-2-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;/div&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/museo-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&amp;item_id=Gentium_basic"&gt;11. gentium typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/gentium-sans-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/delicious.html"&gt;12. delicious typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/delicious-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.theleagueofmoveabletype.com/fonts/1-junction"&gt;13. junction typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/junction-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.fontsite.com/download-free-fonts/cartogothic-std/"&gt;14. cartogothic std typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/carto-gothic-std-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/anivers.html"&gt;15. anivers typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/anivers-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dotcolon.net/font/font.php?id=3"&gt;16. medio typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/medio-stout-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dardenstudio.com/typefaces/birra_stout"&gt;17. birra stout typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/birra-stout-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dafont.com/rezland.font"&gt;18. rezland typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/rezland-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://arpad.deviantart.com/art/Often-tf-beta-version-POSTER-54732068"&gt;19. often typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/often-tf-pro-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.gestalten.com/fonts/freefonts/details.html?id=16"&gt;20. engel light typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/engel-light-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://moorstation.org/typoasis/designers/lab/lab_contra.htm"&gt;21. contra typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/contra-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dafont.com/nilland.font?psize=l"&gt;22. nilland typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/nilland-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.josbuivenga.demon.nl/calluna.html"&gt;23. calluna typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/calluna-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.typophile.com/node/50437"&gt;24. quicksand typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/quicksand-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.fontsquirrel.com/fonts/Mentone"&gt;25. mentone typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/mentone-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.fontsquirrel.com/fonts/Vegur"&gt;26. vegur typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/vegur-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.fontspace.com/roger-white/swansea"&gt;27. swansea typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/swansea-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dafont.com/geo-sans-light.font?psize=l"&gt;28. geosans light typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/geo-sans-light-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://com4t-fff.seesaa.net/article/90181133.html"&gt;29. com4t nuvu regular typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/com4t-nuvu-regular-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dafont.com/steiner.font?psize=l"&gt;30. steiner typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/steiner-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.theleagueofmoveabletype.com/fonts/4-chunk"&gt;31. chunk typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/chunk-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;/div&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/chunk-2-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dmjx.dk/presserum/skrift.html"&gt;32. aller sans typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/aller-sans-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://home.comcast.net/~crudfactory/cf3/juvelo.xhtml"&gt;33. juvelo typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/juvelo-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://home.comcast.net/~crudfactory/cf3/gb1911.xhtml"&gt;34. goudy bookletter 1911 typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/goudy-bookletter-1911-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://home.comcast.net/~crudfactory/cf3/temporarium.xhtml"&gt;35. temporarium typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/temporarium-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://flyjuztwithme.deviantart.com/art/Font-11-130651359"&gt;36. bellerose typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/bellerose-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://jelloween.deviantart.com/art/Font-AMBROSIA-demo-39421709"&gt;37. ambrosia demo typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/ambrosia-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://bigyellowbiohazard.deviantart.com/art/surrounding-68530037"&gt;38. surrounding typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/surrounding-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://crazyformusic.deviantart.com/art/CircleD-Font-128540162"&gt;39. circled typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/circled-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.tenbytwenty.com/products/typefaces/nevis"&gt;40. nevis typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/nevis-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://emilystyles.deviantart.com/art/Zephyr-Font-129529611"&gt;41. zephyr typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/zephyr-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://inde-graphics.deviantart.com/art/advent-font-57338302"&gt;42. advent pro typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/advent-pro-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://betatype.com/node/35"&gt;43. serifbeta typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/serifbeta-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://paulw.deviantart.com/art/Evolution-True-Type-Font-83261584"&gt;44. evolution true type font&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/evolution-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://atobgraphics.deviantart.com/art/Sliced-AB-32595050"&gt;45. sliced ab typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/sliced-ab-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://sergeantswierq.deviantart.com/art/Technical-forest-v2-129760221"&gt;46. technical forest v2 typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/technical-forest-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.dafont.com/alte-haas-grotesk.font"&gt;47. alte haas grotesk typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/alte-haas-grotesk-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://aajohan.deviantart.com/art/Comfortaa-font-105395949"&gt;48. comfortaa typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/comfortaa-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://fontfabric.com/?p=396"&gt;49. mod&#8482; font&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/mod-tm-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://new.myfonts.com/fonts/albatross/whiteboard-modern/"&gt;50. whiteboard modern typeface&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/whiteboard-modern-demo-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://andychung.ca/work/neighbourhood/"&gt;51. neighbourhood type&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/neighbourhood-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.justmytype.org/"&gt;52. soraya font by justmytype&lt;br&gt;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/fikirbozan/soraya-free-high-quality-font-web-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.1stwebdesigner.com/resources/52-really-high-quality-free-fonts-for-modern-and-cool-design/"&gt;kaynak&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/modern-tasarimlar-icin-ucretsiz-fontlar "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 01 Aug 2009 14:43:00 GMT</pubDate>
      <guid isPermaLink="false">217976@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/modern-tasarimlar-icin-ucretsiz-fontlar</link>
    </item>
    <item>
      <title>En me&#351;hur 20 logo tasar&#305;m&#305;</title>
      <author>thefeti</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/creativelogos0.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; Daha &#246;nce yazd&#305;&#287;&#305;m ve devam&#305;n&#305; getirmeyi &#252;mit etti&#287;im &lt;a href="http://www.bildirgec.org/yazi/iyi-bir-logo-nasil-olmali-1"&gt;iyi bir logo nas&#305;l olmal&#305; ne(ler) yapmal&#305;&lt;/a&gt; yaz&#305; dizisinin bir par&#231;as&#305; olan bu bildiride, g&#252;n&#252;m&#252;zde &#231;ok pop&#252;ler olan 20 logo tasar&#305;m&#305; &lt;a href="http://www.toxel.com/design/2008/08/20/20-famous-logo-designs/"&gt;&#351;urada&lt;/a&gt; listelenmi&#351;. k&#305;saca bahsetmek gerekirse:

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://tr.wikipedia.org/wiki/Coca-Cola"&gt;Coca-Cola&lt;/a&gt;'n&#305;n Logosu:&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/creativelogos5.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Belki de d&#252;nyan&#305;n en pop&#252;ler logosu. &lt;a href="http://tr.wikipedia.org/wiki/John_S._Pemberton"&gt;John Pemberton&lt;/a&gt;'un muhasebecisi &lt;a href="http://tr.wikipedia.org/wiki/Frank_Mason_Robertson"&gt;Frank Mason Robinson&lt;/a&gt; taraf&#305;ndan 1886 y&#305;l&#305;nda tasarlanm&#305;&#351;.&lt;/p&gt;


&lt;blockquote&gt;Coca-Cola: D&#252;nyaya egemen logolardan Cola'n&#305;n logosu 1886 y&#305;l&#305;nda, i&#231;ece&#287;in yarat&#305;c&#305;s&#305; John Pemberton'un muhasebecisi Frank Robinson taraf&#305;ndan yarat&#305;ld&#305;, &#231;&#252;nk&#252; Robinson'un el yaz&#305;s&#305; g&#252;zeldi. Belki biraz eski moda ama tarihin a&#287;&#305;rl&#305;&#287;&#305;n&#305; ta&#351;&#305;ya ta&#351;&#305;ya art&#305;k tasarlanm&#305;&#351; bir &#351;ey olmaktan &#231;&#305;kt&#305;. Zamanla g&#252;venin ve tutarl&#305;l&#305;&#287;&#305;n simgesine d&#246;n&#252;&#351;t&#252;. &lt;/blockquote&gt;

 &lt;strong&gt;kaynak: &lt;a href="http://www.radikal.com.tr/ek_haber.php?ek=r2&amp;haberno=4077"&gt;Radikal&lt;/a&gt;&lt;/strong&gt;

	&lt;ul&gt;
	&lt;li&gt;Audi'nin logosu:&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/creativelogos13.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;a href="http://tr.wikipedia.org/wiki/Audi"&gt;Audi&lt;/a&gt; logosu birbirine ge&#231;mi&#351; 4 halkadan olu&#351;yor. bu halkalar &lt;a href="http://tr.wikipedia.org/wiki/Auto_Union"&gt;auto union&lt;/a&gt;'&#305; simgeliyor. (Auto Union: &lt;a href="http://tr.wikipedia.org/wiki/Audi"&gt;Audi&lt;/a&gt;, &lt;a href="http://sozluk.sourtimes.org/show.asp?t=dkw"&gt;DKW&lt;/a&gt;, &lt;a href="http://sozluk.sourtimes.org/show.asp?t=horch"&gt;Horch&lt;/a&gt; ve &lt;a href="http://en.wikipedia.org/wiki/Wanderer_(car)"&gt;Wanderer&lt;/a&gt;). halkalar s&#305;rayla bu markalar&#305; temsil ediyor.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://apple.com"&gt;Apple&lt;/a&gt;'&#305;n logosu&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/creativelogos8.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;a href="http://en.wikipedia.org/wiki/Rob_Janoff"&gt;Rob Janoff&lt;/a&gt; taraf&#305;ndan yap&#305;lan logoda g&#246;kku&#351;a&#287;&#305; temas&#305; 1998'e kadar kullan&#305;ld&#305;.&lt;/p&gt;


&lt;blockquote&gt; Baz&#305; insanlar elmadaki &#305;s&#305;r&#305;&#287;&#305;n Adem'le Havva'n&#305;n &#246;yk&#252;s&#252;ne bir g&#246;nderme yapt&#305;&#287;&#305;n&#305; ve bir Apple (Macintosh) bilgisayar sat&#305;n alman&#305;n bilgi edinmeyi temsil etti&#287;ini san&#305;rlar. Oysa logoyu 1977'de tasarlayan Regis McKenna Reklamc&#305;l&#305;k'tan Rob Janoff, elman&#305;n domatesle kar&#305;&#351;t&#305;r&#305;lmamas&#305; i&#231;in &#305;s&#305;r&#305;lm&#305;&#351; oldu&#287;unu s&#246;yl&#252;yor. Elma 1998'e kadar rengarenk &#231;izgiliydi. 98'den beri tek renk. &lt;/blockquote&gt;

 &lt;strong&gt;kaynak: &lt;a href="http://www.radikal.com.tr/ek_haber.php?ek=r2&amp;haberno=4077"&gt;Radikal&lt;/a&gt;&lt;/strong&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://Google.com"&gt;Google&lt;/a&gt;'&#305;n logosu:&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/logo-google.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Stanford &#220;niversitesi'nden Profes&#246;r &lt;a href="http://en.wikipedia.org/wiki/Ruth_Kedar"&gt;Ruth Kedar&lt;/a&gt;, Google&#8217;&#305;n bug&#252;n kulland&#305;&#287;&#305; logoyu tasarl&#305;yor. ilgili yaz&#305;: &lt;a href="http://www.bildirgec.org/yazi/google-logosu-nasil-olustu"&gt; Google logosu nas&#305;l olu&#351;tu&lt;/a&gt;? 

	&lt;p&gt;Yaz&#305;yla alakal&#305; olarak:&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.teknolojiherseyim.com/sirketlerin-logo-evrimi/"&gt;&#350;irketlerin Logo Evrimi&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/iyi-bir-logo-nasil-olmali"&gt;&#304;yi bir logo nas&#305;l olmal&#305;? Ne(ler) yapmal&#305;? # 1&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/en-meshur-20-logo-tasarimi "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 30 Aug 2008 11:36:00 GMT</pubDate>
      <guid isPermaLink="false">165995@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/en-meshur-20-logo-tasarimi</link>
    </item>
    <item>
      <title>usta bir tasar&#305;mc&#305; olman&#305;n kurallar&#305; #5</title>
      <author>thefeti</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/depth-title-block1.jpg' alt="kural 5: derinlik" border="0"&gt;&lt;br&gt;kural 5: derinlik&lt;/div&gt;&lt;br&gt;&lt;em&gt;Bu yaz&#305;y&#305; okumadan &#246;nce usta bir tasar&#305;mc&#305; olman&#305;n &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari"&gt;birinci&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-1"&gt;ikinci&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-2"&gt;&#252;&#231;&#252;nc&#252; &lt;/a&gt;ve &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-3"&gt;d&#246;rd&#252;nc&#252; &lt;/a&gt;kurallar&#305;n&#305; okumak isteyebilirsiniz.&lt;/em&gt;

	&lt;p&gt;Derinlik. Tamam, burada pop-up kitaplardan veya hologramlardan bahsetmiyoruz. &#304;ki boyutlu tasar&#305;mlar&#305;n&#305;zda veya ill&#252;strasyonlar&#305;n&#305;zda derinli&#287;i simule etmekten bahsediyoruz. Yaz&#305; dizisindeki ilk d&#246;rt kural, benim temel olarak g&#246;rd&#252;&#287;&#252;m kurallard&#305;. Derinlik ise benim e&#287;lenceli k&#305;sma giri&#351; yapt&#305;&#287;&#305;n&#305; d&#252;&#351;&#252;nd&#252;&#287;&#252;m bir kurald&#305;r. Temel olarak, derinlikle bir &#351;eyi &#231;ok g&#252;zel g&#246;sterebilirsiniz. Sanat&#305;n&#305;za derinlik katmak, sayfadan &#231;&#305;kmaya yard&#305;mc&#305; olacak veya tam tersi, izleyiciyi i&#231;ine &#231;ekecektir.&lt;/p&gt;


	&lt;p&gt;Tasar&#305;mlar&#305;n&#305;za boyut katmak i&#231;in &#231;ok iyi bir ka&#231; teknik vard&#305;r. &#304;lk olarak en basitlerden ba&#351;layaca&#287;&#305;m, daha sonra karma&#351;&#305;k olanlara do&#287;ru ilerleyece&#287;iz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Objeleri &#252;st &#252;ste bindirmek&lt;/strong&gt;&lt;br&gt;Tamam. Bu &#231;ok belli zaten. Bunu b&#252;y&#252;k ihtimalle ana okulunda &#246;&#287;renmi&#351;sinizdir. E&#287;er bir otob&#252;s ve ev i&#231;eren bir resim &#231;izerseniz, ve otob&#252;s evle &#252;st&#252;ne biniyorsa, o zaman a&#231;&#305;k&#231;a evin &#246;n&#252;nde duruyordur. Ama ev otob&#252;s&#252;n &#252;zerine biniyorsa, o zaman ev &#246;ndedir.&lt;/p&gt;


	&lt;p&gt;Peki, bundan neden bahsediyoruz ki? &#350;ey... sadece size hat&#305;rlatmak i&#231;in &#8211;tasar&#305;m &#246;&#287;elerini &#252;st &#252;ste bindirebilirsiniz. Her &#246;&#287;enin aras&#305;na bo&#351;luk b&#305;rakmay&#305; huy edinmek &#231;ok kolayd&#305;r. E&#287;er foto&#287;raflar&#305;n ve tasar&#305;m &#246;&#287;elerinin aras&#305;na bo&#351;luk koyarsan&#305;z temiz bir tasar&#305;m elde edebilirsiniz ama biraz tekd&#252;ze g&#246;r&#252;nebilir. Bazen s&#305;rf di&#287;er &#246;&#287;elerin &#252;zerine bir &#246;&#287;e getirmek i&#231;in tasar&#305;ma bir &#351;eyler ekledi&#287;im oluyor.&lt;/p&gt;


	&lt;p&gt;A&#351;a&#287;&#305;daki &#246;rnekte basit bir &#252;st &#252;ste bindirmeyi ve tasar&#305;ma biraz derinlik katmay&#305; g&#246;rebiliriz.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/depth-samples11.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Bu Dave Tevenal ve benim &#252;zerinde &#231;al&#305;&#351;t&#305;&#287;&#305;m&#305;z bir poster. Dave adam&#305;n genel skecini yapt&#305;, ben de aya&#287;&#305;n&#305;n etraf&#305;na biraz su s&#305;&#231;ramas&#305; ekledim, daha sonra arkas&#305;ndaki koi bal&#305;&#287;&#305;n&#305; yapt&#305;m.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/depth-samples21.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Sa&#287; alt k&#246;&#351;ede, siyah bir &#351;eridin hemen &#252;zerine &#231;&#305;kan m&#252;&#351;teri logosu var (the Grog Shop). &#350;imdi, orada siyah bir &#351;eride ihtiyac&#305;m yoktu. &#350;eritteki b&#252;t&#252;n yaz&#305;lar siyah olabilir ve logo da &#231;izimin &#252;zerinde durabilirdi. Ama posterin alt&#305;ndaki yaz&#305;lara biraz dikkat &#231;ekmek istedim.&lt;/p&gt;


	&lt;p&gt;Alttaki siyah &#351;erit olmadan ayn&#305; poster:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/depth-samples6.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&#350;imdi ikisini altta &#351;erit olanla kar&#351;&#305;la&#351;t&#305;ral&#305;m.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/depth-samples11.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Bu &#351;eridi, m&#252;&#351;terinin bilgisini ve logoyu ekleyerek tasar&#305;mda yaratt&#305;&#287;&#305;m derinlik &#351;&#246;yle: Kl&#252;p logosu, &#351;erit ve bilgiler, sonra da poster &#231;izimi. Ayn&#305; zamanda &#246;nceli&#287;i ayarlamada da yard&#305;mc&#305; oluyor. M&#252;&#351;terinin logosu en &#246;nemlisi, sonra kl&#252;p bilgisi, ve son olarak da karma&#351;&#305;k &#231;izim ve detaylar.&lt;/p&gt;


	&lt;p&gt;&#304;ll&#252;strasyon ayn&#305; zamanda bir s&#252;r&#252; &#252;st &#252;ste binmi&#351; objeyi i&#231;eriyor. Adam koi bal&#305;&#287;&#305;n&#305;n &#252;st&#252;nde, adam&#305;n aya&#287;&#305;ndaki su s&#305;&#231;ramalar&#305; vs.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Obje boyutu de&#287;i&#351;kenli&#287;i &lt;/strong&gt;&lt;br&gt;Tasar&#305;m&#305;mda, objelerin b&#252;y&#252;kl&#252;&#287;&#252;ndeki de&#287;i&#351;kenli&#287;i kullanmay&#305; severim. Bu &#246;zellikle ayn&#305; boyutta olan, birbirinin t&#305;pat&#305;p ayn&#305;s&#305; objelerle u&#287;ra&#351;&#305;rken &#231;ok etkilidir. Bir insan&#305;n foto&#287;raf&#305;n&#305; &#231;ekerken uzakl&#305;&#287;&#305;n de&#287;i&#351;kenli&#287;i bununla ilgili g&#252;zel bir benzetmedir. Arkada&#351;lar&#305;n&#305;z&#305;n foto&#287;raflar&#305;n&#305; 1-2 metre uzaktan &#231;ekmek genelde yap&#305;lan bir &#351;eydir. B&#252;y&#252;k ihtimalle, onlar&#305;n b&#252;t&#252;n bedenini, en az&#305;ndan belden yukar&#305;s&#305;n&#305; alabilirsiniz. Bu iyi bir foto&#287;raft&#305;r, ama e&#287;er b&#246;yle 30 foto&#287;raf &#231;ekerseniz, s&#305;k&#305;lmaya ba&#351;larlar. Ve &#231;o&#287;u foto&#287;raf b&#246;yle &#231;ekildi&#287;inden, olduk&#231;a yayg&#305;n oldu&#287;unu varsay&#305;yorum. &#350;imdi, e&#287;er i&#351;leri biraz heyecanland&#305;rmak isterseniz, s&#252;per yak&#305;n bir &#231;ekim yap&#305;n. Belki arkada&#351;&#305;n&#305;z&#305;n y&#252;z&#252;n&#252;n yaln&#305;zca yar&#305;s&#305;n&#305; &#231;ekebileceksiniz. Ya da belki arkada&#351;&#305;n&#305;z&#305; ba&#351;ka uzakl&#305;klardan &#231;ekebilirsiniz. Ya da, en iyisi, hepsinin birle&#351;imini yapabilirsiniz. Birini &#246;nplana, birini ortaya, di&#287;erini de daha uzak bir yere koyun. Bu, foto&#287;raftaki derinlik hissini artt&#305;racakt&#305;r.&lt;/p&gt;


	&lt;p&gt;&#350;imdi objelerin b&#252;y&#252;kl&#252;&#287;&#252;n&#252;n nas&#305;l derinlik katabilece&#287;ine bir bakal&#305;m. Bu ilk &#246;rnek &#231;ok basit, sadece bir s&#252;r&#252; daire var. Burada bir &#351;eyin boyutunu ayarlamak gibi basit bir i&#351;lemle nas&#305;l derinlik katabilece&#287;imizi g&#246;r&#252;yoruz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/circles.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Her birinin boyutu bir &#246;ncekinden daha k&#252;&#231;&#252;k. Boyutlar&#305;ndaki de&#287;i&#351;ikli&#287;in nas&#305;l derinlik hissi verdi&#287;ini g&#246;r&#252;n. Hangi daire size daha yak&#305;n g&#246;r&#252;n&#252;yor?

	&lt;p&gt;Bir sonraki &#246;rnek biraz daha karma&#351;&#305;k. Bu, Jeff Finley&#8217;nin Paint the Stars i&#231;in yapt&#305;&#287;&#305; bir t-shirt. Burada birden fazla derinlik katma tekni&#287;i uygulanm&#305;&#351; ancak biz sadece obje b&#252;y&#252;kl&#252;&#287;&#252;ne odaklanal&#305;m.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/skulls-white21.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Bu &#246;rnekte, her bir kafatas&#305;, shirt&#8217;&#252;n &#252;zerine gidildik&#231;e hafif&#231;e k&#252;&#231;&#252;l&#252;yorlar. Ayn&#305; zamanda, ip gibi g&#246;r&#252;nen dokuna&#231;lar da g&#246;z yuvalar&#305;n&#305;n i&#231;inden ge&#231;erken her seferinde k&#252;&#231;&#252;l&#252;yorlar. Bir &#246;nceki teknik olan objeleri &#252;st &#252;ste bindirmeyle birle&#351;tirildi&#287;inde ger&#231;ekten ortaya derinlik hissi y&#252;ksek bir tasar&#305;m &#231;&#305;km&#305;&#351;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&#199;izgi kal&#305;nl&#305;&#287;&#305;&lt;/strong&gt;&lt;br&gt;Obje boyutu de&#287;i&#351;kenli&#287;i ile yak&#305;ndan ba&#287;lant&#305;l&#305; olan &#231;izgi kal&#305;nl&#305;&#287;&#305; de&#287;i&#351;kenli&#287;i, &#246;zellikle &#231;izim i&#231;in harika bir tekniktir, ama &#231;izdi&#287;iniz &#231;izgilerin kal&#305;nl&#305;&#287;&#305; da olsa tasar&#305;ma ekledi&#287;iniz &#231;izgilerin kal&#305;nl&#305;&#287;&#305; da olsa, a&#287;&#305;rl&#305;k (weight) &#246;nemlidir.&lt;/p&gt;


	&lt;p&gt;&#199;izgi a&#287;&#305;rl&#305;&#287;&#305;, ayn&#305; obje boyutlar&#305;ndaki gibidir. Ne kadar kal&#305;nla&#351;&#305;rsa o kadar yak&#305;n, ne kadar incelirse o kadar uzak g&#246;r&#252;n&#252;r.&lt;/p&gt;


	&lt;p&gt;&#350;imdi b&#246;yle bir &#231;izimin nas&#305;l olabilece&#287;ini &#246;rnekleyelim.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/art-adams-depth.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Bu &#231;izgi roman sayfas&#305;, &#231;izgilerinizin a&#287;&#305;rl&#305;&#287;&#305;n&#305;n derinlik katmaya nas&#305;l yard&#305;mc&#305; oldu&#287;u hakk&#305;nda m&#252;kemmel bir &#246;rnektir. &#214;nplandaki gladyat&#246;re bak&#305;n ve onun &#231;izgileriyle arkaplandaki binalar&#305;n &#231;izgilerini kar&#351;&#305;la&#351;t&#305;r&#305;rsan&#305;z, a&#231;&#305;k&#231;a aradaki fark&#305; g&#246;receksiniz. &#304;nce &#231;izgiler uzakta, kal&#305;n &#231;izgiler yak&#305;nda.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Netlik derinli&#287;i (depth of field) &lt;/strong&gt;&lt;br&gt;Netlik derinli&#287;i, bir resimin daha keskin g&#246;r&#252;nen k&#305;sm&#305;d&#305;r. Netlik derinli&#287;i, asl&#305;nda sadece kamera lensinde de&#287;il, kendi g&#246;z&#252;m&#252;zde de do&#287;al olarak olu&#351;an bir &#351;eydir. E&#287;er elinizi yukar&#305;da tutup ona odaklan&#305;rsan&#305;z, elinize olan oda&#287;&#305; bozmadan &#231;evrenizdeki &#351;eyleri g&#246;rmeye &#231;al&#305;&#351;&#305;n. Elinizin arkas&#305;ndaki &#351;eyler odak i&#231;inde mi? Hay&#305;r. G&#246;rd&#252;&#287;&#252;m&#252;z her &#351;eyin odak i&#231;inde oldu&#287;una dair bir alg&#305;m&#305;z vard&#305;r. Ama asl&#305;nda olan &#351;ey, g&#246;z&#252;n&#252;z&#252;n bakt&#305;&#287;&#305;n&#305;z yere olan oda&#287;&#305; s&#252;rekli ayarlamas&#305;d&#305;r. Ger&#231;ekte, sadece o ayar i&#231;indeki objeler odak i&#231;indedir, di&#287;er her &#351;ey bulan&#305;kt&#305;r.&lt;/p&gt;


	&lt;p&gt;Netlik derinli&#287;iyle ilgili &#246;rnekleri foto&#287;raflarda g&#246;r&#252;yoruz ve b&#246;ylece beynimiz bu g&#246;r&#252;nt&#252;y&#252; nas&#305;l yorumlayaca&#287;&#305;n&#305; biliyor. Odak i&#231;indeki objeler, odak d&#305;&#351;&#305;ndaki objelerden farkl&#305; bir derinliktedirler.&lt;/p&gt;


	&lt;p&gt;Dave Romsey&#8217;in &#231;ekmi&#351; oldu&#287;u bir makro (&#231;ok yak&#305;n &#231;ekim) &#246;r&#252;mcek foto&#287;raf&#305;n&#305; g&#246;rebilirsiniz:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/img-0843.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Ger&#231;ekten m&#252;kemmel bir &#246;r&#252;mcek foto&#287;raf&#305; olmas&#305;n&#305;n d&#305;&#351;&#305;nda, yaln&#305;zca &#246;r&#252;mce&#287;in g&#246;vdesinin tam odakta oldu&#287;unu g&#246;rebilirsiniz. Sa&#287; k&#246;&#351;edeki yaprak gibi, &#246;r&#252;mce&#287;in &#246;n&#252;nde va arkas&#305;nda olan her &#351;ey oda&#287;&#305;n d&#305;&#351;&#305;ndad&#305;r. Hatta &#246;r&#252;mce&#287;in g&#246;vdesinden &#231;&#305;kan bacaklar&#305;n&#305;n bile odak d&#305;&#351;&#305;nda oldu&#287;unu g&#246;zlemleyebilirsiniz.&lt;/p&gt;


	&lt;p&gt;Japon animasyonu veya &#8220;japonimasyon&#8221;, bu k&#252;&#231;&#252;k numaradan y&#305;llard&#305;r yarar sa&#287;l&#305;yor. Uzaktaki ve &#246;nplandaki objelere bulan&#305;kl&#305;k efekti veriyorlar. Bence bu &#231;ok ho&#351; bir detay! A&#351;a&#287;&#305;da bunu uygulam&#305;&#351; olan bir animasyondan bir kareyi g&#246;rebilirsiniz:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/robotech-frame.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Renk&lt;/strong&gt;&lt;br&gt;Renkler bile derinlik katmam&#305;za yard&#305;mc&#305; olabilir. Bu genellikle b&#252;y&#252;k uzakl&#305;klarda s&#246;z konusudur. Atmosfer trilyonlarca k&#252;&#231;&#252;k buhar, toz ve yar&#305;-saydam molekk&#252;llerden olu&#351;mu&#351;tur. Ve &#8220;hava&#8221; her ne kadar k&#305;sa uzakl&#305;klarda y&#252;zde y&#252;z temiz gibi g&#246;r&#252;nse de, &#246;yle de&#287;il. Asl&#305;nda uzakl&#305;k ne kadar artarsa o kadar g&#246;r&#252;n&#252;r olmaya ba&#351;layan uysal bir zar gibidir. Yani, bir d&#305;&#351; sahne i&#231;in renk se&#231;erken, &#246;nplandaki objelerin g&#252;&#231;l&#252;, enerjik renklere sahip olmas&#305; gerekir. Daha uzaktaki objelerin ise daha az canl&#305; renklere.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/blue-mountains.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&#304;nternette buldu&#287;um, Ulusal Park Mavi Da&#287;lar&#305;&#8217;n&#305;n bu foto&#287;raf&#305;nda atmosferin uysal zar&#305;n&#305;n renkleri nas&#305;l etkiledi&#287;ini g&#246;rebilirsiniz. Solda, &#246;nplanda, ta&#351;lar&#305;n ve t&#305;rman&#305;c&#305;lar&#305;n rengi temiz, tam canl&#305; g&#246;r&#252;nmekte. Sa&#287; tarafta, uzaktaki orman&#305;n renklerinin ise nas&#305;l silik &#231;&#305;km&#305;&#351; oldu&#287;unu g&#246;rebilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Efektler &#8211; G&#246;lgelendirme (Drop Shadow)&lt;/strong&gt;&lt;br&gt;Ah, t&#252;m tasar&#305;m efektlerinin en klasi&#287;i: G&#246;lgelendirme! Hem Photoshop hem de Illustrator, tasar&#305;mlar&#305;n&#305;za kolayca g&#246;lgelendirme ekleyebilir. Bu noktada kli&#351;e olarak g&#246;r&#252;nebilir, ama ben hala kullan&#305;yorum ve &#231;ok seviyorum. San&#305;r&#305;m bir &#231;ok insan bunu efekt olarak g&#246;rm&#252;yor. Uygun bir &#351;ekilde kulland&#305;&#287;&#305;n&#305;z zaman, tasar&#305;ma g&#252;zel bir derinlik hissi katarken kolayca harmanlanabiliyorlar.&lt;/p&gt;


	&lt;p&gt;A&#351;a&#287;&#305;da kendi yapt&#305;&#287;&#305;m; biri g&#246;lgelendirmeli di&#287;eri ise g&#246;lgelendirmesiz iki tasar&#305;m:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/drop-shadow-example-21.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/drop-shadow-example1.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&#350;imdi, bu zekice yap&#305;lm&#305;&#351; bir g&#246;lgelendirme &#246;rne&#287;iydi. &#220;stteki tasar&#305;mda yok, alttakinde var. &#304;lk olarak, reklam&#305;n en &#252;st&#252;ndeki ba&#351;l&#305;&#287;a bak&#305;n. G&#246;lgelendirmenin yaz&#305;y&#305; arkaplandan nas&#305;l da ay&#305;rd&#305;&#287;&#305;n&#305;, &#246;ne &#231;&#305;kmas&#305;n&#305; sa&#287;lad&#305;&#287;&#305;n&#305; fark edin. &#350;imdi d&#246;v&#252;&#351;&#231;&#252;n&#252;n ba&#351;l&#305;&#287;&#305; hafif&#231;e alt&#305;na alan kafas&#305;na bak&#305;n. Her iki durumda da derinli&#287;e yard&#305;mc&#305; olmas&#305; i&#231;in hafif&#231;e, belli belirsiz bir &#351;ekilde g&#246;lgelendirme kullan&#305;ld&#305;. Ayr&#305;ca di&#287;er yaz&#305;larda ve yumru&#287;unun alt&#305;nda da g&#246;rebilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Perspektif&lt;/strong&gt;&lt;br&gt;Perspektif, bir &#231;izim ve d&#252;z bir y&#252;zeydeki b&#246;lgesel ili&#351;kileri kurmak i&#231;in kullan&#305;lan bir teknik olarak tan&#305;mlan&#305;r. Tamam, bu bize pek yarar sa&#287;lamad&#305; de&#287;il mi? &#304;zin verin perspektifi meslekten olmayan biri gibi a&#231;&#305;klayay&#305;m. Temel olarak, bir s&#305;f&#305;r noktas&#305;nda birle&#351;en gittik&#231;e uzakla&#351;an &#231;izgilerdir. Bunun i&#231;in klasik bir &#246;rnekte, ufu&#287;a do&#287;ru ilerleyen bir yol g&#246;r&#252;l&#252;r. Yoldaki &#231;izgiler tek bir noktada birle&#351;ir. Belki bu resim yard&#305;mc&#305; olur:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/road-perspective.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&#304;&#351;te o yolun klasik bir resmi.  Yoldaki &#231;izgiler uza&#287;a ilerlerken, bir noktada birle&#351;iyorlar.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/road-perspective2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;T&#252;m &#231;izgilerin; &#231;imenlerin, &#231;i&#231;eklerin, yoldaki g&#246;lgelerin ve yol &#231;izgilerinin tek bir s&#305;f&#305;r noktas&#305;nda birle&#351;ti&#287;ini fark edin.&lt;/p&gt;


	&lt;p&gt;Bu senaryodaki yol, esasen d&#252;z. &#199;&#252;nk&#252;, &#231;izgileri tek bir s&#305;f&#305;r noktas&#305;nda birle&#351;ebiliyor. Ama bir &#231;ok kenar&#305; olan bir obje (yani d&#252;z olmayan), iki s&#305;f&#305;r noktas&#305;nda birle&#351;ecektir, bir de&#287;il. Bir ba&#351;ka &#246;rne&#287;e g&#246;z atal&#305;m:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/two-vanishing-points2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Penceresi olan k&#252;&#231;&#252;k bir kutu. Her iki taraf&#305;nda nas&#305;l da iki s&#305;f&#305;r noktas&#305; oldu&#287;unu g&#246;rebilirsiniz.&lt;/p&gt;


	&lt;p&gt;&#350;imdi, perspektif bir iki paragrafta &#246;zetlenebilecek bir &#351;ey de&#287;il. Yani bu derste daha fazla detaya giremeyece&#287;iz. Ama s&#246;ylemek zorunday&#305;m ki, perspektif hakk&#305;nda ara&#351;t&#305;rma yap&#305;p kendinizi e&#287;itmenizin zorunlu oldu&#287;u, &#231;ok &#246;nemli bir konu.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Yazar:&lt;/strong&gt; &lt;a href="http://www.gomediazine.com/author/wbeachy/"&gt;Bill&lt;/a&gt;&lt;br&gt;Kaynak: &lt;a href="http://www.gomediazine.com/wp-content/images/2008/07/depth_title_block1.jpg"&gt;GoMediaZine&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;&lt;em&gt;&#199;eviri bana aittir.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-4 "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Fri, 08 Aug 2008 11:00:00 GMT</pubDate>
      <guid isPermaLink="false">159738@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-4</link>
    </item>
    <item>
      <title>850+ &#220;cretsiz Css ve xhtml tema</title>
      <author>thefeti</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bosasalla/t-6089.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;850+ 1,2,3 kolonlu, rengarenk ve ak&#305;&#351;kan &#246;zellikleri ile kaliteli, &lt;a href="http://www.bildirgec.org/etiket/CSS"&gt;CSS&lt;/a&gt; ve &lt;a href="http://www.bildirgec.org/etiket/XHTML"&gt;XHTML&lt;/a&gt; haz&#305;r tema &lt;a href="http://www.bildirgec.org/etiket/&#351;ablon"&gt;&#351;ablon&lt;/a&gt;lar&#305;n&#305;, &#252;cretsiz olarak indirebilece&#287;iniz bir tema galerisi.&lt;/p&gt;


	&lt;p&gt;&#214;rnek:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bosasalla/webdesigntemplate.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bosasalla/total-management.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bosasalla/free-css-lunch.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Temalar&#305; &#246;nizleme yapabilir ve temalar hakk&#305;nda yorumunuzu site &#252;zerinden di&#287;er kullan&#305;c&#305;lar ile payla&#351;abilirsiniz.&#304;sterseniz kendi teman&#305;z&#305; ekleyerek gelecek yorumlar ile tasar&#305;m&#305;n&#305;z hakk&#305;nda bilgi sahibi olabilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://css4free.com/"&gt;Tema galerisine gidin&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/850-ucretsiz-css-ve-xhtml "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 02 Aug 2008 18:47:00 GMT</pubDate>
      <guid isPermaLink="false">158748@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/850-ucretsiz-css-ve-xhtml</link>
    </item>
    <item>
      <title>usta bir tasar&#305;mc&#305; olman&#305;n kurallar&#305; #4</title>
      <author>thefeti</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-kiss-header-2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Bu yaz&#305;y&#305; okumadan &#246;nce usta bir tasar&#305;mc&#305; olman&#305;n &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari"&gt;birinci&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-1"&gt;ikinci &lt;/a&gt;ve &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-2"&gt;&#252;&#231;&#252;nc&#252; &lt;/a&gt;kural&#305;n&#305; okumak isteyebilirsiniz.

	&lt;p&gt;Bu ders, sayfa plan&#305; (layout) ve bo&#351;luk b&#305;rakma (spacing) ilgili. Gen&#231; tasar&#305;mc&#305;lar&#305;n s&#305;k s&#305;k yapt&#305;&#287;&#305;n&#305; g&#246;rd&#252;&#287;&#252;m hatalardan biri de her &#351;eyi birbirine &#231;ok s&#305;k&#305;&#351;&#305;k yerle&#351;tirmeleri. &#199;ok k&#305;st&#305;l&#305; bir alana &#231;ok fazla i&#231;erik yerle&#351;tirmek istiyorlar. Bo&#351;luk sizin dostunuzdur! Bo&#351;luk, sizin i&#231;in bir s&#252;r&#252; &#351;ey yapabilir. Metninizin daha kolay okunmas&#305;n&#305; sa&#287;layabilir. Bo&#351;luk, izleyicinin bitmi&#351; kompozisoynunuzu daha kolay anlamas&#305;n&#305; sa&#287;layabilir. Ve bo&#351;luk ayn&#305; zamanda tasar&#305;m&#305;n&#305;z&#305; zarif g&#246;sterir. &#304;zleyiciye &#351;unu s&#246;ylersiniz: &#8220;o kadar zenginiz ki bu koca posteri, bu tek k&#252;&#231;&#252;k mesaj i&#231;in kullanabiliyoruz.&#8221;&lt;/p&gt;


	&lt;p&gt;Yani, tasar&#305;m&#305;n&#305;z&#305;n sayfa plan&#305; i&#231;in basit bir strateji vard&#305;r. Ve bu strateji &#351;udur: bir sayfa plan&#305;n&#305;z olsun! Demek istedi&#287;im bir sisteminiz olsun. Bu ilk ad&#305;md&#305;r. Amac&#305;n&#305;z b&#252;t&#252;n tasar&#305;m&#305;m tamamen kar&#305;&#351;&#305;k g&#246;r&#252;nmesi de&#287;ilse, bir plana ihtiyac&#305;n&#305;z olacak. Bu genellikle &#305;zgara (grid) ile yap&#305;l&#305;r. Bir &#305;zgara, istedi&#287;iniz her stile d&#246;n&#252;&#351;ebilir. Ama yapmak &#252;zere oldu&#287;unuz &#351;ey i&#231;in temel bir sisteminiz olmas&#305; gerekir. A&#351;a&#287;&#305;da farkl&#305; &#305;zgaralara &#246;rnekler var, b&#246;ylece &#305;zgaran&#305;z&#305;n ne kadar farkl&#305; ve benzersiz olabilece&#287;ini g&#246;rebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-sample-grids.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&#350;imdi, ayn&#305; tasar&#305;m&#305; farkl&#305; &#351;ekillerde g&#246;relim: ikisi &#305;zgarayla biri &#305;zgaras&#305;z haz&#305;rland&#305;. G&#246;rebilece&#287;iniz gibi, her &#305;zgara size bir s&#252;r&#252; plan se&#231;ene&#287;i veriyor. Izgaras&#305;z &#231;al&#305;&#351;mak kaosla sonu&#231;lanabilir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-straight.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-straightfnl.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Bu ilk resimler geleneksel bir &#305;zgaray&#305; ifade ediyor. &#199;izgiler m&#252;kemmel bir &#351;ekilde yatay ve dikey. Belli aral&#305;klarla s&#305;ralanm&#305;&#351;lar.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-diagonal.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-diagonal-fnl.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Bu ikinci &#305;zgara ilkiyle benzer olsa da bir basit de&#287;i&#351;iklik i&#231;eriyor. Yukar&#305;daki logonun e&#287;ikli&#287;i ile uyumlu olmas&#305; i&#231;in dikey &#231;izgileri e&#287;dim. B&#246;yle ufak bir de&#287;i&#351;ikli&#287;in nas&#305;l da harika sonu&#231;lar verdi&#287;ini g&#246;rebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-no-grid.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Bu son &#246;rnekte &#305;zgara yok. Bo&#351;luk b&#305;rakma rastgele yap&#305;ld&#305;. &#350;imdi g&#246;r&#252;ld&#252;&#287;&#252; gibi bunu ne demek istedi&#287;imi g&#246;stermek i&#231;in bilerek da&#287;&#305;tt&#305;m. Bu tasar&#305;mda fazla i&#231;erik yok, yani iyice bozmu&#351; olsam da o kadar da k&#246;t&#252; g&#246;r&#252;nm&#252;yor. Ama ne kadar daha &#231;ok i&#231;eri&#287;iniz olduk&#231;a, sistemli bir &#351;ekilde &#231;al&#305;&#351;mak o kadar &#246;nem kazan&#305;yor.&lt;/p&gt;


	&lt;p&gt;Kendinize &#351;unu sordu&#287;unuzu biliyorum: &#8220;Ger&#231;ekten her tasar&#305;m&#305;n&#305; d&#252;zenlemek i&#231;in &#305;zgara kullan&#305;yor mu?&#8221;. Hay&#305;r kullanm&#305;yorum. Ama &#305;zgarayla &#231;al&#305;&#351;may&#305; anlamak sonu&#231;ta size &#305;zgaras&#305;z &#231;al&#305;&#351;ma imkan&#305;n&#305; sa&#287;layacakt&#305;r. Izgara sadece akl&#305;n&#305;zda olacakt&#305;r. Sayfada oldu&#287;unu g&#246;rebileceksiniz ancak haz&#305;rlamak i&#231;in zaman harcamayacaks&#305;n&#305;z.&lt;/p&gt;


	&lt;p&gt;Peki, &#305;zgara bize ne &#246;&#287;retti?&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&#214;ncelikle &#351;unu &#246;&#287;retti: her&#351;eyi bir d&#252;zene oturtun! A&#231;&#305;k g&#246;r&#252;n&#252;yor de&#287;il mi? Peki, bir kez daha &#8211;bu amat&#246;r birinin s&#305;k s&#305;k unuttu&#287;u o basit kurallardan biri. Tasar&#305;mdaki her bir &#246;&#287;e tek bir &#231;izgide d&#252;zene girmek zorunda de&#287;il ama &#246;&#287;eler bir grup olarak, ayn&#305; &#305;zgara &#231;izgisinde b&#252;t&#252;nlenmi&#351; olarak g&#246;r&#252;nmelidir. D&#252;zenlenmi&#351; olmal&#305;d&#305;r. E&#287;er daha &#246;nce grupland&#305;rman&#305;n Gestalt &#304;lkeleri&#8217;ni incelemediyseniz, &#351;imdi m&#252;kemmel bir zaman! H&#305;zl&#305;ca bir Google aramas&#305; yap&#305;n ve kendinizi bu konseptlere al&#305;&#351;t&#305;r&#305;n. Tasar&#305;m&#305;n&#305;z&#305;n sayfa tasar&#305;m&#305;nda kritik &#246;nem ta&#351;&#305;rlar.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&#214;&#287;eleri d&#252;zenlemeye ek olarak &#246;&#287;eleri belirli aral&#305;klarla yerle&#351;tirmeniz gerekir. E&#287;er bir ana ba&#351;l&#305;&#287;&#305;n alt&#305;nda &#252;&#231; maddeniz varsa, her maddenin aras&#305;ndaki aral&#305;&#287;&#305;n ayn&#305; olmas&#305;n&#305; istersiniz.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;Metninizin etraf&#305;nda yeterince bo&#351;luk b&#305;rakman&#305;z, metni okunur k&#305;lar. A&#351;a&#287;&#305;da iki tasar&#305;m&#305;n &#246;rne&#287;i var. &#304;lkinde kenarlardan ve foto&#287;raflardan uzakta, g&#252;zelce bo&#351;luk b&#305;rak&#305;lm&#305;&#351;. &#304;kincisinde ise kenarlara ve foto&#287;raflara &#231;ok yak&#305;n.&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-goodtext.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-badtext.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Bu s&#305;k&#305;&#351;&#305;k ve okunaks&#305;z g&#246;r&#252;nm&#252;yor mu? Cevap evet . &#304;kinci &#246;rnekte daha b&#252;y&#252;k bir yaz&#305; kullan&#305;lmas&#305;na ra&#287;men s&#305;k&#305;&#351;&#305;k ve okunaks&#305;z g&#246;r&#252;n&#252;yor.&lt;/p&gt;


	&lt;p&gt;Ayr&#305;ca &#8220;&#246;p&#252;c&#252;k&#8221; olarak bilinen &#351;eyden de ka&#231;&#305;nmak isteyebilirsiniz. Hay&#305;r, bu dudaklar&#305; i&#231;ermiyor. Bir &#8220;&#246;p&#252;c&#252;k&#8221;, iki objenin neredeyse birbirine dokunmas&#305; durumuna verilen isimdir. E&#287;er, &#246;rne&#287;in, elinizde bir foto&#287;raf ve metin varsa ve neredeyse birbirine dokunacak gibiyseler. Bu k&#246;t&#252;d&#252;r. Ya onlara yeterli alan verin ya da birbiriyle tam olarak &#252;st &#252;ste sa&#287;lay&#305;n.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-kiss-bad.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Az &#246;nceki bro&#351;&#252;re yak&#305;ndan bir bak&#305;&#351; at&#305;yoruz. Web adresi, arkaplandaki turuncu &#231;izgiye neredeyse dokunmak &#252;zere.

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-kiss-good2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Burada da ayn&#305; tasar&#305;m, web adresi o &#231;izgiden uza&#287;a &#231;ekilmi&#351;. Bu &#231;ok daha iyi.

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/spacing-kiss-good.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Ya da, e&#287;er yere ihtiyac&#305;n&#305;z varsa &#8211;&#252;st &#252;ste gelebilirler. Ama belirli bir miktarda &#252;st &#252;ste geldiklerinden emin olaca&#287;&#305;m. Ayn&#305; zamanda &#8211;web adresi ve arkaplan aras&#305;nda yeterince kontrast oldu&#287;undan emin olmak i&#231;in bir de g&#246;lge ekledim. Bu &#351;ekilde web adresi, sayfadan d&#305;&#351;ar&#305; f&#305;rl&#305;yor.&lt;/p&gt;


	&lt;p&gt;&#350;imdi &#8211;biliyorum ki &#231;o&#287;u tasar&#305;mc&#305;n&#305;n kar&#351;&#305;la&#351;t&#305;&#287;&#305; sorun: 50 sayfal&#305;k i&#231;eri&#287;i tek bir 8.5x11 in&#231;lik bir alana s&#305;&#287;d&#305;rman&#305;z&#305; isteyen m&#252;&#351;teridir. Elinizden gelenin en iyisini yap&#305;p organize bir &#351;ekilde b&#252;t&#252;n bu bilgileri s&#305;&#287;d&#305;rd&#305;ktan sonra m&#252;&#351;teriniz &#351;&#246;yle der: &#8220;Oh! Daha fazla bilgi koyulacak yer var! &#304;&#351;te 10 sayfa daha, s&#305;k&#305;&#351;t&#305;r!&#8221; (bkz. &lt;a href="http://www.bildirgec.org/yazi/tasariminizi-musteriye-sevdirmeniz-icin-13"&gt;Tasar&#305;m&#305;n&#305;z&#305; m&#252;&#351;teriye sevdirmeniz i&#231;in 13 hile&lt;/a&gt;)&lt;/p&gt;


	&lt;p&gt;Ne yapars&#305;n&#305;z? &#199;ok k&#252;&#231;&#252;k bir yer i&#231;in m&#252;&#351;teriniz size s&#252;rekli i&#231;erik veriyorsa? Evet, i&#351;te b&#252;y&#252;k bir problem. Ve bunun kolay bir cevab&#305; olmas&#305; da gerekmez. &#304;lk tavsiyem, m&#252;&#351;terinizi iyi tasar&#305;m ilkeleri hakk&#305;nda e&#287;itmek i&#231;in elinizden geleni yap&#305;n. &#304;zleyicilerinin bu kadar k&#252;&#231;&#252;k bir alana s&#305;k&#305;&#351;t&#305;r&#305;lm&#305;&#351; bir s&#252;r&#252; i&#231;erikten olu&#351;an bir reklama bakmak bile istemeyeceklerini a&#231;&#305;klamaya &#231;al&#305;&#351;&#305;n. E&#287;er m&#252;&#351;teri sizinle uzla&#351;mak istemiyorsa, berbat bir tasar&#305;m yapmaya mahkum kalabilirsiniz. B&#252;t&#252;n bunlar&#305; yapmak zorunda kald&#305;m ben. Ger&#231;ekten can s&#305;k&#305;c&#305;d&#305;r. E&#287;er vaktiniz varsa, temiz olan bir versiyonu haz&#305;rlayabilir ve m&#252;&#351;terinizden arkada&#351;lar&#305;na sormas&#305;n&#305; ve ba&#351;ka g&#246;r&#252;&#351;ler almas&#305;n&#305; rica edebilirsiniz. Maalesef, genelde bu kadar &#231;ok zaman&#305;m&#305;z olmuyor. Yani, tasar&#305;m&#305; matbaac&#305;ya g&#246;t&#252;r&#252;rken kimseye g&#246;r&#252;nmemek i&#231;in elimizden geleni yap&#305;yoruz.&lt;/p&gt;


	&lt;p&gt;Uzak durmam&#305;z gereken bir di&#287;er k&#252;&#231;&#252;k &#351;ey ise optik ill&#252;zyonlard&#305;r. Ha? Optik ill&#252;zyonlar&#305;n bo&#351;luklarla ne gibi bir ilgisi olabilir? Ne kadar &#231;&#305;lg&#305;nca gelse de, objelerin aras&#305;nda bo&#351;luk b&#305;rak&#305;rken optik ill&#252;zyonlara kar&#351;&#305; da dikkatli olmak zorundas&#305;n&#305;z. Bazen, optik ill&#252;zyonlar sayesinde, d&#252;zg&#252;n olarak verilmi&#351; bo&#351;luklar&#305;n&#305;z d&#252;zg&#252;n g&#246;r&#252;nmeyebilir. &#214;rne&#287;in arkaplandaki kavisli bir desen, objeyi yana yat&#305;yor gibi veya merkezden sapm&#305;&#351; gibi g&#246;sterebilir.&lt;/p&gt;


	&lt;p&gt;Peki, optik ill&#252;zyonlardan nas&#305;l ka&#231;&#305;nabiliriz? Basit &#8211;g&#246;zlerinizi kullan&#305;n; nerenin yanl&#305;&#351; oldu&#287;unu g&#246;recek ve d&#252;zeltmek i&#231;in kullanacaks&#305;n&#305;z.&lt;/p&gt;


	&lt;p&gt;Optik ill&#252;zyonlara d&#252;zeltme yapmak genelde, &#8220;en iyi g&#246;r&#252;n&#252;m&#8221; olarak bilinir. Do&#287;ru olmas&#305; gerekmez, ama do&#287;ru g&#246;r&#252;nmesi yeterlidir.&lt;/p&gt;


	&lt;p&gt;Yani, kompozisyonunuza her zaman i&#231;in son bir bak&#305;&#351; at&#305;n ve her &#351;eyin yerli yerinde oldu&#287;undan emin olun.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.gomediazine.com/author/wbeachy/"&gt;bill&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.gomediazine.com/design-tip/rule-four-spacing-is-your-friend/"&gt;kaynak&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-3 "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Mon, 04 Aug 2008 10:21:00 GMT</pubDate>
      <guid isPermaLink="false">158733@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-3</link>
    </item>
    <item>
      <title>usta bir tasar&#305;mc&#305; olman&#305;n kurallar&#305; #2</title>
      <author>thefeti</author>
      <description>&lt;p&gt;&lt;strong&gt;Kural &#304;ki: Renklerini s&#305;n&#305;rla.&lt;/strong&gt;&lt;br&gt;&lt;em&gt;Usta bir tasar&#305;mc&#305; olman&#305;n yedi kural&#305;n&#305;n ikincisidir. &#214;nce &lt;a href="http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari#yorum-175276"&gt;ilk kural&#305;&lt;/a&gt; okumak isteyebilirsiniz.&lt;/em&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/color-tutorial-header.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Yaz&#305; tiplerininizi s&#305;n&#305;rlaman&#305;n son kural&#305;ym&#305;&#351; gibi geliyor kula&#287;a de&#287;il mi? Aynen! Renklerimizi, yaz&#305; tiplerimizle ayn&#305; nedenden s&#305;n&#305;rlamak istiyoruz. Tasar&#305;mda kulland&#305;&#287;&#305;m&#305;z renkleri s&#305;n&#305;rlamak, tasar&#305;m&#305;m&#305;z&#305;n daha tutarl&#305; olmas&#305;n&#305; sa&#287;layacakt&#305;r. Yani, her &#351;ey uyumlu g&#246;r&#252;necektir. Ayn&#305; bir spor tak&#305;m&#305;n&#305;n &#252;niformas&#305; veya bir &#351;irketin markalamas&#305; gibi.&lt;/p&gt;


	&lt;p&gt;Yaz&#305; tipi se&#231;iminde oldu&#287;u gibi, renkleri s&#305;n&#305;rlamak sadece bir rehberdir, kural de&#287;ildir. Tasar&#305;m&#305;n&#305;zda bir hayli g&#246;kku&#351;a&#287;&#305; gibi bir s&#252;r&#252; renk kullanabilirsiniz, ve harika g&#246;r&#252;nebilir. Ama bir renklendirme stratejisiyle ba&#351;lamal&#305; ve buna sonuna kadar uymal&#305;s&#305;n&#305;z. Renklerinizi tasar&#305;m&#305;n&#305;zla uyumlu bir &#351;ekilde kullan&#305;n.&lt;br&gt;Yeni ba&#351;layanlar i&#231;in, &#246;nce renk de&#287;erlerinden bahsedelim. Bir rengin de&#287;eri, rengin ne kadar ayd&#305;nl&#305;k veya ne kadar karanl&#305;k oldu&#287;udur. Bir sar&#305; &#246;rne&#287;in, epeyce ayd&#305;nl&#305;kt&#305;r. Bir mor epeyce karanl&#305;kt&#305;r. Tabii ki, bir rengin de&#287;er yelpazesi vard&#305;r. &#214;rne&#287;in mor, &#231;o&#287;umuzun karanl&#305;kla &#246;zde&#351;le&#351;tirerek d&#252;&#351;&#252;nd&#252;&#287;&#252;, ama ayn&#305; zamanda olduk&#231;a a&#231;&#305;k de&#287;erde bir mor elde edebilece&#287;iniz renktir. A&#351;a&#287;&#305;da renklerin ve onlar&#305;n ilgili de&#287;erlerini g&#246;steren bir &#246;rnek var. Onun yan&#305;nda da tek bir renk i&#231;in renk yelpazesini g&#246;rebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/color-tutorial-values.jpg' alt="renk / de&#287;er / de&#287;er yelpazesi" border="0"&gt;&lt;br&gt;renk / de&#287;er / de&#287;er yelpazesi&lt;/div&gt;    

	&lt;p&gt;Renk plan&#305;m&#305; se&#231;erken uygulad&#305;&#287;&#305;m bir kural: renk plan&#305;n&#305;zda mutlaka renklerin de&#287;er yelpazesi oldu&#287;undan emin olun. Her tasar&#305;mda, kontrast&#305; &#252;retmek i&#231;in biraz a&#231;&#305;k renge ve biraz karanl&#305;k renge ihtiyac&#305;n&#305;z olacak. &#214;rne&#287;in, tasar&#305;m&#305;n&#305;z&#305;n arkaplan&#305; karanl&#305;k ise bir de a&#231;&#305;k renge ihtiyac&#305;n&#305;z olacak ki metin rahat&#231;a okunabilsin. Ya da tam tersi, a&#231;&#305;k renk bir arkaplan&#305;n&#305;z varsa metninizin okunabilmesi i&#231;in a&#231;&#305;k bir renk gerekli olacak.&lt;/p&gt;


	&lt;p&gt;Ayr&#305;ca genellikle renk plan&#305;m&#305; se&#231;erken 2 ila 5 renk se&#231;erim. Se&#231;enek say&#305;s&#305;n&#305; artt&#305;r&#305;n ve tasar&#305;mda iyi sonu&#231;lar elde edeceksiniz. A&#351;a&#287;&#305;da bir araya getirdi&#287;im bir renk plan&#305;n&#305;n &#246;rne&#287;i var.&lt;/p&gt;


	&lt;p&gt;G&#246;rebilece&#287;iniz gibi bir karanl&#305;k renk, bir orta de&#287;erli renk ve bir de a&#231;&#305;k renk se&#231;tim. Sa&#287;a do&#287;ru ise her se&#231;ti&#287;im renk i&#231;in bir de&#287;er yelpazesi haz&#305;rlad&#305;m. Projemde palet niyetine kullanaca&#287;&#305;m renkler, bu koleksiyondaki renkler olacak. Bir kere paletim haz&#305;r oldu&#287;unda, sadece bu paletteki renkleri kullanmak i&#231;in elimden gelenin en iyisini yapmaya &#231;al&#305;&#351;aca&#287;&#305;m.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/color-tutorial-sample.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Tamam, &#351;imdi ka&#231; tane renk se&#231;ece&#287;imiz ve hangi de&#287;erlerde olmalar&#305; gerekiyor gibi teknik renk se&#231;imi i&#351;lemlerini halletti&#287;imize g&#246;re, s&#305;rada ne var? S&#305;rada ne olaca&#287;&#305;n&#305; s&#246;yleyeyim, en zor k&#305;s&#305;m; o 2 ila 5 rengin hangileri olmas&#305; gerekti&#287;ine karar vermek! &#350;ahsen bunu zaman zaman zor bir i&#351; olarak g&#246;r&#252;yorum. A&#351;a&#287;&#305;da renk plan&#305;m&#305; yaparken ald&#305;&#287;&#305;m yard&#305;mlar ve teknikler var:&lt;/p&gt;


	&lt;p&gt;S&#305;cakl&#305;k yelpazesine uyun. Ya t&#252;m s&#305;cak renkleri ya da t&#252;m so&#287;uk renkleri se&#231;in. S&#305;cak renkler k&#305;rm&#305;z&#305;lar, turuncular, sar&#305;lar, kahverengiler vb. So&#287;uk renkler ise maviler ve morlard&#305;r. Ben &#351;ahsen, ye&#351;illeri ise n&#246;tr olarak g&#246;rmekteyim. E&#287;er t&#252;m renklerinizi bir s&#305;cakl&#305;k aral&#305;&#287;&#305;nda se&#231;erseniz, b&#252;y&#252;k ihtimalle uyumlu olacaklard&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&#304;lham almak i&#231;in www.colorlovers.com gibi bir siteyi kullan&#305;n.&lt;/strong&gt; Bu m&#252;kemmel sitenin t&#252;m olay&#305; renk planlar&#305;yla ilgili. Sayfa sayfa renk planlar&#305; bulabilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Bir g&#246;z&#252;n&#252;z etrafta olsun.&lt;/strong&gt; Her taraf&#305;n&#305;zda renk planlar&#305; vard&#305;r. Markette torban&#305;za bak&#305;n, Starbucks&#8217;taki tablodaki renklere bak&#305;n, Do&#287;a Ana&#8217;ya bak&#305;n! Ho&#351;unuza giden bir renk dizisi g&#246;rd&#252;&#287;&#252;n&#252;z zaman, not al&#305;n ve bilgisayar&#305;n&#305;zda bunu tekrarlay&#305;p tekrarlayamayaca&#287;&#305;n&#305;za bir bak&#305;n.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Var olan &#351;irket renklerine dikkat edin.&lt;/strong&gt; S&#305;k s&#305;k, baz&#305; markalar&#305;n renklerinden yararlan&#305;yorum. Logolar&#305;na ve renk yelpazesine bak&#305;yorum daha sonra bunu ba&#351;lang&#305;&#231; noktam olarak al&#305;yorum. Daha sonra belki bir veya iki renk ekleyebiliyorum.&lt;/p&gt;


	&lt;p&gt;A&#351;a&#287;&#305;da olduk&#231;a k&#305;s&#305;tl&#305; renk yelpazesi kullanarak haz&#305;rlad&#305;&#287;&#305;m bitmi&#351; bir tasar&#305;m var.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/color-tutorial-gift-2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;G&#246;rd&#252;&#287;&#252;n&#252;z gibi, k&#305;s&#305;tl&#305; renk yelpazesi ve yaz&#305; tiplerimi s&#305;n&#305;rlamak her &#351;eyi bir arada, d&#252;zenli g&#246;steriyor.&lt;/p&gt;


	&lt;p&gt;Bu derslerin basit oldu&#287;unu biliyorum&#8230; ama bunlar tasar&#305;m&#305;n esaslar&#305;d&#305;r. Yani, bilgileri biraz tazelemek kimseyi &#246;ld&#252;rmez. Be&#351; kural daha kald&#305;. Geri kalan be&#351; kural&#305;n daha enteresan olaca&#287;&#305;na s&#246;z veriyorum. Zaman ay&#305;rd&#305;&#287;&#305;n&#305;z i&#231;in te&#351;ekk&#252;r ederim!&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.gomediazine.com/author/wbeachy/"&gt;Bill&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.gomediazine.com/design-tip/becoming-a-master-designer-rule-two-limit-your-colors/"&gt;kaynak&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;&lt;em&gt;Taraf&#305;mdan &#231;evirilmi&#351;tir, yaz&#305; bana ait de&#287;ildir.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-1 "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Tue, 29 Jul 2008 16:08:00 GMT</pubDate>
      <guid isPermaLink="false">157635@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari-1</link>
    </item>
    <item>
      <title>usta bir tasar&#305;mc&#305; olman&#305;n kurallar&#305; #1</title>
      <author>thefeti</author>
      <description>&lt;p&gt;&lt;strong&gt;1- Kulland&#305;&#287;&#305;n&#305;z Yaz&#305; Tiplerini S&#305;n&#305;rlay&#305;n&lt;/strong&gt;&lt;br&gt;Tamam, &#8220;usta tasar&#305;mc&#305;&#8221; laf&#305; biraz zorlama olabilir. Ama en az&#305;ndan bu yedi kural&#305; takip ederek &#8220;uzman tasar&#305;mc&#305;&#8221; olabilirsiniz. Bu, nas&#305;l daha iyi bir tasar&#305;mc&#305; olabilece&#287;iniz hakk&#305;nda okudu&#287;unuz blog yaz&#305;lar&#305;n&#305;n en k&#305;sas&#305; ve en bilgilendiricisi olacakt&#305;r. L&#252;tfen akl&#305;n&#305;zda bulundurun: bu kurallar KIRILAB&#304;L&#304;R... &#231;&#252;nk&#252; yasa de&#287;iller, sadece benim bir tasar&#305;m&#305; bir araya getirirken uygulad&#305;&#287;&#305;m genel kurallard&#305;r.&lt;/p&gt;


	&lt;p&gt;A&#351;a&#287;&#305;daki kurallar&#305; izledi&#287;inizde sanatsal m&#252;kemmelli&#287;e giden yoldas&#305;n&#305;z demektir:&lt;br&gt;Kural Bir: Yaz&#305; tiplerini s&#305;n&#305;rlay&#305;n. &#304;yi bir tasar&#305;m&#305; bir araya getirmenin b&#252;y&#252;k bir k&#305;sm&#305;, g&#246;rd&#252;&#287;&#252;n&#252;z gibi, g&#246;r&#252;n&#252;&#351;&#252;n birbiriyle tutarl&#305; olmas&#305;d&#305;r. Tutarl&#305; bir g&#246;r&#252;n&#252;m&#252; elde etmenin en iyi yolu tasar&#305;m&#305;n&#305; kulland&#305;&#287;&#305;n&#305;z bir ka&#231; motifle (temalar) s&#305;n&#305;rlaman&#305;zd&#305;r. Se&#231;ti&#287;iniz yaz&#305; tipleri s&#305;n&#305;rlamak isteyece&#287;iniz ilk de&#287;i&#351;kendir. Ben genellikle tasar&#305;m ba&#351;&#305;na 2 yaz&#305; tipi se&#231;erim.&lt;/p&gt;


	&lt;p&gt;&#304;lk yaz&#305; tipi s&#252;sl&#252; veya sanatsal olabilir. Bu yaz&#305; tipi tasar&#305;m&#305;n&#305;za biraz karakter, ki&#351;ilik ve kabiliyet kazand&#305;rmak i&#231;in kullan&#305;l&#305;r. Tasar&#305;m&#305;n ruh halini belirleyen bu yaz&#305; tipidir. Bir k&#305;z&#305;n partisi i&#231;in f&#305;r&#305;l f&#305;r&#305;l d&#246;nen e&#287;lencelik bir yaz&#305; tipi mi, yoksa bir rock grubu i&#231;in k&#246;t&#252;l&#252;k dolu karanl&#305;k bir yaz&#305; tipi mi? Bu s&#252;sl&#252; yaz&#305; tipini &#252;st k&#305;s&#305;m i&#231;in kullan&#305;rd&#305;m &#8211;b&#252;y&#252;k olan herhangi bir yere, bu yaz&#305; tipini kullan&#305;r&#305;m. S&#252;sl&#252; yaz&#305; tipi, tasar&#305;m&#305;n odak noktas&#305; olacakt&#305;r. Genellikle bu yaz&#305; tipini az yerde kullan&#305;rs&#305;n&#305;z ama daha b&#252;y&#252;k olaca&#287;&#305;ndan insanlar&#305;n odaklanaca&#287;&#305; ve ilk g&#246;rece&#287;i &#351;ey bu olacakt&#305;r.&lt;/p&gt;


	&lt;p&gt;&#304;kinci yaz&#305; tipi &#231;ok basit olmal&#305;d&#305;r. Bu ikincil yaz&#305; tipini izleyici fark etmemelidir bile. Bu ikinci yaz&#305; tipi, &#231;ok kolayca okunabilir olmal&#305;d&#305;r. Tasar&#305;mda yayg&#305;n olan metinlerde kullan&#305;lacak genel yaz&#305; tipi bu olacakt&#305;r. A&#231;&#305;k&#231;a, yayg&#305;n metinlerde artsitik yaz&#305; tiplerini okumak &#231;ok zor olaca&#287;&#305;ndan bu ikinci yaz&#305; tipinin amac&#305;, sadece i&#351;levsellikten ibaret olmal&#305;d&#305;r.&lt;/p&gt;


	&lt;p&gt;&#304;&#351;te bir tasar&#305;mda kullan&#305;lan uygun yaz&#305; tiplerine &#246;rnek. G&#246;rd&#252;&#287;&#252;n&#252;z gibi, burada sadece iki yaz&#305; tipi kullan&#305;ld&#305;. S&#252;sl&#252; yaz&#305; tipi, &#252;st k&#305;s&#305;m i&#231;in ve basit yaz&#305; tipi de genel metin i&#231;in. Temiz ve tutarl&#305; g&#246;r&#252;n&#252;yor.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/good-font-use.jpg' alt="solda: " border="0"&gt;&lt;br&gt;solda: "basit yaz&#305; tipi" / sa&#287;da: "s&#252;sl&#252; yaz&#305; tipi"&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Burada da yaz&#305; tiplerinin k&#246;t&#252; kullan&#305;m&#305; s&#246;z konusu. Bu durumda, bir &#231;ok s&#252;sl&#252; yaz&#305; tipip kulland&#305;m. Sadece tasar&#305;m&#305; tutars&#305;z g&#246;steriyor. Alt k&#305;s&#305;m, ana ba&#351;l&#305;kla uyu&#351;muyor bile.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/bad-font-use.jpg' alt="solda: " border="0"&gt;&lt;br&gt;solda: "basit yaz&#305; tipi" / sa&#287;da: "&#231;ok fazla s&#252;sl&#252; yaz&#305; tipi"&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Bir tasar&#305;mda &#231;ok fazla yaz&#305; tipi kullanmak en b&#252;y&#252;k hatad&#305;r. Bro&#351;&#252;r&#252;nde 8 farkl&#305; yaz&#305; tipi kullanan birinden daha k&#246;t&#252; g&#246;r&#252;nen bir &#351;ey yoktur. Daha da k&#246;t&#252;s&#252; genel metinleriniz i&#231;in &#231;ok s&#252;sl&#252; bir yaz&#305; tipi kullanman&#305;zd&#305;r. &#304;&#351;te yaz&#305; tiplerinin en k&#246;t&#252; nas&#305;l kullan&#305;labilece&#287;ine dair bir &#246;rnek:&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/terrible-font-use.jpg' alt="solda: " border="0"&gt;&lt;br&gt;solda: "yaz&#305; tipleri genel metin i&#231;in fazla s&#252;sl&#252;" / sa&#287;da: "&#231;ok fazla s&#252;sl&#252; yaz&#305; tipi"&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Sizi g&#246;ndermeden &#246;nce son bir d&#252;&#351;&#252;nce. E&#287;er s&#252;sl&#252; yaz&#305; tipiniz modern veya &#231;a&#287;da&#351; g&#246;r&#252;n&#252;yorsa, o halde basit yaz&#305; tipiniz bir &lt;a href="http://en.wikipedia.org/wiki/Sans-serif"&gt;sans-serif&lt;/a&gt; yaz&#305; tipi olmal&#305;d&#305;r. E&#287;er s&#252;sl&#252; yaz&#305; tipiniz eski moda g&#246;r&#252;n&#252;yorsa, o zaman ikincil yaz&#305; tipi olarak &lt;a href="http://en.wikipedia.org/wiki/Serif"&gt;serif&lt;/a&gt; kullan&#305;n.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Yazar:&lt;/strong&gt; &lt;a href="http://www.gomediazine.com/author/wbeachy/"&gt;Bill&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.gomediazine.com/design-tip/rule-one-limit-your-fonts/"&gt;kaynak&lt;/a&gt;&lt;br&gt;&lt;strong&gt;Not:&lt;/strong&gt; &lt;em&gt;Yazar bu yaz&#305;y&#305; okuyucunun ilgisini &#231;ekecek mi diye yazm&#305;&#351;, ben de ayn&#305; ama&#231;la &#231;evirdim. e&#287;er ilginizi &#231;ekerse bu hen&#252;z tamamlanmam&#305;&#351; yaz&#305; dizisinin devam&#305; olan ve bu yaz&#305;dan &#231;ok daha detayl&#305; olan; "Tasar&#305;m&#305;n&#305;za Derinlik Kat&#305;n", "Renklerinizi S&#305;n&#305;rlay&#305;n" ve "Kontrast, Kontrast, Kontrast" yaz&#305;lar&#305;n&#305; &#231;evirebilirim. &#350;u anda 7 b&#246;l&#252;ml&#252;k yaz&#305; dizisinin 5'i yaz&#305;lm&#305;&#351; durumda. Her hafta yenisi yaz&#305;l&#305;yor.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sun, 27 Jul 2008 18:48:00 GMT</pubDate>
      <guid isPermaLink="false">157146@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/usta-bir-tasarimci-olmanin-kurallari</link>
    </item>
    <item>
      <title>130 vekt&#246;r Logo - &#304;&#351;aretler ve Notlar</title>
      <author>thefeti</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/all-sign-in-one-sheet.jpg' alt="All Sign In One Sheet [ Vector ] " border="0"&gt;&lt;br&gt;All Sign In One Sheet [ Vector ] &lt;/div&gt;

	&lt;p&gt;130 adet, ai ve eps formatlar&#305;na sahip, i&#351;aretler ve notlardan olu&#351;an &#351;ekillerin bulundu&#287;u, vekt&#246;r logolar.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/iconos.jpg' alt="Vekt&#246;r Logolar" border="0"&gt;&lt;br&gt;Vekt&#246;r Logolar&lt;/div&gt;

	&lt;p&gt;&lt;a href="http://maromedia.blogspot.com/"&gt;MAROMEDIA blog&lt;/a&gt; taraf&#305;ndan da&#287;&#305;t&#305;lan logolar&#305; indirmek i&#231;in &lt;a href="http://maromedia.blogspot.com/2008/06/all-sign-in-one-sheet-vector.html"&gt;bu sayfa&lt;/a&gt;y&#305; ziyaret edebilirsiniz.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/130-vektor-logo-isaretler-ve "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 26 Jul 2008 20:59:00 GMT</pubDate>
      <guid isPermaLink="false">157017@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/130-vektor-logo-isaretler-ve</link>
    </item>
    <item>
      <title>tasar&#305;mda m&#252;&#351;terinin anlayaca&#287;&#305; dilden konu&#351;man&#305;n s&#305;rlar&#305;</title>
      <author>thefeti</author>
      <description>&lt;p&gt;&lt;em&gt;smashing magazine'de yaz&#305;lan bir makalede, tasar&#305;m yaparken verdi&#287;iniz kararlar&#305; m&#252;&#351;terinize nas&#305;l a&#231;&#305;klayaca&#287;&#305;n&#305;z, onun bu kararlar&#305; nas&#305;l anlamas&#305;n&#305; sa&#287;layaca&#287;&#305;n&#305;z ve sizin de nas&#305;l davranman&#305;z gerekti&#287;ini anlatm&#305;&#351;lar. k&#305;saca &#246;zetlemeye &#231;al&#305;&#351;&#305;yorum. bu m&#252;kemmel yaz&#305; brian d. armstrong'a aittir. ben sadece &#231;evirdim.&lt;/em&gt;&lt;/p&gt;


	&lt;p&gt;Baz&#305; pazarlama ve i&#351; &#231;evrelerinde tasar&#305;m d&#252;nyas&#305;na kar&#351;&#305; bir "ters tepki" oldu&#287;unu fark etmi&#351;sinizdir. &#304;lgi &#231;ekici, kullan&#305;c&#305; dostu ve g&#252;zel tasar&#305;mlar&#305;n kabul g&#246;rmedi&#287;i, hatta kimi zaman ilgi &#231;ekici olmayan ve k&#246;t&#252; tasar&#305;mlar&#305;n kabul g&#246;rd&#252;&#287;&#252; bilinmektedir. &#199;evrenizde &#351;unun gibi fikirlerin havada u&#231;u&#351;tu&#287;una &#351;ahit olmu&#351;sunuzdur, "tasar&#305;m zaman kayb&#305;d&#305;r - rakiplerimizden 3 kat daha &#231;ok satmam&#305;z&#305; sa&#287;layan &#231;irkin bir sitemiz var" veya "tasar&#305;m konusunda endi&#351;eli de&#287;iliz, &#252;cretsiz bir wordpress temas&#305; kullan&#305;r ve b&#246;ylece &#252;r&#252;ne daha &#231;ok odaklan&#305;r&#305;z".&lt;/p&gt;


	&lt;p&gt;&#231;irkin web siteleriyle ilgili gurur duyduklar&#305;n&#305; bile sezebilirsiniz, ya da tasar&#305;ma &#246;nemsiz bir &#351;ey gibi davrand&#305;klar&#305;n&#305;. yani tasar&#305;mc&#305;lara bir sayg&#305; eksikli&#287;i oldu&#287;u bir ger&#231;ek. bu bariyeri nas&#305;l k&#305;raca&#287;&#305;n&#305;z ve i&#351; insanlar&#305;yla anlad&#305;klar&#305; dilden nas&#305;l kon&#351;aca&#287;&#305;n&#305;z hakk&#305;nda bilgi vermek istiyorum.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1. g&#252;zel demek etkili demek de&#287;ildir: istatikler sizin dostunuzdur!&lt;/strong&gt;&lt;br&gt;tasar&#305;mc&#305;lar portfolyolar&#305;yla hava atmaya bay&#305;l&#305;r. tamam bu &#231;ok sars&#305;c&#305; g&#246;r&#252;lebilir ama i&#351; insanlar&#305; rakamlar g&#246;rmek ister. Sitedeki ortalama zaman ne kadar? Ana sayfadan en &#231;ok t&#305;klanan ba&#287;lant&#305; hangisiydi? Conversion rate'ler, bounce rate'ler?&lt;/p&gt;


	&lt;p&gt;bir i&#351; insan&#305; i&#231;in "g&#252;zel" veya "&#231;arp&#305;c&#305; g&#246;rsellik" sadece ilk ad&#305;md&#305;r. ger&#231;ekten &#246;&#287;renmek istedikleri "g&#252;zel" veya "&#231;arp&#305;c&#305; g&#246;rsellik"in daha &#231;ok sat&#305;&#351; rakam&#305;na d&#246;n&#252;&#351;&#252;p d&#246;n&#252;&#351;meyece&#287;idir. b&#252;y&#252;k ihtimalle, buradaki en b&#252;y&#252;k su&#231;lu klasik, g&#252;ncellemesi ve kullan&#305;lmas&#305; imkans&#305;z, "tamamen flash" sitelerdir. her &#351;eyin bir zarar/k&#226;r &#231;&#305;kar&#305; olmal&#305;d&#305;r ve bu tasar&#305;m&#305; da i&#231;ine al&#305;r.&lt;/p&gt;


	&lt;p&gt;bir saniye durup &#351;u iki siteyi kar&#351;&#305;la&#351;t&#305;r&#305;n. ilki &lt;a href="http://www.2advanced.com/"&gt;2Advance Studios&lt;/a&gt;'tan ve ho&#351; bir animasyon i&#231;eriyor.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/2advanced.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;ikincisi ise google adwords'le ilgili kitap satan &lt;a href="http://www.perrymarshall.com/google/index.htm"&gt;perry marshall&lt;/a&gt;'la ilgili.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/perry.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;daha &#231;irkin olmas&#305;na kar&#351;&#305;n, perry'nin sitesi a&#231;&#305;k&#231;a daha &#231;ok m&#252;&#351;teri &#231;ekmede daha ba&#351;ar&#305;l&#305;. di&#287;er alanlarda ba&#351;ar&#305;l&#305; olmayabilir ancak her &#351;ey sitenin amac&#305;n&#305;n ne oldu&#287;una ba&#287;l&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;2. her tasar&#305;m&#305;n &#246;l&#231;&#252;lebilir bir amac&#305; olmal&#305;d&#305;r&lt;/strong&gt;&lt;br&gt;amac&#305;n "xyz markas&#305;n&#305; olu&#351;turmak" veya "internette var olmak" gibi &#351;eyler s&#246;ylemek i&#351; kafa yap&#305;s&#305;na sahip birisi i&#231;in anlams&#305;zd&#305;r. ama&#231;, yaln&#305;zca &#246;l&#231;&#252;lebiliyorsa ama&#231;t&#305;r.&lt;/p&gt;


	&lt;p&gt;&#246;l&#231;&#252;lebilir bir amaca verilebilecek g&#252;zel &#246;rnekler nelerdir? &#246;nc&#252;l&#252;k olu&#351;turmak, sat&#305;&#351; yapmak, yap&#305;lan telefon g&#246;r&#252;&#351;melerinin say&#305;s&#305;, haber grubuna &#252;ye say&#305;s&#305;, aboneler, gelen ba&#287;lant&#305;lar, PageRank vb... onlara "bu &#252;yelik formunun g&#252;zel g&#246;r&#252;nt&#252;s&#252; daha &#231;ok kullan&#305;c&#305; &#231;ekecektir" demek yerine "ge&#231;en tasar&#305;m &#231;&#246;z&#252;m&#252;nde g&#246;zle g&#246;r&#252;l&#252;r bir %35'lik art&#305;&#351; oldu" gibi a&#231;&#305;klamalar yap&#305;n.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/yahoo.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;bir i&#351; insan&#305;na "bu tasar&#305;m&#305; ikiye b&#246;lerek test ettik, A &#231;evrimi %21 abone sa&#287;lerken, b &#231;evrimi %38 sa&#287;lad&#305;, ve bu iki veri aras&#305;ndaki zaman fark&#305; son derece az" deyin. &#351;imdi onlar&#305;n dilinde konu&#351;uyorsunuz i&#351;te!&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;3. sitenizin tek bir kesin yolu olmal&#305;d&#305;r&lt;/strong&gt;&lt;br&gt;m&#252;&#351;teri sitenize girdi&#287;inde g&#246;rd&#252;kleri her &#351;eyin kontrol&#252; sizin elinizde olmal&#305;d&#305;r. g&#246;rd&#252;kleri ilk &#351;eyin, ikinci, &#252;&#231;&#252;nc&#252; ve amac&#305;n&#305;za ula&#351;ana kadarki her &#351;eyin kontrol&#252;n&#252; elinizde tutmal&#305;s&#305;n&#305;z. ba&#351;ka bir deyi&#351;le, sitenize giren biri bir bacaya veya &#351;elaleye girmi&#351; gibi olmal&#305;d&#305;r.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/tracking.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;insanlar bir &#351;eyi anlamak i&#231;in fazla d&#252;&#351;&#252;nmeyi sevmezler. kullan&#305;c&#305;lar kendilerine iyi bir &#351;ekilde sunulmu&#351; ilk olas&#305; &#231;&#246;z&#252;mle tatmin olurlar. her &#351;ey sizin kontrol&#252;n&#252;zde olmal&#305;, sitenizi bir se&#231;enekler labirenti yerine bir s&#252;re&#231; olarak d&#252;&#351;&#252;nmeye ba&#351;lad&#305;&#287;&#305;n&#305;zda mucizevi &#351;eyler olacakt&#305;r.&lt;/p&gt;


	&lt;p&gt;l&#252;tfen, &#351;u &lt;a href="http://www.uniqueblogdesigns.com/"&gt;siteye&lt;/a&gt; bir g&#246;z at&#305;n. ger&#231;ekten, gidin ve bir bak&#305;n, sonra geri gelin. ben burada beklerim.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/unique.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;peki, bakt&#305;n&#305;z de&#287;il mi? &#351;imdi sayfaya girdi&#287;inizde bak&#305;&#351;lar&#305;n&#305;z&#305;n nereye y&#246;neldi&#287;i hakk&#305;nda bir yorum yapmama izin verin. &#246;ncelikle sitenin en &#252;st&#252;nde solda olan site ismi ve logoya bakt&#305;n&#305;z, daha sonra telefon numaras&#305;na h&#305;zl&#305; bir bak&#305;&#351; att&#305;n&#305;z ve sadece bir an i&#231;in ana ba&#351;l&#305;&#287;a y&#246;neldiniz, "Successfull blog starts with.../ba&#351;ar&#305;l&#305; bir blog'un s&#305;rr&#305;...". Son olarak, portfolio'ya kayd&#305;n&#305;z ve iki yan ba&#351;l&#305;&#287;&#305; okudunuz, "get started now/hemen ba&#351;lay&#305;n" ve "learn to market your blog/blogunuzu pazarlamay&#305; &#246;&#287;renin". Yakla&#351;t&#305;m m&#305;?&lt;/p&gt;


	&lt;p&gt;Kendi sitenize 2-3 metre uzaktan bak&#305;n. ekranda ne &#246;ne &#231;&#305;k&#305;yor? i&#351;te insanlar&#305;n g&#246;zlerinin nerelere kayaca&#287;&#305;n&#305; anlaman&#305;za yard&#305;mc&#305; olacak, kontrastla, negatif alanla ve benzeri &#351;eylerle &#246;ne &#231;&#305;kabilecek &#246;&#287;eler.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;4. askeri isvi&#231;re &#231;ak&#305;s&#305;n&#305; hat&#305;rlay&#305;n&lt;/strong&gt;&lt;br&gt;hayat&#305;mda duydu&#287;um en iyi tasar&#305;m &#246;rneklemelerinden biri Google'dan Marissa Mayer taraf&#305;ndan s&#246;ylendi. Google'&#305;n bir askeri isvi&#231;re &#231;ak&#305;s&#305; gibi d&#252;&#351;&#252;nmeye &#231;al&#305;&#351;t&#305;&#287;&#305;n&#305; s&#246;yledi. i&#231;inde onlarca &#246;zellik bar&#305;nd&#305;r&#305;r, ancak hepsini bir kerede g&#246;remezsiniz. siteye ilk defa giren bir kullan&#305;c&#305; sadece ana b&#305;&#231;a&#287;&#305; a&#231;&#305;k g&#246;r&#252;r. bu &#351;eyin ne oldu&#287;u an&#305;nda bellidir: bir b&#305;&#231;ak. ama deneyimli kullan&#305;c&#305;lar i&#231;in, ufak bir t&#305;rnak g&#246;r&#252;n&#252;rd&#252;r ve yava&#351; yava&#351; ihtiya&#231;lar&#305; olduk&#231;a o &#246;zellikleri de &#231;&#305;karabilirler.&lt;/p&gt;


	&lt;p&gt;bir &#231;ok insan&#305;n sitesi b&#252;t&#252;n &#246;zellikleri a&#231;&#305;lm&#305;&#351;, her lanet &#246;zellik d&#305;&#351;ar&#305;da duran bir isvi&#231;re &#231;ak&#305;s&#305; gibidir. "bu lanet site ne i&#351;e yar&#305;yor?", ilk defa giren bir kullan&#305;c&#305; b&#246;yle der. ve i&#351;te bu kadar basit bir &#351;ekilde onlar&#305; kaybedersiniz. google'daki bir sonraki sonuca bakacaklard&#305;r.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/swiss-army-knife.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;siteyi kesin bir ama&#231; ve yolunuzdan &#351;a&#351;madan basit bir formda tutun. sayfadaki ekstra &#351;eyler kafa kar&#305;&#351;&#305;kl&#305;&#287;&#305;na ve y&#305;k&#305;ma yol a&#231;ar. sayfadaki gereksiz &#351;eyleri elemede ac&#305;mas&#305;z olun.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;5. performans grafikleri sa&#287;lay&#305;n&lt;/strong&gt;&lt;br&gt;son olarak, e&#287;er i&#351; insan&#305;n&#305; ger&#231;ekten etkilemek istiyorsan&#305;z, bir tasar&#305;m&#305;n nas&#305;l i&#351;leyece&#287;ini g&#246;stermek i&#231;in k&#252;&#231;&#252;k bir rapor bir araya getirin. &#231;ok g&#252;zel g&#246;r&#252;nmek zorunda de&#287;il, hatta belki biraz kutu&#231;izim (spreadsheet) g&#246;r&#252;n&#252;ml&#252; bile olabilir (&#351;u i&#351; insanlar&#305; Excel'i &#231;ok seviyorlar). i&#231;eri&#287;inde google analytics'le kolayca elde edebilece&#287;iniz bir ka&#231; veri olsun.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/quant.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;b&#246;yle bir &#351;eye ufak bir &#231;aba sarf ederek olu&#351;turmak, sizi d&#305;&#351;ar&#305;da s&#252;r&#252;yle dola&#351;an ve b&#246;yle bir &#351;eyi asla ak&#305;l edemeyecek tasar&#305;mc&#305;lardan an&#305;nda &#246;ne &#231;&#305;karacakt&#305;r. M&#252;&#351;teriniz her kimse b&#252;y&#252;k ihtimalle i&#351; arkada&#351;&#305;na &#351;&#246;yle bir &#351;ey s&#246;yler, "i&#351;i anlam&#305;&#351;lar, sadece tasar&#305;m&#305; de&#287;il, bizim bunun arkas&#305;nda yatan amac&#305;m&#305;z&#305; da biliyorlar, bunu ger&#231;ekten &#231;ok sevdim". ve boom, bir di&#287;er a&#351;amaya y&#252;kselmeniz i&#231;in tavsiye edileceksinizdir.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;sonu&#231;&lt;/strong&gt;&lt;br&gt;bu makale baz&#305; tasar&#305;mc&#305;lar&#305; g&#252;cendirebilir. bunun konu d&#305;&#351;&#305; oldu&#287;unu, sizi ilgilendirmedi&#287;ini veya iyi bir tasar&#305;ma zarar verdi&#287;ini d&#252;&#351;&#252;nebilirsiniz. sorun de&#287;il. i&#351;inize yarayan&#305; al&#305;n ve gerisini b&#305;rak&#305;n.&lt;/p&gt;


	&lt;p&gt;m&#252;&#351;terinin anlayabilece&#287;i dilden konu&#351;mak b&#252;t&#252;n i&#351;lerde iyi ileti&#351;imin anahtar&#305;d&#305;r. bir i&#351;te uzman oldu&#287;unuz zaman, d&#252;nyan&#305;n geri kalan&#305;n&#305;n sizin gibi d&#252;&#351;&#252;nmedi&#287;ini unutmak &#231;ok kolayd&#305;r.&lt;/p&gt;


	&lt;p&gt;&#246;rne&#287;in doktorlar&#305; ele al&#305;n. e&#287;er bir grubunu bir arada g&#246;r&#252;rseniz, o kadar &#231;ok e&#287;itimden ge&#231;mi&#351; ve bir s&#252;r&#252; bilim &#351;eyi &#246;&#287;renmi&#351; olduklar&#305; i&#231;in sanki tamamen farkl&#305; bir dilde konu&#351;uyorlarm&#305;&#351; gibi gelecektir. ama hastan&#305;n sorununu anlatma ve onda neyin yanl&#305;&#351; oldu&#287;unu a&#231;&#305;klama zaman&#305; geldi&#287;inde, birden vites de&#287;i&#351;tirir ve hastan&#305;n anlayaca&#287;&#305; dilden konu&#351;urlar.&lt;/p&gt;


	&lt;p&gt;harika bir tasar&#305;mc&#305; olarak, siz de ayn&#305; &#351;eyi yapabilir ve m&#252;&#351;terilerinize de&#287;er vermede daha etkili olabilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Brian Armstrong&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;yazar hakk&#305;nda&lt;/strong&gt;&lt;br&gt;Brian Armstrong, ayn&#305; zamanda tasar&#305;m konusunda &#231;al&#305;&#351;malar yapmay&#305; seven bir giri&#351;imci. UI tasar&#305;m&#305;, web &#351;irketleri yapmak, kendinizle &#231;al&#305;&#351;mak i&#231;in 9'dan 5'e kadar olan i&#351;inizi nas&#305;l b&#305;rak&#305;rs&#305;n&#305;z gibi &lt;a href="http://www.startbreakingfree.com/"&gt;yaz&#305;lar&#305; var&lt;/a&gt;.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.smashingmagazine.com/2008/07/22/how-to-communicate-design-decisions-to-clients/"&gt;kaynak&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/tasarimda-musterinin-anlayacagi-dilden-konusmanin-2 "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Fri, 25 Jul 2008 20:56:00 GMT</pubDate>
      <guid isPermaLink="false">156805@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/tasarimda-musterinin-anlayacagi-dilden-konusmanin-2</link>
    </item>
    <item>
      <title>Fotosizer: Resim boyutland&#305;rma program&#305;</title>
      <author>thefeti</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/fotosizer.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; &lt;a href="http://fotosizer.com"&gt;fotosizer&lt;/a&gt; &#252;cretsiz bir resim boyutland&#305;rma program&#305;. 3 ad&#305;mda kolayca resimleri tek tek d&#246;n&#252;&#351;t&#252;rebilece&#287;iniz gibi klas&#246;r ve alt klas&#246;rleri de se&#231;ip boyutland&#305;rabilirsiniz. &#231;oklu resim se&#231;imlerinde biraz a&#287;&#305;rdan i&#351;lese de &#252;cretsiz olmas&#305; bu durumu tolere edebilir. program&#305; indirmek i&#231;in &lt;a href="http://www.fotosizer.com/download.aspx"&gt;buraya&lt;/a&gt;, ekran g&#246;r&#252;nt&#252;leri i&#231;inse sizi &lt;a href="http://www.fotosizer.com/screenshots.aspx"&gt;buraya&lt;/a&gt; alal&#305;m. &lt;strong&gt;unutmadan sadece windows kullan&#305;c&#305;lar&#305; bu programdan yaralanabiliyor&lt;/strong&gt;.

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/wanadooo/fotosizer-screenshot2-big-2.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/thefeti"&gt;thefeti&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/fotosizer-resim-boyutlandirma-programi "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Wed, 23 Jul 2008 17:29:00 GMT</pubDate>
      <guid isPermaLink="false">156484@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/fotosizer-resim-boyutlandirma-programi</link>
    </item>
  </channel>
</rss>

