bildirgec.org - speedyeko - beğendikleri

Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması

speedyeko — Fri, 30 Oct 2009 07:38:00 GMT

Farklı konularda tasarım işleri ile uğraşan tasarımcılar, HTML ve CSS gibi web dilleri ile uğraşmadan, çalışmalarının sunumlarını gerçekleştirebilecekleri 15 adet Wordpress Portfolio Temasını Bu listede bulabilirler.

1- Creative by Nature | Önizleme

2- Work-a-holic | Önizleme

3- Vivee | Önizleme

4- Irresistable | Önizleme

5- WP Coda | Önizleme

6- Folio Elements | Önizleme

7- FotoFolio | Önizleme

8- WPESP Portfolio Theme | Önizleme

9- Sharpfolio | Önizleme

10- Viewport | Önizleme

11- The Unstandard | Önizleme

12- Gallery Theme | Önizleme

13- Fullscreen | Önizleme

14- Infinity | Önizleme

15- Linquist | Önizleme

Bonus++++:
+70 adet harika photoshop eğitimi ve kaynağı
+Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+En iyi 10 jquery slider eklentisi

Kaynak: wpbeginner
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

Profesyoneller İçin En İyi 11 Flash Menü ve Navigasyon Dersi

speedyeko — Wed, 14 Oct 2009 09:32:00 GMT

Profesyonel kullanıcılara özel gelişmiş bu dersler ile çarpıcı menülerin nasıl yapıldığını öğrenebileceksiniz. Bir web sitesi tasarımında flash az tercih edilir. Ancak bu hareketli sayfalar her zaman daha çekici gelmektedir. Özellikle menünün çok kullanışlı olması gerekiyor. Çünkü site üzerinde gezinti, menü aracılığı ile sağlanır. Aşağıda gelişmiş menü derslerine ulaşabilirsiniz.

1. Glass Aero Flash Menu with Fade Effect

Bu derste Flash CS3'de harika soluk efekti ile vista aero flash menünün nasıl yapıldığını öğreneceksiniz.

2. Funky Flash Website Tutorial

Bu derste dönen yıldız efekti ve harika butonlar aracılığı ile nasıl güzel web sitesi yapıldığını öğreneceksiniz.

3. Spore Menu

Kullanışlı bir açılır menü uygulamasıdır.

4. Rotating Menu via ActionScript 3

Bu derste dönen bir menünün nasıl oluşturulduğunu göreceksiniz. Temel bir menü örneğidir.

5. Professional Menu with Effects in Flash CS3

Bu harika video ders ile adım adım profesyonel bir menünün nasıl yapıldığını öğreneceksiniz.

6. Advanced XML Menu with ActionScript 3

Bu derste gelişmiş bir xml menü örneğine ulaşabileceksiniz.

7. Shaky Flash Menu with ActionScript 3

Bu derste harika bir flash menünün actionscript 3 ile nasıl oluşturulduğunu öğrenebileceksiniz. Tüm animasyon actionscript ile yapılmıştır.

8. Modern Horizontal Flash Menu

Bu ders size harika bir yatay menünün nasıl oluşturulduğunu gösterecektir. Animasyon için actionscript 3'e ihtiyacınız vardır.

9. Black Navigation Menu Flash Tutorial

Yeni başlayanlar için ideal bir ders.

10. Advanced and powerful flash menu with sound

Bu ayrıntılı ders ile gelişmiş modern bir flash menüsünün nasıl yapıldığını göreceksiniz.

11. Advanced Drop Down Menu Tutorial

Gelişmiş bir açılır menü uygulaması. İleri düzey kullanıcılar içindir.

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

25 Güzel ve Yaratıcı Flash E-Ticaret Sitesi

İlham Kaynağı Olabilecek 13 Yaratıcı Flash Preloader (Yükleniyor) Uygulaması

Flash Gibi Jquery Menü

Youtube'dan 60+ Müthiş Flash CS4 Dersi

30 En İyi Flash Bileşeni

Ücretsiz Flash Fotoğraf Galerisi

Çok Aranan 10 Flash Dersi

30 Flash Tabanlı Fotoğraf Sitesi

25+ Kaynak Dosyaları İle Ücretsiz Flash Website Şablonu

Tüm Zamanların En Yaratıcı Flash Preloader (Yükleniyor) Uygulamaları

