bildirgec.org - masilva - beğendikleri

ilham kaynağı 16 data grafiği ve posteri

masilva — Wed, 12 Oct 2011 15:11:00 GMT

grafikler, bilgiyi görsele çevirerek daha iyi anlamamızı ve yorumlamamızı ve hatta şaşırmamızı sağlar.. aşağıda tasarımcılar için ilham kaynağı olabilecek 16 grafik çalışması var. içerik olarak da, tasarım olarak da bakılmadan geçilmeyecek türden.. örneklerin en altında bir çok ilginç tasarımın yer aldığı siteler var, onları atlamayın..

1. Sosyal pazarlama pusulası (social marketing compass)

2. mısırlı grafik, değişik bir tasarım olmuş. linki çalışmıyor, buradaki görüntü ile idare etmeye çalışın..

3. çiçek grafiği : çiçeğin her yaprağında ayrı bir tema ve bu temayla ilgili siteler yer alıyor.

4. dünyanın top 50 bankasına ait büyüme, mal varlığı ve derecesi ile ilgili bilgiler veren, ülkelere göre ayrılmış küme grafiği

5. dünya ülkelerinin biralarını, fiyat, kalite ve tüketim oranlarına göre karşılaştıran bir grafik

6. hayatımızdaki dijital dikkat dağıtıcı unsurların hiyerarşik grafiği

7. amerika'da fast food restoranları ve normal restoranlar üzerine yapılan bir araştırmanın grafiği

8. arabaların ve trafiğin tarihi gelişimini gösteren grafik, poster havasında..

9. facebook, twitter, flickr, youtube, linked in, digg, delicious gibi sosyal medya sitelerinin, müşteri ilişkileri, markanızın tanıtımı, web sitenize trafik ve seo alanlarında karşılaştırıldığı bir çalışma

10. browser savaşları : 2002'den 2008 yılına kadar browserların kullanım oranlarını karşılaştıran mizahi bir grafik

11. kim ne alıyor: dünyadaki ülkelerin en çok neye para harcadıkları hakkında grafik

12. bir tweeter yayınının yolculuğu

13. facebook'un son 6 yılı

14. sosyal media etkisi: hazırlanan bir içeriğin internette sosyal medya araçları tarafından nasıl dolaştırıldığını gösteren bir poster

15. üçleme ölçer (trilogy meter) : 3lü seri olarak yapılmış sinema filmlerinin 1., 2. ve 3. bölümlerinin izlenme oranlarını karşılaştıran bir grafik

16. kahvelerin içeriğini gösteren güzel bir tasarım..

Kaynak

daha ilginç birçok örnek için buraya, buraya, şuraya ve buraya da bakabilirsiniz. ama şuraya da bakmayı ihmal etmeyin..

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

40 Güzel Mavi Renk Kullanan Web Sitesi

masilva — Thu, 30 Apr 2009 06:15:00 GMT

Aşağıda ilham kaynağı olabilecek mavi renk kullanan web sitelerine ulaşabilirsiniz.

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

Web Tasarımında Etkili Başlıklar

Web Tasarımında Beyaz Renk Kullanan Web Siteleri

İlham Kaynağı Olabilecek Buton Tasarımları

İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı

30 Yaratıcı İllustration Website Başlığı

Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı

ilham kaynağı olabilecek 30 güzel müzik web sitesi

25 İlham Veren Logo Tasarım Kaynağı

kaynak: 10steps.sg
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

30 adet "mavi" tonlu web sitesi

masilva — Tue, 07 Oct 2008 13:15:00 GMT

Mavi, web sitelerinde kullanılan en çekici renklerden biri. sixrevisions, 30 adet harika mavi web sitesini tanıtmış. Aktarıyorum:
1-darkmotion

2-Frisk design

3. Icebrrg

4. StrawPoll

5. The Alamo Basement

6. Birdie

7. Vimeo

8. iDimev

9. Ek & Gren

10. Fishy

11. Jesse Stephens

12. ZenSender

13. Brooke Chase Associates

14. MochiAds

15. Pixel House

Geriye kalan 15 tasarım için tıklayın.

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Ücretsiz e-bülten şablonları indirebileceğiniz siteler

