bildirgec.org - infoman - beğendikleri

Wordpress için ikon setleri, temalar ve header'lar

infoman — Thu, 01 Oct 2009 12:37:00 GMT

Tasarımcılar ve özellikle de Profesyonel wordpress kullanıcıları için Smashing Magazine tarafından yayınlanan son derece şık ve kullanışlı ikon setleri ile wordpress temalarını bir araya topladım. Umarım işinize yarar.

Proje İkon Seti
Navdeep Raj tarafından tasarlanan ve Smashing Magazine tarafından ücretsiz olarak paylaşıma açılan bu ikon seti proje yönetimi ile ilgili 18 adet şık ve profesyonel görünümlü ikon içeriyor.

İkon setinde bulunan takvim, proje, döküman, iletişim, kartvizit, portfolyo gibi ikonları transparan PNG ve Fireworks Vektör formatlarında buradan indirebilirsiniz.

Web Developer İkon Seti
Pedja Rusic tarafından tasarlanan bu ikon setinde, küçük detayları ile diğer ikonlardan farkını ilk bakışta belli eden çok şık 38 adet ikon bulunuyor.

Tasarımcılar için çok kullanışlı bu ikonları .ico .icns .png formatlarında ve 512x512px boyutlarına kadar farklı büyüklüklerde ücretsiz olarak buradan indirebilirsiniz.

WP Smashing Wordpress Teması

Greg Johnson'a ait olan takvim formatındaki bu tema alışılmış temalardan oldukça farklı bir yapıya sahip.

Yazılım, tema, ürün paylaşımı veya reklamı şeklinde online hizmet verebileceğiniz kişisel veya ticari projeleriniz için bu kullanışlı temayı bütün gerekli pluginleri ve psd dosyası ile birlikte buradan indirebilirsiniz. İndirmeden önce denemek isterseniz sizi buraya alalım.

3 Sütunlu Imprezz Teması
ProductiveDreams'den Gopal Raju tarafından geliştirilen Imprezz teması tam da Online Magazin ile ilgilenmek isteyenlerin aradığı türden.

WP 2.7.1 ve üzerini destekleyen temayı PSD formatı ile birlikte buradan indirebilirsiniz. Demosu yok ama büyük boy görünümüne buradan göz atabilirsiniz.

"Magazeen" teması
WeFunction Design Agency tarafından geliştirilen 2 sütunlu bu tema, tipografi ve grid yapısı bakımından tam bir magazin görünümüne ve yerleşimine sahip.

İsterseniz temayı buradan deneyebilir, isterseniz de buradan indirebilirsiniz. 4.5 MB boyutundaki PSD dosyası da burada

"Vintage" Teması
Son derece güzel ve yaratıcı bir tasarıma sahip 2 sütunlu bu tema WP 2.7 üzerini destekliyor.

Temayı buradan deneyebilir, buradan indirebilirsiniz. İhtiyacınız olursa PSD dosyası burada

"Blues" Teması
Vintage temasının bir varyasyonu olarak geliştirilen bu tema Vintage'a göre daha modern ve kullanıcı dostu bir görünüme sahip.

Kişisel ve ticari projeleriniz için de oldukça kullanışlı bu temayı buradan deneyebilir ve buradan indirebilirsiniz. Psd dosyası da burada.

"Feed Me Animals" RSS İkon Seti
Bloglarınıza esprili bir görünümle RSS butonu eklemek isterseniz bu ikonlar tam size göre.

Mirjami Manninen tasarımı yapılan bu ikon setini png ve jpg formatında buradan, PSD formatında ise buradan indirebilirsiniz.

"Heart" Sosyal İkon Seti
Facebook, Twitter gibi sosyal platformlara blogunuzda link vermek için kullanabileceğiniz kalp konseptinde 22 adet ikonu 16×16, 32×32, 64×64 boyutlarında ve .png formatında buradan indirebilirsiniz.

"Cheers" Sosyal İkon Seti
Yine aynı şekilde bloglarınızda sosyal platform butonu olarak kullanabileceğiniz içki bardağı şeklindeki bu ikonlar hoşunuza gidebilir.

Webtoolkit4me'den Helen Gkizi tarafından tasarlanan bu ikon setini buradan indirebilirsiniz.

