Tag Archives: web tasarım

Web Tasarım

Web Tasarım

Bir süredir yazmak konusunda tereddütlerim vardı. Bu başlık altında öncelikle sizden gelen talebleri cevaplamak istiyorum. Web tasarım ile uğraşmak isteyen veya bu konuda belli bir mesafe kaydetmiş arkadaşlar için elimden geldiğince yardımcı olmak istesemde fikir ve kurallar konusunda genel olarak bilgi versem de çoğu zaman yetersiz kalıyor. Genel olarak gelen mesajlarda web tasarım öğrenmek istiyorum ama artık ilerleyemiyorum yardım edermisiniz veya video, resim gibi çeşitli web tasarım anlatımları yapabilirmisiniz gibi isteklere her ne kadar olumlu dönüşler yapmak istesem pek mümkün olmuyor.

Web tasarım için bir kaç video hazırlamaya çalıştım öncelikle bir çok detay videoda kaybolduğu için bu ve saatlerce sürecek bir anlatım ciddi bir zaman kaybı yaratıyor işe yaramamasıda cabası. En mantıklısı ise resimli tek tek yönergelerin yapıldığı anlatım biçimi ama bunuda komple bir web sitesi için hazırlamak günler sürecek ve ciddi bir döküman biriktirecek. Genel olarak bir çok yöntemi içinde bulunduran bir proje için anlatım yapılıp sunulabilir, Ama devamlı olarak bu tarz anlatımlar hazırlamak imkansız. Çünkü tasarımı yaparken hangi değerleri kullandığınızı veya hangi dokuları birleştirdiğinizi çoğu zaman dikkat edemezsiniz sadece refleklerinizle hareket edip olması gerektiği şablona yorumlarınızı katıp deneyip bulursunuz.

Bir çok yabancı sitede buton veya ufak bir kutu veya çeşitli çizimleri anlatan uygulamalar bulunmakta ama baştan sonra web tasarım için biraz daha farklı bir anlatım biçimi bulmak gerekiyor.

Bu konu şuan bu şekilde hala üzerinde düşünüyorum. Bu tarz isteklerde bulunan arkadaşlar çözüm önerileri ile dönüş yaparlarsa en azından farklı alternatifleri de düşünmek için fırsatım olabilir.

Diğer bir 1renk.com’da (Turgay) neler oluyor:

Kendine gerçekten güvenen insaların en büyük sorunu onlara güvenecek, hakkını verebilecek başka insanlarla çalışmak. Bir süre sonra bu arayışa bir son verip, insanların sizi bulmasını ve bu kişilerle doğru bir ortak noktada buluşabileceğiniz ihtimali dahilinde bir çalışma ağı kurup ortak çıkarlar doğrultusunda iş yapmaya başlıyorsunuz. Çoğu zaman bir süre sonra farklı tercihler veya fikirler çerçevesinde tekrar ayrılmakla son buluyor.

Tekrar tekrar bu döngüyü yaşayınca hedeflerinizde zorda olsa değişiklikler yapma gereği duyuyorsunuz.

Yurtdışına çıkmak bunlardan birisi, diğeri farklı kollardan ticaret alanlarına atılmak, ajans deneyimine kariyer fırsatları dahilinde yükselip çeşitli alanlarda iyi bir noktaya ulaşmak, mevcut müşteri portföyü dahilinde 1renk.com kurumsallaşması şuan için pek mümkün değil ama oda ufak bir ihtimal, tabi her zaman olduğu gibi freelance çalışmak..

Son zamanlarda her türlü alanda geri kaldığımı düşünmemin yanında tasarımlarımda da ciddi bir kalitesizlik seziyorum, ilham eksikliği veya kısa süreli bıkkınlıkta olabilir nedeni emin değilim bunları aşmaya çalışmak biraz zaman alıyor:)

1renk.com sayesinde günde onlarca yeni kişi veya kurumla görüşüp çeşitli işler çerçevesinde tanışıp bilgi alışverişinde bulunuyorum. Hali hazırla 6 – 7 senelik müşterilerimle bir çok konuda çalışmaya devam ettiğim için şuan yeni kişilerle veya kurumlarla diyalog içinde olup ihtiyaçlarını karşılamak gelecekte tanınmışlık ve tercih edilme konusunda 1renk.com’un iyi bir seviyede olacağını düşünüyorum.

