bildirgec.org

design hakkında tüm yazılar

Tasarımın İçinde Olan Herkes İçin Yer İmi Seti

earslan | 21 June 2010 16:37

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://arsiv.pilli.com/yazi/karikatur-karakterleri-yaratma-dersleri

Arka Plan Ağırlıklı Web Tasarım Örnekleri

angelsdemos | 19 June 2010 11:12

Bazı tasarımcılar tasarımda kullandıkları teknikleri göze çarptırmak isterler. Herhangi bir tasarım ögesini daha fazla belirginleştirerek ön planda tutarlar. Bu tasarım ögesi logo, metinler, arka plan, bloklar vb. olabilir. Arka plana ağırlık veren tasarımlar genelde çok hoş bir arka plan içerir veya bir kişi/şirket tanıtımı yapar. Aşağıdaki tasarım örneklerini incelyerek sizde benzer çalışmalar yapabilirsiniz. Arka Plan Ağırlıklı Web Tasarım Örnekleri;

Matt

Suiepaparude

Caramelink

25 Taze ve Kullanışlı Jquery Eklentisi

earslan | 17 June 2010 12:22

Web sayfası tasarımı ile ilgilenen herkes bilir ki; eğer sınırlı bir miktarda içeriği görüntülemek için ya da sadece web sitenizin bir bölümü daha ilgi çekici yapmak istiyorsanız jQuery mükemmel bir çözümdür. jQuery yol geliştiriciler ve kullanıcıların web siteleri ve web uygulamalaryla etkileşimi JavaScript dünyası ile değişti. Bu makalede, son birkaç ay içinde yayımlanan 25 taze ve yararlı jquery eklentileri görebilirsiniz.

Spritely

Sayfanızda dinamik bir animasyon oluşturmak istiyorsanız ve bunu Flash olmadan yapmak istiyorsanız, bu örnek size göre..
Demo | İndir

Spritely
Spritely

BubbleUp

Bu eklenti, sayfalarınızda kullanabileceğiniz minik bir efekttir. İmajlarınıza Hover efekti verebileceğiniz kullanışlı ve sevimli bir eklenti…

Demo | İndir

Bubble Up
Bubble Up

Quicksand

Kendisini çokça kullanmış olduğumdan özellikle tavsiye edebileceğim bir Jquery eklentisi. Sayfanızda belirlediğiniz özelliklere göre filtreleme yapabileceğiniz muhteşem bir eklenti.

Demo | İndir (“Download” ederken size, sadece script kodlarını vermektedir. Site üzerinden dökümanlara ulaşabilirsiniz.)

ilham verici iletişim form arayüz tasarımları

GokhanKARAKAS | 14 June 2010 17:17

iletişim formu arayüzü web tasasarımının önemli bir parçasıdır. iletişim formunun amacı web sayfası yöneticisinden, web sitesi ile ilgili ya da genel olarak (kişisel /kurumsal) bir konu hakkında daha fazla bilgiye ihtiyaç duyulan durumlarda kullanılmaktadır. iletişim formunda bulunması gereken kriterler ve kullanıcıya geri dönüş için istenilen bilgiler yeterli düzeyde olmalıdır. bu gereksinim için aşağıda farkllı tarzlarda iletişim form örneklerli listelendi.

1- Tony Johnson

2- Bio-bak

3- Vincentmazza

En iyi 5 Resim Düzenleme Uygulaması

angelsdemos | 14 June 2010 09:40

Çevrimiçi fotoğraf ve grafik düzenleme araçları heryerde ulaşabileceğiniz küçük yardımcılarınızıdır. Genel olarak ihtiyacınız olan tek şey bir internet tarayıcısı ve adobe flash player‘dır. Bu araçları herhangi bir yerden küçük işlerinizi halletmek için kullanabilir veya bilgiyarınıza bu tarz uygulamalar kurmak istemiyorsanız kullanabilirsiniz. Fotoğraf düzenleme, depolama ve grafik tasarım,çizim ve boyama aracı olarak kullanabileceğiniz bu harika uygulamalara heryerden çevrimiçi ve ücretsiz olarak kullanabilirsiniz. İşte çevrimiçi popüler imaj editörleri;

Picnik