Bloglar için hazır "header" tasarımları
Blogunuzun header bölümünü değiştirip blogunuza yeni bir görünüm kazandırmak isteyenler için birbirinden güzel hazır header tasarımları tam size göre.

Bunlar hazır header'ların sadece bir kaçı. Tamamını buradan görebilir ve indirebilirsiniz.

"Dilectio" wp teması
Sade ve şık, aynı zamanda kullanıcı dostu olan Dilectio teması, özenle oluşturulmuş tipografisiyle de dikkat çeken profesyonel bir görünüme sahip.

Tema ile ilgili bütün detayları buradan inceleyebilir, ya da hemen buradan indirebilirsiniz.

Bu yazı infoman 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

72 seo uzmanının oyladığı sıralamalarda etkili olan faktörler

infoman — Mon, 31 Aug 2009 09:06:00 GMT

İnternet dünyasının en önemli SEO kaynaklarından birisi olan Seomoz.Org tarafından 2 yılda bir yapılan ve dünyanın önde gelen SEO uzmanlarının katılımıyla oluşturulan "Search Engine Ranking Factors" anketinin bu yıl 3.sü yayınlandı. Amerika Birleşik Devletleri, İngiltere, İzlanda, Kanada, Yeni Zelanda, Avustralya, Ukrayna ve Dominik Cumhuriyeti'nden 72 uzmanın katılımıyla gerçekleşen ankette sıralamalarda etkili olduğu düşünülen faktörler tek tek oylanmış ve bunlar oranlar ile belirtilmiş.

Seomoz.Org - Seo'ya Etki Eden Faktörler

Tekniklerin arama sonuçlarına etkilerinin oransal açılımlarına ve uzman yorumlarına buradan ulaşabilirsiniz.

Anket sonucunda oraya çıkan sonuçlara göre olumlu yönde en çok etki eden faktörler şöyle sıralanmış;

Anahtar kelime odaklı tanıma sahip harici linkler [Oranı: % 73]
Kaliteli ve aynı zamanda sizinle aynı anahtar kelimede yayın yapan sitelere siteniz üzerinden link verdiğiniz takdirde onun kalitesinin gölgesinden yararlanarak arama motorları tarafından artı puan kazanırsınız.

Harici Linklerin Kalitesi [Oranı: % 71]
Sitenizden dış sitelere verdiğiniz linklerdeki kalite bölü sayı oranı ne kadar fazla ise sitenizin kazanacağı değer de o kadar çoktur. Kalitesiz sitelere verdiğiniz linkler gereksiz yere sitenize eksi puan kazandırır.

Dış linklerdeki çeşitlilik [Oranı: % 67]
Sitenize başka sitelerden verilen linklerin farklı domainler üzerinden olması da ayrı bir etken. Blogspot ile oluşturulmuş aynı ana domaine sahip 5 siteden verilen linkler 1 puan kazandırırsa, farklı domaine (subdomainler değil) sahip 5 siteden sitenize verilen linkler 5 kazandırır.

Sitenizin Başlığında (Title) Anahtar Kelimenizin Geçmesi [Oranı: % 66]
Sitenizde title tagları arasına eklediğiniz başlığınızın (çok uzun bir başlık olmaması kaydıyla) herhangi bir yerine anahtar kelimenizi eklemelisiniz. Bu sayede sıralamalarda çok hızlı yükselebilirsiniz.

Güvenilir domainlerden yararlı linkler (Trustrank değeri yüksek) [oranı: % 66]
Trustrank gibi, 'güvenilir site puanları' yüksek ssayfalardan sağlanan linkler de seo için fazlasıyla önem taşımaktadır.

Site yapısında Anahtar kelime kullanım konusundaki ilk 10 oran ise şöyle;

Site Başlığında (Title) Anahtar Kelime Geçmesi [Oranı: % 66]
site başlığının en başında anahtar kelime geçmesi [oranı : % 63]
Ana domainde anahtar kelime geçmesi - Örn; anahtarkelime.com [oranı: % 60]
Sitenin herhangi bir yerinde H1 tagı içerisinde anahtar kelime kullanılması [oranı: % 49]
Site içi linklemelerde anahtar kelimelerin kullanımı [oranı: % 47]
Site dışına verilen linklerde anahtar kelimelerin kullanımı [oranı: % 46]
h1 taglarının içinde en başta anahtar kelimenin geçmesi [oranı: % 45]
HTML kodlarının ilk 50-100 kelimesi içinde anahtar kelime kullanılması [oranı: % 45]
subomainde anahtar kelime kullanımı - örn; anahtarkelime.pilli.com [oranı: % 42]
Sayfa adreslerinde anahtar kelime kullanımı - örn; pilli.com/anahtarkelime.html [oranı: % 38]

