Web Tasarımı

Haber Uygulamamamızın Anasayfa Çizimi

Haber Uygulamamamızın Anasayfa Çizimi

Haber Uygulamamamızın Anasayfa Çizimi
Daha önce söylediğimiz gibi çizim yaparken Photoshop programı kullanacağız. Fakat bizler öyle bir tasarım yapmalıyız ki, hem İOS platformlarına uyumlu olmalı hem de Android platformlarına. Aksi takdirde her iki platform için farklı farklı tasarımlar yapmak zorunda kalacağız. Bu da biz tasarımcılar için vakit kaybı demektir.
Android tasarımlarımızı CSS mantığı ile düşünerek olursak Repeat-x Repeat-y mantığı ile çalışmaktadır. Yani ekranımızda tasarımlarımızı oturttuktan sonra 1px  alın aynı CSS’de yaptığımız gibi devam edeceğiz. Bu yüzden bizler İOS standartlarında çalışıp aynı […]

Daha fazla oku...
Web Sitesi Nedir? Nasıl Tasarlanmalıdır?

Web Sitesi Nedir? Nasıl Tasarlanmalıdır?

Tanıtım ve reklam gibi bir çok farklı alana hizmet eden, internet üzerindeki dijital platformların bütününe web sitesi denir. Web sitesi, günümüzün vazgeçilmezlerinden ve en hızlı iletişim yollarından biridir. İstenilen bilgiye kısa yoldan ulaşmayı sağlamakla birlikte bilgi paylaşımının ve araştırmanın en etkili alanlarından biri haline gelmiştir. Servis sağlayıcı ve servis alıcı olarak büyük avantajı olan interneti, diğer iletişim alanlarına oranla daha hesaplı ve etkilidir. Bir çok firma ekonomik olamsı nedeniyle reklam yapmak için web sitelerini tercih eder. Web teknolojileri günümüzde […]

Daha fazla oku...
İnternet Tasarımını Öğrenmeye Nereden ve Nasıl Başlamalıyız?

İnternet Tasarımını Öğrenmeye Nereden ve Nasıl Başlamalıyız?

Web sitesi tasarımları yaparken bilmemiz ve öğrenmemiz gereken belli başlı programlar, kurallar vardır. Genelde web siteleri Photoshop programı ile tasarlanmaktadır. Photoshop programı, tasarım tabanı çok geniş ve gelişmiş bir programdır. Bu programla web sitesi geliştirmek büyük avantaj sağlayacaktır. Photoshop programını kullanmayı bilen kullanıcılar, web siteleri meydana getirmekte zorlanmazlar.
Web Sitesi Tasarımları
Fakat profesyonel düzeyde web sayfaları geliştirmek, kaliteli tasarımlar ortaya koymak noktasında güçlük çekerler. Bir web sitesi oluşturmanın en zor aşaması sitenin tasarımını yapmaktır. Zor olmasının nedeni ise, ortaya özgün bir […]

Daha fazla oku...
Neden Herkesin En Az Bir Web Sitesi Olmalıdır?

Neden Herkesin En Az Bir Web Sitesi Olmalıdır?

Günümüzün üst düzey gelişmiş teknolojisi olan internet, şu an bilgi paylaşımının ve araştırma yapmanın en popüler yoludur. Bu bilgi paylaşımları ve kişiler arası bilgi alış verişinde geliştirilmiş olan web uygulamaları ile gerçekleşmektedir. Durum böyle olunca tabi web uygulamaları geliştirmek, web siteleri tasarlamak değerli bir meslek haline gelmiştir. Bir ürün ya da şirketimizle ilgili bilgiyi karşı tarafa aktarmak için saatlerce dil dökmek yerine, web sitesi üzerinden ulaşmalarını sağlamak büyük bir kolaylık sağlayacaktır. Bu durum he zamandan kazanmanızı hem de karşı […]

Daha fazla oku...
İnternet Sayfası Çizerken Neler Kullanmalıyız?