Web tasarım aslında bilinen anlamları dışında bir hayat felsefesi haline dönüşüyor, yaptığınız her türlü eylemin odak noktası, hedeflerinizin, planlarınızın yanında paralel doğrultuda ilerleyen bir kılavuz çizgisi..

Özellikle kendinizi geliştirmek konusundaki kararlılığınız yeterince güçlü ise.

Öğrenmek isteyen arkadaşların bilmesi gereken şey bu iş her sıkıcı olmuştur, bu yüzden özellikle öğrenme sürecinde harcayacağınız zaman sizden yüksek oranda sabır ve kararlılık bekler. Benim için bile zaman zaman yaptığım iş dışındaki herşey daha eğlenceli geliyor bu zamanı en iyi şekilde değerlendirmek sizin yapabileceğiniz bir şey.

Ben şuan çalışmak yerine 1 saattir bu yazıyı yazmakla uğraşıyorum bunun nedeni anlatacaklarımın önemliliği değilde şuan çalışmak dışında bir şeyler yapıp bu süreçte yaptığım işle ilgili daha detaylı düşünmek için zaman kazanmak oluyor.

Uzun ve sıkıcı bir yazıydı bitti…

Kolay Gelsin.
Turgay Çakır

(..web tasarım hakkında yalan yanlış bilgiler..)

2 Comments

Yaptığımız İşler

Yaptığımız İşler

Özellikle freelance çalışırken karşılaştığım en büyük sorunlardan biri, yaptığım tasarımların, çalıştığım kişilerin her detayında benimle bağlantı kurulması. Ben daha dün ödeme aldığım bugün tasarımına başlamam gereken kişinin msn adresini hatırlamadığım için saatlerce msn listemdeki olabilecek herkesin konuşma geçmişine bakıp aradığım kişiyi bulmaya çalışıyordum. Birileri çıkıp 1 – 2 sene önce çalıştığım kişinin bilgilerini isteyip veya o kişiler hakkında alakasız soruların muhattabı olarak beni görmesini henüz anlamış değilim.

Bunun yanında güzel olan tek konu 4 – 5 sene önce web tasarım çalışması yaptığım kişilerin seneler sonra beni arayıp yeniden çalışmamız 🙂 Sanırım ben hatırlayamasam da unutulmak konusunda iyi değilim.

Genel olarak son zamanlar da asıl uğraş verdiğim şey yaptığım işlerdeki tasarımın kalitesini biraz daha yükseltmeye çalışmak. Ciddi anlamda yaptığım eski işlerin yetersiz olduğunu düşündüğüm için.

1 Comment

Bazı Tasarımlar

Bazı Tasarımlar

Bazen tasarım yapmak zaman alır. Normalde günler geceler süren bir proje bazende 1 – 2 saatte sıkıştırılıp hiç olmayacağı kadar temiz kaliteli bir işe dönüşür.

Bu benim her zaman savunduğum ilk aklınıza gelen fikrin en doğrusu olduğunun kanıtı gibi. Yaptığınız bir tasarımı kurcalamaya geliştirmeye başladıkça daha da batıyorsunuz çoğu zaman. Çizgisinden çıkıp aslında hayal etmediğiniz, beğenmediğiniz bir çizgi.

Bu revizeler çoğu zaman bu şekilde değil tabi ki. Her zaman bu sonucu almak sizin eksikliğiniz olurdu. Fakat işin büyüsü var ve siz çizgiden çıktıkça o büyü kaçıyor. En çok beğenilen tasarımlar hiç revize görmemiş, 2- 3 saatte oluşturduğum tasarımlar örnek:

http://trcakir.deviantart.com/art/Alce-Electrical-263041450

http://trcakir.deviantart.com/art/Carren-Watches-296759801?q=gallery%3Atrcakir%2F8839267&qo=15

Ama kapitalist düzen neticesinde her şey tasarım değil çoğu zaman müşteri odaklı pazarlama ürünleri de yapmanız gerekiyor ve buda hiç bir zaman olmayan bir şeyi olduğundan daha güzel daha estetik göstermeniz gerekiyor. Bunda da hiç fena sayılmam 🙂