28 Çekici Flash Preloader (Yükleniyor) Uygulaması

Web Siteniz İçin 10 Harika Flash Tabanlı Mp3 Player

kaynak: colorburned.com | flashscope.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

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

speedyeko — 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ı speedyeko 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

İlham Kaynağı İçin 35 Güzel Su Temalı Web Tasarımı

speedyeko — Mon, 21 Sep 2009 07:21:00 GMT

İnsan yaşamının en önemli kaynağı sudur. Su olmadan hiçbir canlı yaşamını sürdüremez. Bu kadar önemli olan su, tasarımcılar içinde önemli bir ilham kaynağıdır. Aşağıdan su temalı birbirinden güzel web tasarımlarına ulaşabilirsiniz.

1. Bustin Down The Door

2. Aquatory

3. Mamzyczenie

4. Dizzain

5. Baikal Web

6. Hellenic holidays

7. 4internet

8. Under Water Portfolio

9. Pueblo Bonito

10. Design Disease

11. Frisk Design

12. 2Advanced

13. Seamonster

14. Alexandra Tong

15. Native Springs

16. Ruonis

17. The Corona Beach

18. Buceo de Los Andes

19. Black Sea Fishery

20. Surf in Paradise

21. Gomaroochydore Accommodation

22. Fish Trading Company

23. Quinns Reefbb

24. Ekoch Gren

25. Varia Proboards

26. Trident Boat Hire

27. Gird

28. Maldives Resort Lagoon

29. Nautilus Diving Bali

30. Celebrations in Cyprus

31. Pojeta

32. Water World

33. Sea

34. Studios Template

35. Uni Travel

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

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

web ve grafik tasarımcıları için harika kaynaklar

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

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

Web Tasarımında Beyaz Renk Kullanan Web Siteleri

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

İlham Kaynağı Büyük Arkaplan Resimleri Kullanan Web Siteleri

30 Güzel İllustration Website Altı (Footer)

30 İlham Kaynağı Karanlık ve Pürüzsüz Web Tasarımı

İlham Kaynağı Turuncu Renk Kullanan Web Siteleri

İlham Kaynağı Ahşap Arkaplan Kullanan 15 Yaratıcı Web Site

Web Tasarımcılar İçin 25+ Grafikli Bilgi

Web Tasarımlarınıza İlham Kaynağı Olabilmesi İçin 35+ Yatay Web Sitesi

30 Müthiş İlham Kaynağı Otomobil Web Sitesi

Web Tasarımında Suluboya Kullanan Web Siteleri: 25+ Harika Örnek, 50+ Kaynak ve Ders

Web Tasarımcıları İçin 30+ İlham Kaynağı Portföy Tasarımı

Web Tasarımcıları İçin 12 Mükemmel Sosyal Haber Sitesi

45+ Ender Görülen Website Tasarımı

12 Tasarımcı Ders Sitesi

25 Güzel ve Yaratıcı Fotoğrafçılık Sitesi

Web Tasarımında Pembe Renk Kullanan Web Siteleri

kaynak: sixrevisions.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

65 Yeni ve Güzel Tek Sayfa Web Tasarım Örneği

speedyeko — Tue, 15 Sep 2009 06:44:00 GMT

Bu yazıda yaratıcı, etkileyici ve en önemlisi size ilham kaynağı olabilecek tek sayfa web tasarımlarına ulaşabileceksiniz. Genellikle bir ürün tanıtımı için tek sayfa tasarımları ön plana çıkar. Temel amaç yaratıcılığı geliştirmenizi sağlamaktır.

1. Webtalents

2. Wallswaps

3. Artcore illustrations

4. Zweiviereins

5. Rotciv

6. Yodaa

7. Raulbc

8. Aredesforgirls

9. Slicemachine

10. Mimeartist

11. Benjigordon

12. Unowhy

13. Creaturesland

14. Realvaluemanagement

15. Bestbefore

16. Pasikeitimai

17. Numancebi

18. Gudanghome

19. Ifekt

20. Makephotoshopfaster

21. Polargold

22. Sid05

23. Dconvulsions

24. Artist in Design

25. Designattik

26. Also Online

27. Intermissiondesign

28. Drewwohlberg

29. Spiraldesign

30. Rmpanalysis

31. Pixelounge

32. Ladc