Daha fazlası için tıklayın

Seoyu negatif yönde etkileyen faktörlerden en önemli 5 tanesi ise şöyle sıralanmış,

Sayfa içeriğinde gizlenmiş kötü niyetli yazılımlar ve virüs bulunması [oranı: % 68]
Link alımı ve satımı yapmak (Açıktan linkleri belirterek yapmak daha tehlikeli) [oranı: % 56]
Spam site vaya sayfalara siteden link verilmesi [oranı: % 51]
Linklerin ve ziyaretçi bilgilerinin gizlenmesi [oranı: % 51]
Server sorunlarından kaynaklı uzun süreli kapanmalar ve sitenin açılmaması [oranı: % 51]

Negatif etkileyen faktörlerin devamı için tıklayın

Site içi seoda etkili ancak anahtar kelime bazlı olmayan faktörler : http://www.seomoz.org/article/search-ranking-factors#on-page-non-keyword-ranking-factors

Coğrafik faktörler : http://www.seomoz.org/article/search-ranking-factors#geo-targeting-factors

Diğer faktörler : http://www.seomoz.org/article/search-ranking-factors#ranking-factors

Link inşa etmek için gerekli taktikler için sizi buraya alalım.

Ankete katılan uzmanların listesi de burada.

Kaynak

Bu yazı infoman 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

ilham alınacak 50 harika iş odaklı web site tasarımı

infoman — Sun, 06 Sep 2009 11:27:00 GMT

web tasarım trendlerini takip etmek her zaman iyi fikir için gereklidir. aşağıda, "iş odaklı", ekonomi ile ilgili kurumsal web sitelerinin koleksiyonu size bu konuda yardımcı olabilir.

dikkat çeken "sade" ve "sıradışı" konsept tasarımların yanında uygulama olarak navigosyon ve modüller web tasarımcıların ilgisini çekiyor.

1. Narien Teas

narien.com

2. Falcon Motorcycles

falconmotorcycles.com

3. Snog

ifancyasnog.com

4. Saddleback Leather

saddlebackleather.com

5. Seven Trees

seventrees.ca

6. Daily Bath & Body

dailybathandbody.com

7. tolingo translations

tolingo.com

8. Habitations Bouladier

habitationsbouladier.com

9. Car Sharing Italiar

carsharingitalia.com

10. The Noodle Box

thenoodlebox.net

11. Sleepy Dog
12. Practice Cafe
13. Maturana Haus
14. Best Electrical
15. Clandrei
16. Adesus
17. Hotel Arca Lui No
18. Lucino & Gene
19. Oypro
20. Mountain City Club
21. Songbird
22. unFortunate
23. Krabi & Mask
24. Immo Varro
25. The Found Bin
26. Folietto
27. Woolshed Grove
28. Verdeo
29. Common Good Radio
30. Carbonmade

carbonmade.com

31. Safe Driving Academy
32. Better Place
33. Plant with Purpose
34. Alma Latina
35. Roxy Clothing
36. Tender Support
37. Tumblon
38. CB&S
39. Trapp Family Lodge
40. African Budget Safaris

africanbudgetsafaris.com

41. EcoTech Marine
42. ATCreadback
43. EnviRenew
44. 97 Bottles
45. PRville
46. Monty Lounge Industries
47. Baking with Flo
48. SixCentral
49. BART
50. Beyond Current Horizons

beyondcurrenthorizons.org.uk

Kaynak

ilginizi çekebilir:

+ rengârenk kampanya siteleri
+ rengârenk kampanya siteleri 2
+ türkiye'nin interaktif web ajansları
+ 35 kore web sitesi tasarımı
+ web tasarımcılar için 11 araç

Bu yazı infoman 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

21 Adet Kullanışlı jQuery Örneği ve Eğitimi

infoman — Thu, 03 Sep 2009 06:43:00 GMT

Web sayfalarına kolayca eklenebilecek jQuery örneklerini bulabileceğiniz bu listede, ayrıca herbir örneğe ait eğitici anlatımlardan da faydalanarak jQuery ile ilgili tecrübenizi artırabilirsiniz.