Sonuçta ihtiyaca yönelik pazarlama unsurları ürünü sunmak, birazda kendinizden katacağınız büyüyle çok iyi işler çıkartabilirsiniz.

Leave a comment

Söyleşi

Söyleşi

cyber-warrior’dan Sh4iN yaptığımız söyleşi:

—————————————————

Konu linki: http://www.cyber-warrior.org/Forum/arayuz-tasarimi-ve-bilinmesi-gerekenler_463137,0.cwx

—————————————————

“Web Arayüz Tasarımcısı” Turgay Çakır’a GW Akademisi ve Gövde Gösterisinde gördüğüm arayüz tasarımlarındaki eksikliklerden yola çıkarak sizleri bu konuda bilgilendirmek için sizler adına sorular sordum.

Başlayalım..

1-) Web arayüz tasarımına başlamadan önce hangi programlardan yararlanabiliriz?
Photsohop, Fireworks, ColorPic, Illustrator

2-) Web arayüz tasarımına başlamadan önce çalışma boyutları nasıl olmalıdır? 960 Grid System nedir?
Tercihlere göre değişebiliyor. Mümkün olduğunca geniş ekranda çalışmak artık gereklilik oldu. 1800 *768 boyutları standart çalışma alanımı oluşturur. Fakat içerik alanının genişliği 960 px aralığında olma zorunluluğu hala bir sorun olsa da şuan için vazgeçilmez bir unsur. Göz ardı etmememiz gereken diğer bir konuda site eğer 560 px yükseklikten daha uzun olacaksa bu durumda ilk karşılama ekranını 560 px yükselikte görebileceğini hesaplamak ve site bölümlerini buna uygun konumlandırmak. (16,5″ lik laptop ekranları)

3-) Web arayüz tasarımında (renk uyumlulukları vb) nelere dikkat etmeliyiz?
Renk uyumluluğu zamanla kazanılabilecek bir alışkanlık aslında. Önemli olan her zaman yeniliklere ve değişikliklere hazırlıklı olmalısınız. Üzerinde çalıştığınız proje çok aykırı renklerin kullanımı gerektirebilir veya tam tersi standart renklerle çalıştığınız bir işi siz çeşitli parlama ve gölge oyunları ile farklı bir konuma taşıyabilirsiniz. Renkler konusunda genel bir standartım yok aslında sadece benim beğendiğimi genelde karşı tarafta beğeniyor demem doğru olur. Tasarımda vazgeçilmezlerimden olan aslında brush + overlar + softlight birleşimi: Tasarladığım butonun yüzeyine brush la rastgele açık koyu efekleri verip layer özelliğini overlay veya soft light olarak kullanırım sık sık. Standart renk kullanımlarına bağlı kalmak ilk zamanlar size yetecektir bunun için devaintart, behance gibi sitelere üye olup popüler tasarımları inceleyip renk kombinasyonları hakkında bir fikir alabilirsiniz. Fontlar, renkler, objeler, görseller, dokular, hepsi bir uyum içinde olmalı, Son zamanlarda dokular oldukça önem kazandı. Standart düz renk veya gradientli arkaplanları geride bırakacağımız günler yaklaştı diyebilirim. Dokuları bir çok şekilde oluşturabilirsiniz. Photoshopta pattenler, çeşitli sitelerden bulabileceğiniz textureler veya herhangi bir fotoğrafın blur ve noise filitrelerinden geçilirmiş hali… seçenekler dahada arttırılabilir.

4-) Web arayüz tasarımında font uyumlulukları ve yazı tipleri nasıl olmalıdır?
Font konusunda çok sıkıntı yaşıyorum ben. Nedeni ise daha önce yaptığım gibi binlerce fontu windowsta kullanmak aşırı yavaşlamaya sebebiyet veriyor. Bu yüzden çok sık yeni fontları arşivime katmadığım için kısıtlı sayıda fontla uzun zaman geçirmiş oluyorum. Bu da sizi bir süre sonra tasarım yönünden olumsuz etkiliyor. Uyumluluk bu konuda biraz seçici olmaya dayanıyor. Basit kullanım hataları yapmamak, çok fazla font çeşitliliğinden kaçmak ve tasarım akışını bomamak dikkat etmeniz gerekenler. Web arayüzlerde aslında düşündüğünüz kadar fazla font seçeneğiniz yok sadece olanı iyi kullanmak şuan için yeterli.

