Neler yeni

Web Arayüz Tasarımı Nasıl Yapılır?

Full Nvme SSD Disk Desteği Sayesinde Çok Daha Hızlı Web Siteleri! 7/24 Destek. Ücretsiz Antispam Koruma. Ücretsiz Domain. Anında Aktivasyon

wbn

Ad
Soyad
Katılım
25 Mart 2019
Konum
yalova
Konular
10
Mesajlar
10
Ticaret - 0%
0   0   0
  
iletişim
Web tasarım, günümüz bilişim teknolojilerinde devletin de desteklemekte olduğu en önemli unsurlardan birisi olarak dikkat çekiyor. Bildiğimiz gibi teknolojik imkanlar inanılmaz boyutlara ulaştı ve bu boyutlar herkesin ilgisini çekmeye de devam ediyor. Bundan 10 yıl sene öncesine gittiğimizde web sitesi teknolojileri gerçek anlamda şaşılacak durumdaydı. Tabloları ve tabloların renklendirilmesi ile oluşturduğumuz web siteleri sadece içerisinde text içerikler ile insanlara bilgi sunmak amaçlı kullanılıyordu.

Grafik programları, ilk çıktıkları dönemde şimdi ki kadar gelişmiş ve fazla seçenek sunmuyor ve bu neden dolayısı ile sadece ufak manipüle işlemleri için tercih ediliyordu. Bugün ise Photoshop gibi bir programı web sitesi tasarlamak için kullanıyoruz. Aslında web arayüz tasarımı dediğimiz kavram da doğrudan bu konu ile alakalı. Şimdi sizleri genel tanımlamalar ile daha fazla bilgi sahibi yapma amacı içerisinde olacağız.

Web Arayüz Tasarımı Nedir?
Arayüz dizaynı, yeni hazırlayacağımız bir web sitesinin projesini tüm genel hatları ve detayları ile birlikte Photoshop ya da benzeri programlar halinde resim olarak çizdiğimiz işlemlere verilen genel isimdir. Bundan yıllar öncesinde böyle bir teknoloji yoktu ve TABLE kodları ve renklendirmeler ile web siteleri ortaya çıkarılabiliyordu. Ancak bugün Photoshop ya da bu gibi editörlerin işlevlerinin de gelişmesi ile birlikte müşterilerimize web sitelerinin en kaliteli hallerini sunma yolunda önemli adımlar atıyoruz.

Arayüz tasarımı yapabilmek için Photoshop ve en az bu program kadar işlevleri gelişmiş ve CETVEL sistemi ile ince hatları en iyi şekilde ölçmemizi sağlayacak grafik araçlarına ihtiyaç duyabiliriz. Dünya genelinde arayüz tasarımı için en çok tercih edilen program Adobe Photoshop programıdır.

Web Arayüz Tasarımı Nasıl Yapılır?
Web arayüz tasarımı için öncelikle bilgisayarımızda Adobe Photoshop ya da dengi bir grafik yazılımının yüklü olması gerekiyor. Daha sonrasında ise arayüz tasarım çalışmalarımıza başlıyoruz. Arayüz tasarım aşaması aslında kafanızdaki web sitesinin hem eskiz halini hem de esas halini ortaya çıkarabileceğiniz bir aşama olarak nitelendirilebilir.

Arayüz tasarımlarda genel genişlik 2000 px standartlarındadır. Arkaplan 2000px dolaylarında hazırlanır ve esas site içerikleri bu piksel ölçümünü ortalayacak şekilde minimum 1024px genişliğinde hazırlanır. Bunun en büyük nedeni web sitesinin tüm monitörlerde ortalı görülmesi ve CSS entegrasyon aşamasında yazılımcıya sıkıntı yaratmamasıdır.

Bu ölçümler sonrasında kafanızdaki web sitesi yapısını araçlar ile oluşturmaya başlıyorsunuz. Photoshop sizlere araçlar ile alanlar oluşturma, sıfırdan çizim yapabilme, özel style paketleri ve renklendirmeler oluşturarak kendinize özel bir yapı kurabilmenin imkanını sunuyor. Araçlar yardımı ile web sitelerinizi oluşturuyorsunuz.

Bir önceki yazımız olan Flat Tasarım Trendi başlıklı makalemizde flat tasarım nedir, flat tasarımda font ve renk seçimi ve mobil tasarım hakkında bilgiler verilmektedir.
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.