Picnik, çevrimiçi olarak erişebileceğiniz çok yönlü bir fotoğraf manipülasyon aracıdır. Herhangi bir ücret veya üyelik talep etmeyen bu uygulama ile otomatik onarım, döndürme, kesme, boyut değiştirme, kırmızı göz silme, ışık denetimi gibi birçok farklı işlem uygulayabilirsiniz. Bilgisayarınızı hiçbir şey yüklemenize gerek kalmadan kullanabileceğiniz bu çevrimiçi uygulamayı bilgisayarınızda resim yükleyerek, internetteki herhangi bir resmin linkini vererek, eş zamanlı webcam’dan fotoğraf çekerek, yahoo ile resimler arası arama sonuçları ile ve bazı sosyal medya (flicr, facebook, myspace, photobuckets, webshots..) platformlarındaki üyelikleriniz ile kullanabilirsiniz.

Mükemmel illustrasyon Web Tasarımları

angelsdemos | 13 June 2010 12:46

Tasarımcılar, tasarım sürecinin yavaşladığı durumlarla karşı karşıya kalabilirler. Bu durumlarda başkalarının yaptığı tasarımları incelemek herzaman bu süreci hızlandırarak farklı fikirleri ortaya çıkarabilir veya birinden esinlenerek farklı tasarımlar ortaya çıkarabilirler. illüstrasyon tabanlı tasarımlar daha çok grafik olarak oluşturulan çizgi tasarımlardır. Genel kalıplara uymayan bu tasarımları birçok alanda kullanabilirsiniz. İşte Mükemmel illustrasyon tabanlı Web Tasarımlarım örnekleri ;

a modern eden

veerle’s blog

the waiting room

Twitter “feed”lerini entegre eden en güzel website örnekleri

cherry blossom girl | 10 June 2010 12:21

Twitter “feed”lerinizin websitenizde görünmesi site ziyaretçilerinizi gerçek zamanlı olarak haberler ve davetler konusunda bilgilendirmeniz için kolay ve güzel bir yöntem. Çekici bir Twitter “widget”ı site takipçilerinizin ziyaret sayılarını artıracağı gibi yeni takipçi kazanmanızı da sağlayabilir. Eğer doğru bir tasarım seçerseniz, Twitter feed’leri sitenizin estetiğine de katkıda bulunacaktır. Bildirinin devamında Twitter feed’lerini en estetik ve efektif şekilde entegre etmiş 15 websitesinin tasarımını bulacaksınız.

That INDIE Dude

Justin Delabar

Koodoz Design

HTML5 Video Oynatıcı: Video JS

angelsdemos | 04 June 2010 09:40

Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5‘in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.

Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.

Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.

Web Tasarımcılar için Taşınabilir Programlar

angelsdemos | 03 June 2010 09:41

Web tasarım programları, tasarımcıların işlerini oldukça kolaylaştırırlar. Normalde programcıların yaptıkları işleri kısa bir süreçte yapabilen veya tasarım konsunda oldukça yardımcı olan bu araçları programcılar her zaman yanlarında taşımak isterler. Portatif programlar bir programcı için oldukça hayat kurtacı olabilir. İş gezisi veya tatil gibi organizasyonlarda bu uygulamalar ile küçük işlerini halledebilirler. İşte Web Tasarımcılar için Portatif Programlar;

KompoZer Portable

Birçok özelliği bulunan KompoZer, bütünleşik web yayınlama uygulaması yani ftp işlemcisidir.Kullanışlı sekmeli tasarımı ve tüm önemli işletim sistemlerinde çalışması oldukça avantajlı olan özellikleridir.

Firefox Portable Edition

Popüler internet tarayıcısı Firefox‘un portatif sürümü her zaman yanınızda olması gereken uygulamalardandır. Portatif sürümü 3.6‘a göre hazırlanan bu uygulamaya yeni sürümlere göre düzenlemeler yapılmakta.

Photoshop ile 3D Yazı Efektleri

angelsdemos | 01 June 2010 09:38

Adobe Photoshop ile günümüzde birçok tasarım örneği yapılabiliyor. Photoshop ile yapacağınız yazı efektlerini banner logo gibi çalışmalarda kullanabileceğiniz gibi afiş gibi farklı tasarımlarda da kullanabilirsiz. Aşağıdaki yazı efektleri derslerinde farklı teknikler öğrenebilir ve photoshop bilginizi geliştirebilirsiniz. İşte Photoshop ile 3D Yazı Efektleri Dersleri;

Create a 3d flowery text effect
(3D çiçeksi metin efekti)

Grass-text-effect
(Çimen Yazı Efekti)