Navigation List Menu with Nudging Effect

Vertical Scroll Menu | Demo

Menu with Fadein and Fadeout Effect | Demo

Simple Lava Lamp Menu | Demo

Horizontal Tooltips Menu | Demo

Image Slide Show with Semi-Transparent Caption | Demo

Image Gallery/News Slider with Caption | Demo

Thumbnail Gallery with Slick Heading and Caption Effect | Demo

Thumbnail with Zooming and Fading Caption Effect | Demo

Four Corners Sliding Door Effect | Demo

Simple CSS + Javascript Tooltip | Demo

Custom Digg Post Sharing Tool | Demo

Dock Content Tutorial - Dock at Top | Demo

Dock Content Tutorial - Dock at Bottom | Demo

Custom jQuery Modal Window Tutorial | Demo

Create a Vertical, Horizontal and Diagonal Sliding Content Website | Demo

jQuery Tabbed Interface | Demo

jQuery Sliding Tab Menu | Demo

A Really Simple jQuery Plugin Tutorial | Demo

Create a Ajax based Form Submission | Demo

A Simple AJAX Driven Website | Demo

Bonus++:
+70 adet harika photoshop eğitimi ve kaynağı
+En iyi 10 jquery slider eklentisi 72

Kaynak: queness
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı infoman 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

9 Adet Kullanışlı jQuery Eklentisi

infoman — Tue, 01 Sep 2009 09:27:00 GMT

Web sayfalarının oluşturulmasında artık standart web elemanları durumunda bulunan Tarih/zaman seçici, Sayfalama, Şifre göstergesi gibi web elemanlarının da bulunduğu bu listede, projelerinizde kolayca kullanabileceğiniz çeşitli jQuery eklentilerini bulabilirsiniz.

1- Date Picker | Demo

2- Hot Keys | Demo

3- Pagination | Demo

4- Password Indicator | Demo

5- Quick Search | Demo

6- Satisfy | Demo

7- Mouse Events | Demo

8- Table Sorter | Demo

9- Marquee | Demo

Bonus++++++++++++:
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+jQuery Scrollable ile Web Sayfalarını Hareketlendirin!
+jQuery ve CSS ile Page Peel Effect'i
+jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları
+html formları için 25 harika jquery eklentisi
+Layouts için 6 Adet jQuery eklentisi
+Portfolio'nuz için Kullanışlı Bir jQuery Eklentisi
+JQuery ile Hoş Bir Menü
+15 adet Kullanıcı Dostu JQuery Tooltip Eklentisi
+Etkileyici Bildirimler Bir JQuery Eklentisi: Gritter
+jQuery İle Hazırlanmış Sürgülü Panel Eklentisi
+10 Adet Klas JQuery Eklentisi

Kaynak: 9lessons
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı infoman 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

33 Çok Kullanışlı Domain (Alan Adı) Aracı

infoman — Wed, 05 Aug 2009 08:55:00 GMT

Domain (Alan adı), bir web tasarımcısı ve geliştiricisi için projesinin en önemli bölümlerinden birisidir. İyi bir alan adı seçiminin sitenize birçok katkısı olacaktır. Bunun için akılda kalıcı, kolay alan adı bulmak gerekmektedir. Bu işlemi yapabilecek çeşitli araçlar mevcuttur.

Aşağıda birbirinden kullanışlı alan adı araçlarının listesine ulaşabilirsiniz.

Gelişmiş Alan Adı Arama Araçları

MakeWords - Telaffuz edilebilir isimler için aramaya basın.
Dot-o-mator - Sadece sol kutuya bir isim girin ve uygun olanları seçin.
BustAName: Birkaç kelime yazıp sorgulama yapabilirsiniz.
AptDomain - Birkaç kelime yazın ve uygun olanları seçin.
DomainExposer - Kullanılabilir alan adı oluşturmak için yararlanabileceğiniz faydalı bir araç.
Nameboy - Alan adları bulun, yaratıcı alan adları arayın.
DomainNameSoup - Uygun alan adları bulmanız için ücretsiz domain aracıdır.
123finder.com - Anahtar kelimeler ile arama yapan faydalı bir araç.
The geek.name Project - Satın almaya müsait domain üreteci.

Alan Adı Araçları