İnternet Sayfası Çizerken Neler Kullanmalıyız?

Öncelikle ne istediğimizi, nasıl bir web sitesi oluşturacağımızı bilmemiz gerekir. Bunun içinde bazı konularda bilgi sahibi olmalıyız.

Siteyi oluşturacak sayfalar menüler neler olmalı?
sitemiz nasıl bir yapı ve görünümde olmalı?
Sitenin temel tasarım şablonu ve ağırlıklı renkleri neler olmalı?
Bize ve firmamıza ciddi katkılar sağlayacak site içeriği nasıl oluşturulmalı?
Şirketimizin hitap ettiği, potansiyel müşteri gruplarının özellikleri nelerdir?
İleriki yıllarda firmamızın gelişim durumunda sitede yer almasını isteyebileceğimiz unsurlar nelerdir?

Bunları doğru analiz edip sağlam bir tespitte bulunduktan sonra artık ne istediğimizi biliyoruz ve sitemizi çizmeye başlayabiliriz demektir.
Bir web […]

Daha fazla oku...
İnternet Sayfalarını Çizerken Hangi Formatı Kullanmalıyız?

İnternet Sayfalarını Çizerken Hangi Formatı Kullanmalıyız?

Web sayfası tasarımına başlamadan önce şablonunuzu oluşturmanız gerekecektir. Şablonu oluşturmadan başladığımız bir iş, her zaman eksik olur ve tam anlamıyla istediğimizi yapamayız. Web sitelerinde belirli şablonlar vardır ve bizler o şablon üzerinde grafiklerimizi çalışırız. Şablonlarımızı müşterimizin isteklerine göre ayarlarız. Çünkü web sayfalarında her müşterinin ihtiyaç duyduğu içerik kısmı farklıdır. şablonunuzda yerleşim olarak, renk olarak ve düzen olarak başka bir yapıya sahip olacaksınız.
Burada anlamamız gereken, bizler işimize göre şablon belirleriz ve tasarımlarımızı ona göre ayarlarız. Bir işe başlamadan önce şablon […]

Daha fazla oku...
Yaptığınız Tasarımı Müşterinize Beğendirmek İçin Uygulayabileceğiniz 15 Yöntem

Yaptığınız Tasarımı Müşterinize Beğendirmek İçin Uygulayabileceğiniz 15 Yöntem

Her şirket ve her kurum internet sitelerinden fayda sağlamak ister. Bu her kurumun olmazsa olmazıdır. Biz tasarımcılara düşen sorumluluk ise güzel ve kaliteli web tasarımlar ile web uygulamalar yaparak müşterilerimizi memnun etmektir. Web sitesinin tasarımını ve kodlamasını yaparken dikkat etmeniz gereken bazı noktalar vardır. Bunlar;

Tasarımın sadece olmasına ve müşterimizi yormamasına özen göstermeliyiz. Müşterimizin zevklerine göre sayfa tasarımını yapmalıyız. Mümkün oldukça kurumsal renkler dışına çıkmamalıyız. Hazırladığımız web sayfalarında boş kalmasın diye her yeri doldurmak yanlıştır. Çünkü bu tü tür uygulamalar açılan […]

Daha fazla oku...
İlham Alabileceğiniz Web Tasarımlarının Örnek Uygulamaları

İlham Alabileceğiniz Web Tasarımlarının Örnek Uygulamaları

Web Sitesinin Yapımı
Bu başlığımızda kurumsal bir web sayfası yapmayı öğreneceğiz.
İhtiyaç tanımlaması