5-) Web arayüz tasarımında ikonların önemi?
Diğer her şey gibi ikonsal anlatımda gerektiği yerlerde kullanılmalıdır. Eskilerden gelen bir alışkanlık standart menü ikonları değil tabi bahsettiğim. Daha çok içeriğin önem arzeden kısımlarında sıklıkla kullanmak gerekiyor. Çoğu zaman standart ikonlar tasarımı anlatmakta güçlük çeker bir şekilde düzenleyip gerektiği yerde mümkünse fireworks ta kendi ikonlarınızı çizip tasarımlarımınızda kullanmanız ciddi bir fark yaratır. Son zamanlarda iphone, ipad ve diğer mobil cihazlardan sonra ikonsal kullanım biraz daha önem kazandı. Tasarıma uygun kendi ikonlarınızı yapmak aslında çok basittir ama çoğu zaman daha kolay yöntem olan iconfinder veya google aramalarını tercih edebiliyoruz.

6-) Kurumsal bir firmanın arayüz tasarımı estetik konusunda nasıl olmalıdır? Nelere dikkat edilmelidir?
Özellikle internet sitesini kartvizit olarak kullanan kurumsal şirketlerin en çok dikkat ettikleri şey kendilerini kısa yoldan, iyi şekilde anlatmak oluyor. Bu yüzden normalde çalıştığınız yöntemi biraz değiştirip müşterinin isteğini çok iyi anlamak ve yorumlamak gerekiyor, ekstra katacağınız çeşitli görsel düzenlemeler de yine çok fazla sivrilmeden, ön planda asıl yapmanız gereken işi tutmalısınız. Sadelik sizi sonuca götürecek bir yol. Biraz işin tasarım yönünden uzaklaşıp pazarlamasına odaklanırsak aslında burada sizi zorlayacak olan firmanın istediği, sizin hayal ettiğiniz ile çoğu zaman uyuşmaz. Kurumsal arayüz tasarımında müşterinin varsa renk beklentileri alternatiflerini öğrenmek, rakip firmaları iyi incelemek ve önem arzeden içerik bilgilerini göz önünde bulundurmak. Gerisi sadelik ve sizin hayal gücünüze kalıyor.

7-) Web arayüz tasarımına başlamadan önce müşteriden hangi bilgiler alınmalıdır?
Daha önceki soruda kısaca açıklamasını yapmıştım ama bu konu daha detaylı ve farklı başlıklar altında ele alınabilir. Müşteri profiline göre değişken bir konu ama sizi besleyecek ana başlıklar bellidir. Öncelikle yapacağınız projenin benzer tarzda örnekleri olup olmadığı ilk isteyeceğiniz bilgiler arasında. Varsa eğer detaylı olarak örnek siteleri inceleyip ekstra içerik beklentilerini öğrenebilirsiniz. Bu örnek siteler için müşteriden yorumlar alıp yapmanız veya yapmamanız gereken şeyleri kısmen öğrenmiş olursunuz. Sonrasında tasarımsal kurgusal beklentileri öğrenip, varsa renk seçenekleri hakkında fikirleri alınabilir..
Eğer çalışacağınız projede benzer tarzda bir site yoksa iş biraz karışıyor. Yeni daha önce uygulanmamış bir işte sizin üzerinde çalışabileceğiniz detaylı bir site haritası gerekiyor. Sonrasında ana sayfada kullanılacak modüllerin listesi (manşet bölümü, haber bölümü, içerikler vs.) ve yerleşimi hakkında kısa özet bilgiler edinecekleriniz arasında olmalı. Müşterinin beklentileri sizi daha fazla bref almaya yöneltebilir, örnek olarak beğenilen tasarım tarzlar, sayfa konumlandırılması için panit’te yapılacak basit çizimler vs.