SQUURL - Hayalinizdeki alan adını bulun.
DomainsBot - Alan önerileri, süresi dolan alan adları, satılık ve alan adı hakkında detaylı bilgi alabileceğiniz güzel bir araç.
PCNames - Sadece yazmaya başlayın, sonuçlar görüntülenmeye başlayacaktır.
Domain Tools - Yine birçok gelişmiş özelliğe sahip alan adı aracıdır.
Webmaster Toolkit - Alan adları için birçok hizmet sağlamaktadır.

Ajax Alan Adı Araçları

Domize - Dünyanın en hızlı alan adı arama motoru.
Ajax Whois 2.0 - Çok iyi bir alan adı arama motoru.
Ajax Domain Search - Hızlı bir şekilde alan adı arama motoru.
InstantDomainSearch - Ücretsiz alan adı kontrol aracıdır.

Alan Adı Hacks

Domainr - Kısa ve uzun URL arama servisi.
Xona - Faydalı alan adı arama servisi.
DomainTyper - Hızlı alan adı arama servisi.

Alan adı üreteçleri

WORDOID - Alan adı bulmanıza yardımcı olacak çok kullanışlı bir üreteç.
UniqueNames - Benzersiz kelimeler oluşturun.
RhymeZone - Kelimelerin eş anlamları ile uygun alan adları oluşturabilirsiniz.
Domain Generator - 5 kelime ile uygun bölümü seçtikten sonra güzel alan adları oluşturun.

Who Is (Alan Adı Sorgulama) Aracı

WhoIs - Domain hakkında bilgi, domain adı ve ip araçları bulunan servis.
Allwhois - Otomatik olarak "whois" bilgilerini bulan ve bunu sunan servis.
WHOISify - Whois veritabanını kontrol eden ücretsiz bir araçtır.
Domjax - Gelişmiş özellikleri sahip domain aracıdır.

Alan Adı Benzer Araçlar

Domain Pigeon - Uygun isimleri listeleyen bir alan adı servisi.
MilkyDomain - iPhone için domain arama ve üreteci.
myIPneighbors - Domain kontrol aracıdır.
StuckDomains - Süresi dolmuş alan adlarını öğrenebileceğiniz ücretsiz bir servis.
NameBio - Alan adı bulmak için kullanabileceğiniz gelişmiş özelliklere sahip alan adı aracıdır.

kaynak: devsnippets.com | mogdesign.eu/blog

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

Bu yazı infoman 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

jQuery Scrollable ile Web Sayfalarını Hareketlendirin!

infoman — Mon, 10 Aug 2009 12:09:00 GMT

Portfolio'nuzun veya farklı bir içeriğinizin sunumunu yapabileceğiniz harika bir eklenti olan jQuery Scrollable, kendisini web sayfanıza, beğeninize uygun olarak kolayca eklemeniz için birçok özelleştirilebilir özellik de sunmakta.

Web sayfanızda bulunmasını istediğiniz içerikleri jQuery Scrollable aracılığı ile yatay veya dikey olarak kayabilen bir "bant"a yerleştirebilirsiniz. Bu şekilde hem sayfalarınıza sadelik kazandırabilir hem de kullanıcılarınıza kullanımı kolay bir ortam sunabilirsiniz.

Demosunu ve gerekli bilgileri buradan öğrenebileceğiniz jQuery Scrollable eklentinisini yine aynı sayfadan indirebilirsiniz.

Bonus+++++:
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Layouts için 6 Adet jQuery eklentisi
+jquery ile hoş bir Hover Effect'i
+en iyi 10 jquery slider eklentisi

Kaynak: jQuery Scrollable
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı infoman 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

50 Gerçekten Yüksek Kaliteli Photoshop Navigasyon Menü Dersi

infoman — Tue, 11 Aug 2009 12:36:00 GMT

Photoshop, web tasarımı yaparken büyük kolaylıklar sağlıyor. Navigasyon, menü ve buton tasarımı için çok kaliteli derslere aşağıdan ulaşabileceksiniz.

Navigasyon bir site için çok önemlidir. Özellikle sitedeki bölümler arası geçişi sağladığından sık kullanılmaktadır ve görsel olarak iyi olması gerekmektedir.

Şimdi Parlak, temiz, şık, düzgün ya da 3d navigasyon tasarlamayı öğrenmeye başlayalım.

1.Content Box With Orange Banner Heading (Turuncu banner başlığı ile içerik kutusu)