Problem tanımlaması➝Süreç➝Analiz ve optimizasyon➝Değerlendirme➝Sunuş
İhtiyacın tanımlanması: Tasarıma başlamadan önce müşterimiz ile bir fizibilitile çalışması yapmalıyız. Tasaralanacak olan sitenin içerisinde hangi resimler olmalı. İndex diye adlandırdığımız ana sayfada hangi bilgilere yer verilmeli gibi konuları belirlenmeli. Tasarım aşamasında kullanacağımız tüm materyalleri ve yazıları not almalıyız.
Problemin tanımlanması: Materyallerimizi hazırladıktan sonra müşterinin ve amaçla web sitesi yaptırmak istediğini tespit etmeliyiz. Müşterinin amacını ve istediğini bilirsek, sunacağımız ürün o kadar başarılı olacaktır.
Süreç: Materyallerimizi ve müşterimizin tam olarak ne […]

Daha fazla oku...
Tasarım Yaparken Hangi Programlar Kullanılmalı ve Nelere Dikkat Edilmelidir?

Tasarım Yaparken Hangi Programlar Kullanılmalı ve Nelere Dikkat Edilmelidir?

Tasarım Yaparken Hangi Programlar Kullanılmalı ve Nelere Dikkat Edilmelidir?
Mobil Teknolojisinin Dünya’daki konumunu öğrendik, Mobil Teknoloji dünyasında insanlar en çok ne indiriyor ülke bazlı olarak inceledik ve analizler yaptık. Daha sonra hep beraber Apple cihazlar için ve Android cihazlar için tasarım ürünleri geliştirirken hangi ebatları kullanmamız gerektiğini, nelere dikkat etmemiz gerektiğini inceledik. Şimdi tasarımcılar için oldukça önem arz eden bölüme geldik.
Bu bölümde sizlerle bir mobil tasarımda olması gereken ve olması muhtemel birçok örnek yapacağız. Bu terimlerin aslında gerçek isimlerini öğreneceğiz. […]

Daha fazla oku...
İkonların Tasarım ve Kullanım Alanları METAFORLAR MEDEN

İkonların Tasarım ve Kullanım Alanları

İkonların Tasarım ve Kullanım Alanları Esnasında Dikkat Edilmesi Gerekenler
Çekici ve etkileyici ikonların, mobil arayüzü için en önemli elemanlardan biridir. İkonların estetik olarak iyi durması, uygulamamızın daha çok kullanılmasına yol açması muhtemeldir. Büyük bir şekil, kendine has görsel bir stil, kullanıcıya uygulamayı anlatabilen bir icon (basit bir icon çoğu zaman kullanıcılar üzerinde etkili olacaktır). Eğer büyük bir kurum değilsek yaptığımız iconun aslında o ürünün popülerliğini arttırması açısından büyük bir önemi vardır. Çünkü kullanıcılar sadece ürün açıklamasını temel alarak değil aynı […]

Daha fazla oku...
Menü (Navigation) Tasarımları ve Kullanımları

Menü (Navigation) Tasarımları ve Kullanımları

Navigation Öğeleri ve Kullanımı
Uygulamaların navigation’u, iyi bir kullanıcı deneyimi için en dikkat edilmesi gereken konudur. Kullanıcı, yapmak istediklerine ne kadar kısa sürede ulaşabilirse o kadar iyidir. Bizler her zaman kullanıcıya göre sayfamızın dizayn kısmını oluşturmalıyız. Koyacağımız bir menü veya bir açıklama yazısı her zaman kullanıcının rahat kullanabileceği şekilde tasarlanmalı ve esnek bir çalışma olmalıdır.
Navigation öğelerini adım adım inceliyoruz, bu bölümde gördüğünüz gibi, sizlere bir konuda bir şeye dikkatini çekmek isterim, yaptığımız, konuştuğumuz her tasarım esnek bir yapıya sahiptir. Peki nedir […]

Daha fazla oku...
Web Tasarımında Renk Uyumu Nasıl Yakalanır?

Web Tasarımında Renk Uyumu Nasıl Yakalanır?