33. Sean Nieuwoudt

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

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

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

İlham Kaynağı 21 Güzel Giriş Sayfası / Form Tasarımı

İlham Kaynağı Büyük Arkaplan Resimleri Kullanan Web Siteleri

İlham Kaynağı Ahşap Arkaplan Kullanan 15 Yaratıcı Web Site

30 Müthiş İlham Kaynağı Otomobil Web Sitesi

kaynak: instantshift.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

14 adet video anlatımlı photoshop dersi (yeni)

speedyeko — Sat, 12 Sep 2009 09:58:00 GMT

photoshop, o kadar eşsiz bir program ki onunla yapabileceklerimizin ucu bucağı yok gibi. bu yüzden aklınızdan geçenleri, hayal günüzde belirenleri yansıtabileceğiniz en muhteşem araçlardan biridir. photoshop ile yapılabilecekler o kadar çokken dersler ve efekt uygulamaları ile ilgili internette veya bildirgeç'te de birçok yazı bulmanız mümkün. ve bu dersler arasında görsel anlatımlı olanlar her zaman daha öğretici daha pratik olmaktadır.

bu bildiride, daha önce şurada paylaşılan video anlatımlı photoshop derslerine yenilerini ekleyerek, photoshopta uzmanlaşmanızı sağlayacak 14 adet video anlatımlı photoshop dersine yer vereceğiz.

photoshopta gerçekçi bir gün ışığı yapımı

peri tozu yapım dersi

Photoshopta Çöp Kutusu Yapımı

dijital duman yapımı

Gritty Photo Effect

Watercolour / Ink Blot Effect

photoshop ile yansıma oluşturmak

Photoshop Tutorial: Pop Art

photoshop ile gençleştirme

the da vinci design

photoshop ile etkileyici gözler

create a new Planet in photoshop

photoshopta renkli girdap yapımı

Cool Dark Night Effect

[kaynak]

tüm bunların sonunda photoshop ile ilgili şu dersler de ilginizi çekecektir:

|diğer yazılarım|

|dilerseniz yazılarımı rss üzerinden de takip edebilirsiniz|

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

10 Güzel Jquery ve MooTool Takvim Eklentisi

speedyeko — Thu, 10 Sep 2009 06:29:00 GMT

Takvim, popüler bir form elemanıdır. İnsan hatasını en az seviyeye düşürmeye yardımcı olur. Bunun yerine tipi belirlenmiş formatta tarih ile kullanıcılarınıza seçim imkanı verebilirsiniz. Bu biçimlendirme sorununu ortadan kaldırır. Kullanıcı dostu ve anlaşılması kolaydır.

Bu yazıda 10 Jquery ve MooTool takvim eklentisi yer almaktadır ve bazıları çok iyi bir şekilde tasarlanmıştır.

Jquery

1. Full Calendar | Test

2. jCalendar | Test

3. jQuery UI Datepicker | Test

4. jQuery Week Calendar | Test

5. jMonthCalendar | Test

6. Date Picker | Test

7. Simple jQuery Date Picker | Test

MooTool Framework

8. Event Calendar | Test

9. Calendar | Test

10. Vista-like Ajax Calendar | Test

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

7 İlginç Jquery Takvim Eklentisi

kaynak: queness.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

35 kore web sitesi tasarımı

speedyeko — Thu, 10 Sep 2009 11:30:00 GMT

web tasarımcılar belirli bir standart tasarım stili içinde kalmak yerine; farklı tasarım stillerini denemeyi tercih ederler. farklı tasarım stilleri ortaya koymak için farklı kültür deneyimi ve iyi bir gözlem gerekir. bu sayede çeşitli kaynaklardan yararlanarak bunu yaptığı çalışmalarına yansıtmaya çalışır. ABD ve Avrupa tasarımları birbirine çok benzerken uzak doğu kültürü olan "kore" "web site" tasarımları farklılık gösteriyor. tasarımlarınızda farklılık için için kore web sitesi stillerinden sonsuz ilham alabilirsiniz.

korece sitelerde, alfabenin farklı olmasından dolayı, font problemi varmış gibi algılanabilir, ancak bir süre sonra bu fontlar sitedeki grafiklerle bütünlük gösteriyor. sitede font yerine ayrı birer grafikmiş gibi duruyor.