Bu derste içerik kutusu benzeri benzeri menü tasarlamayı öğrenebileceksiniz.

2. Vista Styled Button Photoshop Tutorial (vista tarzı buton photoshop dersi)

Çoklu layer stili, araçları ve teknikleri kullanarak vista tarzı buton tasarlamayı öğrenin.

3. How to Create a Slick and Clean Button in Photoshop (Photoshop'da düzgün ve temiz buton nasıl oluşturulur?)

Bu photoshop dersi size basit ve temiz web 2.0 tarzı buton oluşturmayı göstermektedir. Ayrıca bazı temel css tekniklerini de göreceksiniz.

4. Blue on Black Navigation Bar (Siyah üzerinde mavi navigasyon bar)

Bu eğitici derste pek çok katman stillerini birleştirmeyi göreceksiniz.

5. Green Navigation (yeşil navigasyon)

Bu derste parlaklık efekti ile şık görünümlü yeşil navigasyon oluşturmayı öğrenebileceksiniz.

6. High-Detailed Plastic Navigation Bar (Yüksek detaylı plastik navigasyon bar)

7. Modernistic Navigation Module (Çağdaş navigasyon modülü)

Photoshop ile güzel navigasyon modülü oluşturun. Zarif tasarımlar oluşturmak için gerekli adımları görebilirsiniz.

8. Create a Nice Stylish Glossy Button in Photoshop (Photoshop'da şık ve düzgün buton oluşturmak)

9. Light Lime and Blue Navigation (Açık Limon ve Mavi Navigasyonu)

10. Stylish Dark Navigation Box (Şık koyu navigasyon kutusu)

Bu derste bazı efekt ve araçları kullanarak gelişmiş navigasyon kutusu oluşturmayı görebilirsiniz.

11. Creating A Cool 3D Web Design Effect (Harika 3d web tasarım efekti oluşturmak)

Geçiş ve katman efektlerini kullanarak kolay teknikleri göstermektedir.

12. Web Button Making Tutorial 1 (Web buton yapımı dersi)

Web buton setinin nasıl oluşturulduğunu bu derste ulaşabilirsiniz. Photoshop ile temel bilgileri bildiğiniz varsayılmaktadır.

13. Web Button Making Tutorial 2 (Web buton yapımı dersi)

14. Photoshop Tutorial: Designing a Unique Bookmark Box (Photoshop dersi: Tek yer imi kutusu tasarlamak)

Bu ders blog ve web siteniz için profesyonel şık yer imi kutusu oluşturmayı göstermektedir.

15. Volkswagen Inspired Navigation (Volkswagen'den esinlenilmiş navigasyon)

16. Professional Menu Button (Profesyonel menü butonu)

Bu derste adım adım ilginç profesyonel menüler tasarlamayı görebileceksiniz.

17. Design Watercolor Effect Menu (Suluboya efekt menüsü tasarlamak)

18. Professional header design for your website (websiteniz için profesyonel başlık tasarlamak)

Profesyonel başlığı kolayca görünür hale getirmek için hoş bir ders.

19. Glossy-Style Carbon Fibre Navigation Buttons (Düzgün stil karbon dokusu navigasyon butonu)

20. Interface Orbs (Gözbebeği arayüzü)

Standart arabirim ile bir teknik kullanarak gözbebeği tasarlamayı öğrenebileceksiniz.

21. How To Create a Stunning Vista Inspired Menu (Vista'dan esinlenilmiş çekici menü nasıl oluşturulur?)

Bu derste gölgeler kullanarak şık bir menünün nasıl oluşturulacağını görebilirsiniz.

22. Clean Vertical Navigation Interface in Photoshop (Photoshop'da temiz dikey navigasyon arayüzü)

Websiteniz için temiz dikey navigasyon arayüzünün nasıl oluşturulduğu yer almaktadır.

23. Clean White Navigation Bar (Temiz beyaz navigasyon bar)

Sadelik ve güzellik bir web sitesinin anhatarıdır. Photoshop'da güzel navigasyon bar çizimini öğrenin.

24. RSS button in Photoshop (Photoshop'da rss butonu)

25. Stylish Dark Navigation Menu (Şık koyu naviasyon menü)

Dikdörtgen aracı ile bazı hileler yaparak şık bir navigasyon kutusu dersi.

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

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

40 Gerçekten Kullanışlı Photoshop Metin Efekti Dersi

24 Hayran Eden Photoshop Dersi

3d Metin Efekti Oluşturmak İçin 25 Photoshop Dersi

Photoshop Kullanarak 29 Harika "Forum İmzası" Hazırlama Dersi

Web Tasarımı Oluşturmak İçin 16 En Hoş Photoshop Dersi (İngilizce)

Photoshop'ta Simge Oluşturmak İçin 30+ Şaşırtıcı Ders

75 Fevkalade Photoshop Fırça Seti

500+ Photoshop İçin Püskürme Fırça Seti

20 Güzel Klasikleşmiş Photoshop Fırça Seti

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

35+ Faydalı Photoshop Eklentisi

kaynak: 1stwebdesigner.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı infoman 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

Tasarımınızı Daha Popüler Yapın

infoman — Tue, 07 Jul 2009 13:17:00 GMT

buildinternet.com okurlarına web tasarımlarını geliştirebilmeleri için 8 tavsiyede bulunuyor

1.Renkleri Parlatın

Eğer tasarımınız size özel olduğunu hissettirmiyorsa tasarımınızdaki renkler üzerinde biraz oynamanız bu eksikliği giderebilir. Renkler hakkında fazla bilginiz yoksa Color Scheme Designer'dan yardım alabilirsiniz.

Sağda renkler biraz canlandırıldı.

2.Tek renkli temaları az kullanın

Siyah beyaz tasarımlar oldukça hoş görünebilir veya bu tür tasarımları oluşturmak daha kolay olabilir ancak daha fazla renk bize istediğimiz nesneyi vurgulama imkanı verir.

Farklı renk paletleri kullanmak vurguyu artırır.

3.Rehber Çizgiler üzerinde Tasarlayın

Yazılarınızı ve diğer nesnelerinizi rehber çizgiler (grid) kullanarak düzgün bir hizada yerleştirmeniz tasarımınızı daha hoş gösterecektir. Tasarımınızda bu çizgilerden yardım alın.

Rehber çizgilerle hizalanan nesneler.

4.Parlatmaya zaman ayırın

Gölgelemekten korkmayın, gölgeler düz ve sıkıcı görünümü engeller.
Tasarımlardaki farklı bantların sınırlarına 1 pixel kalınlığında çizgiler çekin. bu bantları daha canlı gösterir.
Yazı ve arkaplan üzerinde yapılacak hafif bir eğim efekti nesneler üzerinde 3 boyutlu hissi uyandırabilir.

Sınırlar daha belirgin arka alan cilalanmış gibi

5.İmajları sınırlandırmayın

İmajlar sınırların üzerine taşsın. Böylece tasarımınız daha hoş görünebilir. Birkaç css ayarlamasıyla bunu yapmak mümkün ve bu Lee Munroe'nun makalesinden öğrenilebilir.

Sınırlardan taşan imajlar

6.Boşluk Bırakın

Örneğin başlık tasarımlarında (header) logoyu İsmi ve sloganı dar bir alana hapsetmek yerine biraz daha geniş bir bant ayırın.

Daha geniş bantlar

7.Dokular
Ardalana biraz doku ekleyebilirsiniz böylece ardalanı tasarımınızla bütünleştirebilirsiniz.

Dokular

8.Vurgular

Vurguları kullanın. Vurgular imajlarınıza üzerinde bulunduğu yüzeyden daha üstte duruyormuş hissi verir.

Vurgular

Tavsiyeleri bu kadar. Tüm bu tavsiyelerin başarıyla uygulandığı örnek bir tasarım da Marketcircle.comda sergileniyor. tasarımına bakmak için ve tavsiyelerin başarılı olup olmadıklarını gözlemlemek için ziyaret etmekte fayda var.

Bu yazı infoman 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

kesintisiz (seamless) desen kaynakları

infoman — Tue, 07 Jul 2009 11:04:00 GMT

tasarımlarınızda, büyük boyutlu arkaplanlar yerine tasarımlarınızı renklendirecek desenler (pattern) kullanabilirsiniz. bunların da seamless denilen herhangi bir bağlantına noktasına sahip olmayan ve bütün bir görüntü arz edenleri makbul. işte bu tarz desen bulabileceğiniz 22 site:

tüm yazılarım - kaynak

Bu yazı infoman 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