Web Tasarımında Renk Uyumu Nasıl Yakalanır?
Tasarım yapmak ve yazılım yapmak uzun zamanda gelişen uğraş verici bir iştir. Günümüzde sürekli gelişen ve değişen teknoloji ile birlikte tasarım, yazılım, e-ticaret gibi sektörler canlanmış hatta yeni bir boyut kazanmıştır. Yapılan analizlere göre arama motorlarında aranan kelimeler genel olarak insanların yeniden bir şeyler yaratma isteği üzerine olmasıdır. Yani e-ticaret nasıl yapılır?
Renk Uyumu Nasıl Yakalanılır?
Yazılım öğrenmenin kolay yolları, Web Tasarımında Renk Uyumu Nasıl Yakalanır Gibi sürekli üretkenliği mercek altına alan konular aratılmıştır. Bunun sebeplerinin […]

Daha fazla oku...
Tipografi için Olmazsa Olmaz 10 Madde

Tipografi için Olmazsa Olmaz 10 Madde

Tipografi, yazıyı bir forma sokma ve şekil verme tekniğidir. Tipografi bir sayfa düzeninin en başında gelir. Yazı, içerik ve görsel bakımından bir etkiye sahiptir. Tipografi kimisine göre sanat, kimisine göre bilim kimisine göre ise bir eğlencedir. Tipografi sanatını kullanarak, yazıya görsel açıdan daha fazla anlam yüklenilebilir.
Tipografi Nedir?
Bir Tipografinin kullanacağı hiyerarşik bir düzeni vardır. Bunlardan önce harf büyüklüklerini değiştirmek, yazı karakterlerini birbirlerinden ayrıştırmak ve aynı yazı karakterleri kullanılsa dahi bold ve italic değişkenleri kullanmak gerekir. Bu bağlamda yazıyla oluşturulacak görselin […]

Daha fazla oku...
WordPress Temanızın Sayfa, Yazı, Kategori ve Genel Düzenini Nasıl Tasarlayabilirsiniz? MEDEN Bilgi Teknolojileri

WordPress Temanızın Sayfa, Yazı, Kategori ve Genel Düzenini Nasıl Tasarlayabilirsiniz?

Şimdi temanızın dosyalarını bölümlere ayıracağız ve alt sayfaları yapacağız. Bu temamızda fazladan kategoriler sayfası da bulunuyor. Ponun için kısmen farklı bir tasarım yapacağız. Öncelikle index.php’yi bölümlerine ayırmamız gerekiyor. Sayfalardan header.php, sidebar.php ve footer.php kısımlarını ayrı dosya olarak kaydediyoruz. Bunları yaptıktan sonra alt sayfaları single.php, page.php ve category.php sayfalarını yapacağız.
HEADER.PHP Kısmının Ayrılması
<!DOCTYPE html PUBLIC ”_//W3C//DTD XTHML 1.0 Transitional//EN” ”http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf -8” />
<title><?php wp_title(‘ &laquo; ‘ , true, ‘right’); ?> <?php
bloginfo (‘name’); ?> </title>
<link […]

Daha fazla oku...
Bir Haber Sitesi Tasarlamak

Bir Haber Sitesi Tasarlamak

Bir Haber Sitesi için Mobil Uygulama Şablonu Çizimi
Önceki bölümlerimizde konularımızda bir çok husustan söz ettik. Artık uygulamamızı çizim aşamasına geçiyoruz. Fakat uygulamamızı çizmeden önce daha önce bahsettiğimiz gibi şablon çizmeliyiz. Çünkü en sağlıklı ilerleme şekli aslında budur. Haber sitesi çizmeden önce bazı bilgilerin elimizde olması gerekiyor, bunlar;

Müşteri bizden neler istiyor.
Anasayfada nelere yer vermeliyiz.
Anasayfa tam ekran mı olmalı.
Kategorilerimizi hangi liste türü ile göstermeliyiz.
Haber sitesi nasıl olmalı.

Bunlar gibi aklımıza daha bir çok soru gelir bir uygulamaya başlamadan önce. Öncelikle bu bilgilerimiz […]

Daha fazla oku...