Özetlersek:
1. Örnek siteler.
2. Sade veya daha komplike bir tasarım isteyip istemedikleri
3. Renk beklentileri (genel bu açık veya koyu renk bir tasarım isteyip istemediklerini anlatır size)
4. Site haritası
5. Ana sayfada kullanılacak modüller
6. Tercihe göre anasaydaki modüllerin yerleşimine örnek olabilecek basit bir çizim, bu taslağa bağlı kalmasanız da yine size fikir vermesi açısından önemlidir.

> WEB TASARIM NOTLARI
Web tasarım emin olun benim anlattıklarımdan çok daha farklı bir iş ve sektör. Siz ne kadarını anlayabilirseniz o kadarı görünüyor. Ben iyi bir tasarımcı olduğum iddasını kabul etmem hiçbir zaman. Yaptığım şey müşterilerimi anlayıp ihtiyaçlarına yönelik en uygun tasarımları üretmek. İş yoğunluğumun çoğunu freelancelar oluşturmaktadır. Bu yüzden tasarım konusundaki deneyimlerimi arttırmaya çalışırken ayrıca pazarlama, müşteri ilişkileri ve planlama yada önem vermem gerekiyor. 1 – 2 senelik iyi planlanmış bir eğitim süreci, yoğun çalışma temposu ile bu sektöre duyduğunuz ilgi sizi arayüz tasarımı konusunda iyi bir noktaya getirebilir. Sonrasında adımlarınızı atmak biraz daha zorlaşacaktır. İşin emekleme döneminde yapacağınız yüzlerce tasarım öğrenmek için iyi bir başlangıç.
İyi bir tasarımcı olmak, flash, action script, css/html, jquary, gibi uygulama alanlarına hakim olmayı ve bunun yanında logo, afiş, banner, flash animasyon uygulamaları ve çeşitli karakter çizimlerini de yapmanıza yetecek bilgiye sahip olmanız gerektiğini unutmayın.
Anlatılabilecek çok fazla detay olsa da işin hikaye kısmına girmek biraz yorabilir o yüzden devamlı uygulama yapmak size anlatacaklarımdan daha fazlasını katacaktır.

Bildiklerimin bir kısımını dahi aktarabildiysem ne mutlu bana.

Kolay gelsin.
Turgay Çakır
www.1renk.com

Arayüz tasarımı yaparken size ilham kaynağınız olması için örnek arayüz tasarımlarını incelemeniz sizlerin yararınıza olacaktır.

1 Comment

Web Portal 2

Web Portal 2

Web portal temasını dağıttıktan 2 sene sonra web portal 2 tasarımını tamamlayıp sunuyorum. Tasarımda köklü değişikliklere gitmemişte olsam daha kullanışlı ve görsel olarak daha iyi bir tasarım çıkardığımı düşünüyorum.

 

Css/Xhtml technic DLE Entegre: hgtucel

Web portal tasarımı beni şuana kadar sanırım en memnun eden çalışmalarımdan. Bir çok platformda kullanılıp, yurt dışında çeşitli formatlara dönüştürülüp yayılmasında, tasarımın css/ html çalışmalarını yapan arkadaşların ve çeşitli cms sistemlere uygulayan kişilerinde payı büyük. Çok iyi yaptığınızı düşündüğünüz bir tasarımın üstüne çıkmak çok zor açıkcası umarım bu tasarımda beğeninizi kazanabilecek bir çalışma olmuştur.

Kullanım Hakkı: Tasarımı kaynak belirttiğiniz sürece istediğiniz şekilde kullanmak ve dağıtmakta özgürsünüz. Hazır cms sistemlere uygulayıp üretli satışını yapabilir veya free dağıtabilirsiniz.

 

web portal 2

web portal 2

15 Comments

a40

a40 kurumsal site tasarımı.

Ajans: Grimor

a40

Leave a comment

Kurumsal Site

Kurumsal site tasarımı

Ajans: Grimor

kurumsal

Leave a comment

Duvar Kağıtları

Duvar kağıtları kurumsa site tasarımı.

Ajans: Grimor

duvar kağıtları

Leave a comment

Luna

Luna kurumsal site tasarımı.

Ajans: Grimor

luna

Luna için yorumlar kapalı

MD

MD kurumsal site tasarımı.

Ajans: Grimor

MD

Leave a comment
İLETİŞİMİLETİŞİM
Do you need quickly support ?

Some text here...

* Required
Send Message