masilva — Sat, 25 Sep 2010 11:29:00 GMT

bültenler, gerek kağıt, gerekse e-posta formatında olsun çok önemli bir pazarlama aracıdır. özellikle internet üzerinde yayınlanan e-bültenler, firmanız ya da web sitenizde yer alan haberlerin, ürünlerin ve kampanyaların ziyaretçilerinize duyurulmasında oldukça etkili bir yöntemdir.

e-bültenler sayesinde sitenizdeki haberleri, çok şık ve profesyonel şekilde ziyaretçilerinize ulaştırabilirsiniz. Ben de yazımda, bu ihtiyacınızı karşılamak üzere, ücretsiz e-bülten şablonu indirebileceğiniz siteleri tanıtacağım. Sitelerdeki şablonları dilediğiniz gibi değiştirip, düzenleyebilirsiniz.

Haydi başlayalım...

Carbon Graffiti

Carbon Graffiti, sitesinde, temel yapıda ve basit düzeyde e-bülten şablonları içeriyor. Eğer, minimal ve basit bir bülten istiyorsanız bu siteye bakmanızda yarar var. Siteye üye olmadan, dilediğiniz şablonu indirebilirsiniz.

Campaign Monitor

Esasında bir e-posta dağıtım firması olan Campaign monitor, bünyesinde onlarca html e-bülten şablonu barındırıyor. Firma, şablonların outlook, gmail ve yahoo posta servislerinde sorunsuz çalıştığını belirtiyor. Sitede genellikle iki sütunlu şablonlar bulunuyor.

Buytemplates

Buytemplates genelde ücretli html şablonlar sunsa da sitede oldukça kaliteli ücretsiz şablonlar da bulunuyor. geleneksel iki sütunlu şablonları indirebilmeniz için e-posta adresinizle kayıt olmanız gerekiyor.

FreshTemplates

Basit ama etkili şablonları içeren FreshTemplates'te 2 ve 3 sütunlu örnekler bulunuyor. İndirdiğiniz şablonları word ile kolaylıkla düzenleyebiliyorsunuz.

Stocklayouts

stocklayouts aslında yüksek kalitede şablonları ücretli sağlayan bir site. ancak bazı ücretsiz şablonları indirmenize olanak tanıyor. şablonları birçok açıdan düzenlemeniz mümkün. ancak üyelik gerektiriyor.

Microsoft Word Templates

wordtemplates hem kendi sitesinde ücretsiz şablonlara yer veriyor hem de internet üzerindeki diğer ücretsiz şablonlara bağlantılar içeriyor.

Aweber

Aweber de bir e-posta dağıtım sitesi. ancak sitede birçok e-bülten şablonu bulunuyor. şablonları ücretsiz olarak indirebilirsiniz.

Hepsi bu kadar... Umarım işinize yarar.

kaynak

Diğer yazılarımdan birkaçı:

60 adet yüksek kalitede tumblr teması

10 adet mootools kayan içerik uygulaması

40 adet muhteşem PhotoShop yazı efekti

ücretsiz flash site şablonu indirebileceğiniz 11 adet site

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Sitelerinin Tam Sayfa Görüntüsünü Almak

masilva — Mon, 13 Sep 2010 11:44:00 GMT

Birçok web sitesi aşağıya doğru fazla uzun olduğundan tarayıcılarımız sadece bir bölümünü görüntüleyebiliyor. Kendimden bir örnek vereyim : KPSS sonuç belgesini bilgisayarıma kopyalamak isterken, sonuç kısmı aşağıya doğru uzun olduğu için print screen yoluyla ancak 2 ayrı jpeg görüntüsü ile sayfanın tamamını elde etmiş oldum. bunu tek bir sayfaya görüntü olarak sığdırmak içinIESnapshot imdadımıza yetişiyor. Program İngilizce olmasına rağmen kullanım açısından oldukça basit.

Öncelikle IESnaphot programını buradan indiriyorsunuz (installation package yazan yerden).

# İPUÇLARı

Programı kurduktan sonra