gimgane.co.kr
hangame.com
innisfree.co.kr
isky.co.kr
kbstar

lluon

nurimbo.co.kr
pomm.daum.net
shi samsung
yeppbrandshop
happybean
webzine
paintclub
pandadog

samil-kids
bluecanyon
elastine
kebi
lib bu
pocarisweat
samlipgf
seorakwaterpia
zipless
zimmoah
the-story
kaynak
ilginizi çekebilir:

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

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

90 Yeni ve Yüksek Kaliteli Photoshop İle Web Şablonu Oluşturma Dersi

speedyeko — Mon, 17 Aug 2009 16:46:00 GMT

Web tasarımı için photoshop büyük bir kolaylık sağlıyor. Sürekli yeni dersler paylaşılması, tasarımcılar için büyük bir fırsat. Bu yazıda birbirinden kaliteli photoshop ile web tasarım dersleri bir arada toplanmıştır.

1. Create a Clean and Colorful Web Layout in Photoshop (Photoshop'da Temiz ve Renkli Web Şablonu Oluşturmak)

2. Create a portfolio/business website layout (portföy/iş website şablonu oluştur)

3. Design a Sleek and Modern Hosting Layout (Pürüzsüz ve Modern Hosting Şablonu Tasarlamak)

4. Create a grunge wordpress theme with Photoshop (Photoshop ile eskimiş wordpress teması oluşturmak)

5. Create A Forum Layout Using Photoshop (Photoshop Kullanarak Forum Şablonu Oluşturmak)

6. How To Create a Green Grunge Web Layout (Yeşil Renkli Eskimiş Efektli Web Şablonu Nasıl Oluşturulur?)

7. Create a Nature Inspired WordPress Layout (Doğa ile esinlenmiş wordpress şablonu oluşturmak)

8. Create wordpress theme in Adobe Photshop (Adobe Photoshop'da wordpress teması oluşturmak)

9. Web Site Design Tutorial: Wellknown.as Case (Web site tasarım dersi)

10. Create an Amazing Layout Using Textures (Dokuları kullanarak inanılmaz şablon oluşturmak)

11. How to Design a WordPress Theme in Photoshop (Photoshop'da wordpress teması nasıl oluşturulur?)

12. Create a Stylish Business Layout in Photoshop (Photoshop'da Şık firma şablonu oluşturmak)

13. Design a creative wordpress theme (Yaratıcı wordpress teması tasarlamak)

14. Create a communication layout in Photoshop (Photoshop'da iletişim şablonu oluşturmak)

15. How to Make a nice, eye catching web/blog layout (Göz alıcı, güzel web/blog şablonu nasıl yapılır?)

16. Softblue Template Tutorial (Hafif mavi şablon dersi)

17. Design a Dark, Contrasted Layout in Photoshop (Photoshop'da koyu, kontrast şablon tasarımı)

18. Portfolio Layout #11 (Portföy şablonu)

19. How to Design a Space Futuristic Gallery Layout in Photoshop (Photoshop'da gelecekçi uzay galerisi şablonu nasıl tasarlanır?)

20. Software Layout #4 (Yazılım şablonu)

21. Web Design Layout #10 (Web Tasarım Şablonu)

22. Create a webdesign company layout in Photoshop (Photoshop'da web tasarım şirketi şablonu oluşturmak)

23. Clean Business Layout Tutorial (Temiz iş şablonu dersi)

24. Make a nice corporate website for a product (Bir ürün için güzel bir kurumsal website yapmak)

25. Create a Portfolio Layout with Wooden Background in Photoshop (Photoshop'da ahşap arkaplan ile portföy şablonu oluşturmak)

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

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

Web Tasarımcılar İçin 20 Mükemmel Eğitim Sitesi

En iyi 5 web tasarım aracı

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

Web Tasarımcılar İçin Ücretsiz ve Açık Kaynak 40 Windows Programı

Web Tasarımcılar İçin Gayet Faydalı 15 "Css Grid Yerleşimi" Üreteci

25 Önemli Web Tasarım Aracı

Web Tasarımı ve Geliştiricileri İçin 15 Faydalı CSS Forum

Web Tasarımcıları İçin 12 Mükemmel Sosyal Haber Sitesi

Web Tasarımcılar İçin 25+ Grafikli Bilgi

Web tasarımcıları için en iyi 22 başlangıç kiti

kaynak: 1stwebdesigner.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

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

siteniz profesyonel görünsün: yuvarlak köşeli table' lar

speedyeko — Thu, 30 Jul 2009 11:49:00 GMT

Siteleri profesyonel gösteren Yuvarlatılmış table köşeleri

yuvarlak köşeli table örnekleri

yeni web tasarımcılarının daima ilgisini çeken bir konu da sitelerdeki yuvarlak köşeli table'lardır. Peki bu profesyonel görünümü nasıl kazandıklarını kısaca öğrenmek ister misiniz?

yuvarlak table köşesi

aslında bu konu göreceli olarak birçok grafik editörüyle kolayca yapılabilecek bir düzenlemedir. Kullanıldığı zaman siteye yumuşak ve akıcı bir hava katmaktadır. Biz burada açıklamalarımızı photoshop kullanarak yapacağız ama genelde diğer çoğu grafik düzenleme aracında da hemen hemen aynı öğeler kullanılarak yapılabilir.

Kullandığınız programa bakmaksızın kullanılacak teknik aynıdır: bir daire ya da yuvarlatılmış kare (rectangle) çiz, sonra da onu table'a uygulamak üzere parçala. Mesela biz burada 20 pixellik köşeleri olan bir table yapacağız.

Köşelerin photoshop'ta hazırlanılışı:

# adım-1:
grafik düzenleyicimizde 40 x 40 pixellik bir resimle başlıyoruz.

40 x 40 pixel resim

# adım-2:
arkaplanımızı tasarladığımız web sayfasını arkaplan rengiyle dolduruyoruz.

arkaplan rengiyle sitenin arkaplan rengi aynı olmalı

# adım-3:
sonra, alanımızı tamamen dolduracak şekilde ve table'ımızın renginde bir daire çiziyoruz. dairemizde anti-aliasing kullanırsak daha yumuşak hatlar elde ederiz.

çizdiğimiz daire

# adım-4:
bu sonuncu adımda dilimleme (slice) ya da kırpma (crop) yöntemini kullanmak size ve grafik düzenleyicinize (daha doğrusu paşa gönlünüze) kalmış. Şeklimizi 4 eşit parçaya bölerek devam ediyoruz. Parçaları sol-üst, sağ-alt gibi isimlendirebilirsiniz.

çizdiğimiz dairenin parçalara ayrılması

aşağıda da parçalarımızın resimlerini görebilirsiniz:

sağ alt parça

sağ üst parça

sol alt parça

sol üst parça

# adım-5:
köşeleri doğru bir şekilde yerleştirebilmek için 3 satır ve 3 sütundan oluşan bir table'a ihtiyacımız var. sitemizin arkaplan renginin çizdiğimiz dairelerin arkaplan rengiyle aynı olmasını daha önceden ayarlamıştık zaten. Table şöyle görünüyor olmalı:

table 1

# adım-6:
köşelerde kalan hücrelerimizi 20 x 20 pixel olacak şekilde boyutlandırıyoruz. Çünkü başta parçaladığımız dairemiz 40 x 40 pixel'di hatırlarsanız. Parçalarımızın her biri de 20 x 20 pixel oldu bu yüzden de köşe hücrelerimizi bu şekilde boyutlandırıyoruz. Resimlerimizi yerleştirirken dikkat etmemiz gereken nokta ise hücremizin “cellpadding” ve “cellspacing” değerlerinin “0” olması. Hücre boyutlandırmasından sonra olması gereken şekil şu şekilde olacak:

table 2

# adım-7:
köşe hücrelerimize resimlerimizi doğru yerlerine yerleştiriyoruz.(insert)

table 3

# adım-8:
içeriğinizi de yazarsanız işte bitti!

durmayın!!
bu tekniği biraz değiştirip geliştirerek başka şekillerde de kullanabilirsiniz. Mesela kenar çizgileri kullanarak yaptığınız bir rectangle ile çizgili bir table oluşturabilirsiniz. İlham vermesi açısından bu tekniği kullanan sitelere bir göz atabilirsiniz. Mesela dünyanın en meşhur alışveriş sitesi ebay, onun yerli ortağı gittigidiyor ve dünyanın en büyük ve ünlü video paylaşım sitesi youtube bolca kullanmaktalar bu tekniği. Faydalı olabileceği ümidiyle...

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