"Configuration | Settings" yolunu izleyip "Output file Settings" ile IESnapshot programının yakalamış olduğu görüntüleri bilgisayarınızda nereye kaydedeceğini belirleyebilirsiniz. "File Format" altında görüntü dosyasının uzantısını belirleyebilirsiniz. Dosyanızı PDF, JPEG, BMP ve Gif dosyası olarak kaydetme imkanına sahipsiniz.

Bunun yanısıra "Filename Selection" alanındaki "Automatically" ayarı ile dosyanın otomatik olarak adlandırılmasını sağlayabilirsiniz.

"Advanced" kısmında ise kaydedilen ekran görüntüsünün kalitesini belirleyebilirsiniz.

# Programın Kullanımı

Ana pencerede adres çubuğuna görüntüsünü almak istediğiniz sitenin adresini yazarak "Go" butonuna tıklandığında siteye giriyorsunuz. IESnapshot programı sol tarafta siteyi normal boyutta, Sağ tarafta ise tam boyutta görüntüleyecektir. Üst taraftaki "Grab now" butonuna tıklayıp "create new pdf"e (tabii dosya uzantısını pdf olarak ayarlamış iseniz) düğmesine basıyorsunuz ve daha sonra "Save" deyip dosyanızı kaydediyorsunuz.

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

3 Boyutlu(3D) Flash Slayt Oluşturucu: CU3OX

masilva — Tue, 03 Aug 2010 14:24:00 GMT

Görselleriniz için, Flash, HTML, CSS veya Javascript ile ilgili herhangi bir teknik bilgiye gereksinimi duymadan, farklı türdeki animasyonlar ile desteklenmiş, 3 boyutlu (3D) Flash slaytları oluşturmak için CU3OX uygulamasından yararlanabilirsiniz.

Ücretsiz bir masaüstü uygulaması olan CU3OX uygulamasını indirdikten sonra, bilgisayarınızda bulunan görsellerinizi veya Picassa, Flickr veya PhotoBucket gibi popüler görsel paylaşım sitelerinde bulunan görsellerinizi kullanarak harika bir 3 boyutlu Flash Slayt'ı hazırlayabilirsiniz.

Windows ve Mac OS versiyonları bulunan CU3OX uygulaması, slayt için istediğiniz ayarları (animasyon, parça sayısı vb.) seçmenize izin vermesinin yanında, web sayfanızda yayınlamanız için gerekli HTML kodunu da üşenmeyip üretmekte.

CU3OX uygulamasına buradan ulaşabilir ve sizi kendisine hayran bıraktıracak demo gösterimlerine de, buradan bir göz atabilirsiniz.

[Bonus+++++]
+# OKyoutube İle Youtube'tan Video İndirmek Çocuk Oyuncağı!
+Youtube Videolarını Bir de KickYouTube'la İndirin!
+Foursquare Haftalık 1 Milyon check-in'i Geçti!
+Yeni Sosyal Medya Aracımız: Google Buzz!
+bit.ly Pro İle Kendi Kısaltılmış URL Adresinizi Kullanın!
[Kaynak] CU3OX
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Muhteşem el çizimi web site tasarımları

masilva — Fri, 07 May 2010 06:36:00 GMT

El çizim tasarım örnekleri diğer klasik tasarımların aksine çizgileri vurgular.El yapımı tasarımların her zaman ilgi çekici olmasından dolayı bu tasarımlarda oldukça yaratıcı olarak nitelendiriliyor. Aşağıdaki web tasarım örneklerini inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte Muhteşem el çizimi web site tasarımları;

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Renksiz Minimalist Web Tasarımları

masilva — Wed, 28 Apr 2010 06:44:00 GMT

Minimalizm; geniş, karmaşık ve renkli tasarımların aksine tasarımları daha dar ve sade kalıplara sokarak dikkati dağıtmadan odaklamaya çalışan tasarım türüdür. Renksiz olması ise minimalist tasarım sevenlerin daha çok ilgisini çekmektedir. Aşağıdaki minimalist ve renksiz tasarım örneklerini inceleyerek dilerseniz sizde benzer çalışmalarda bulunabilirsiniz. İşte Renksiz Minimalist Web Tasarımları;

Art Directors Club of Europe

Tim Bjorn – Design Studio

yugop

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Eli Ayağı Düzgün Web Formları İçin: ValidForm Builder!

masilva — Thu, 15 Apr 2010 06:45:00 GMT

Günümüz Web sitelerinin vazgeçilmez elemenlarından olan Web formları, web sitesi ile kullanıcı arasında cereyan eden interaktif etkileşim için, olmazsa olmaz bir web elemanı konumundalar.

En fazla kullanıldığı yerler olan, üyelik işlemleri gibi bilgi girişlerinin yoğun bir şekilde yapıldığı yerlerde kullanılan web formlarında bulunması gereken en önemli işlevsel özellik ise; kullanıcılar tarafından girilen bilgilerin, web geliştiriciler tarafından belirlenmiş geçerlilik kıstaslarına uyup uymadığının kontrol edilmesi.

Oldukça önemli olan bu işlevin tam olarak yerine getirilesini sağlamak amacı ile geliştirilmiş bir kütüphane olan ValidForm Builder, PHP ve JavaScript (JQuery) ile geliştirilmiş ve hem istemci taraflı hem de sunucu taraflı olarak, geçerlilik denetlemesini yapabilmekte.

XHTML 1.0 uyumlu olmasının ve CSS ile düzenlenebilmesinin yanında; açık kanak kodlu ve ücretsiz olması, web formu hazırlama işlemini oldukça hızlandırması ve SQL injection saldırıları için önlemler sunması, ValidForm Builder'ın artıları.

ValidForm Builder'a hemen buradan ulaştıktan ve eğitim dokümanlarına buradan bir göz attıktan sonra, buradan da indirebilirsiniz.
Ayrıca web sayfasına eklenmiş bir örneğini de buradan incelebilirsiniz.

[Bonus+++++]
*+A Showcase of Creative Punctuation in Logo Design
+jQuery ve CSS ile Page Peel Effect'i
+iLike'tan sosyal yönetim merkezi
+Sosyal Sitelerde Real-Time Arama
+Google Sizin İçin Çalışıyor...

[Kaynak] ValidForm Builder
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

10-30/04/2010

Algoz Desteğinizi Bekliyor...

2010 Blog Ödülleri için beni desteklemek isterseniz; buradan kayıt olduktan sonra, buradan teknoloji kategorisinde yarışmakta olan bloguma (algoz.bildirgec.org / profil) oy verebilirsiniz.

Şimdiden Teşekkürler...

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Portföy Tasarım Dersleri

masilva — Mon, 12 Apr 2010 09:15:00 GMT

Portföy (portfolio), tasarımla ilgilenen kişi veya kurumların ozgeçmişleri, yaptıkları işler hakkındaki malzemelerin tümüne denir. Referans olarakta adlandırılabilir. Günümüzde birçok web tasarımcı portföylerini oluşturmakta ve yayınlamaktadır. Aşağıdaki portföy tasarım dersleri ile benzer çalışmalara yapabileceğiniz gibi aynısını yapmaktada özgürsünüz. İşte portföy tasarım dersleri;

How to create your own single page portfolio design in photoshop
(Photoshop ile nasıl tek sayfalık portöf oluşturulur)

Create a Grungy, Translucent Web Portfolio Design
(Grunge ve saydam web portföy tasarımı)

Create a Clean Blue Portfolio Design in Photoshop
(Photoshop ile Temiz, Mavi portöf tasarımı oluşturun)

Create Portfolio Website With CSS/jQuery
(CSS ve Jquery ile Portföy Web Tasarımı Oluşturma)

How To Design A Freelancer Portfolio Website
(Nasıl bağımsız Portföy Tasarımı Oluşturulur)

Design a Bold and Vibrant Portfolio
(Koyu ve Canlı Portföy Tasarımı)

Create a Wooden Grunge Portfolio Web Layout in Photoshop
(Photoshop ile Grunge ve ahşap temalı Portföt Tasarımı Oluşturma)

Create a portfolio website in Photoshop
(Photoshop ile Portföy Tasarımı)

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak ; skyje

Bu yazı masilva tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage