Ben orta derecede yetenekli bir web geliştiricisiyim. İhtiyacım olursa gitmek istediğim yerlere bir şeyler koyabilirim ve içine bir miktar JQuery ekleyebilirim. Ancak, kendi web sitemi yapıyorsam (ki yapmaya başlıyorum) nasıl tasarlayacağım hakkında hiçbir fikrim yok. Birisi yanımda oturup bir noktaya ekrana gelip "bu resmi oraya koy, metin yaz" demiş olsaydı bunu kolayca yapabilirdim. Ama kendi sitemi tasarladığım renk ve metin seçimi ile bir yürümeye başlayan çocuk icat etmiş gibi görünecek.

Bakabileceğim herhangi bir web sitesi / kitabı bilen veya yürümeye başlayan web tasarımının temelleri hakkında herhangi bir ipucu olan var mı?

Yapmanız gereken birkaç şey var.

İpuçları:

Photoshop kullanmayı öğrenin. (Özellikle, katman stilleri mükemmel. Sadece CSS2'ye yeniden yerleştirmek için zor etkilerin olabileceğine dikkat edin.) İyi örnekler oluşturmak için uzun bir yol kat ediyor.

Profesyonelce tasarlanmış sitelere bakın. Size hangi siteden hoş göründünüz?

Sizi rahatsız eden siteleri bulun ve neyin daha iyi olabileceğini düşünün. Ürün reklamlarına da bakın. Yemek paketleme. Gazete ilanları Adını koy.

Ayrıca, bir kez asılmaya başladığınızda, pratik yap, pratik yap, pratik yap. Grafiklerin, özellikle de dikkate alması gereken kodları olan bir programcıdan bir beceri olarak gelişmesi zaman alır. (Degradeler vs "tileability")

Araçlar:

(Photoshop kişisel bir favoridir . Paint.NET iyi bir Windows alternatifidir, ancak oldukça güçlü değildir.)

Nathan Smith'in 960 ızgara sistemi . Ana grafik programlarının çoğu için şablonlar vardır. Bunu kontrol et.

Referanslar:

Bu sitelerden bazılarına bakın: (Daha fazlasını gördüm, rastladıkça eklemeye çalışacağım)

• Ayrı Bir Liste
• John McCain
• BarackObama.com
• Hayon2010.com (Tamam, bunu yaptım, ama bence hoş olduğunu düşünüyorum. Düzenleme: Bu konuda da yorumlarınızı takdir ediyorum. ;-D)

Pratik Taraf

Kesinlikle tasarımın adım adım öğrenilmesi gereken pratik yönleri var. Her şey öznel değil.

   • Web Tasarım Dersleri: http://webdesign.tutsplus.com/

   • Photoshop Dersleri: http://psd.tutsplus.com/

   • Öğreticiler Ton: Lynda

İlham

   • Web Sitesi: Eşsiz Stil

   • Web Sitesi: Abduzeedo

   • Kitap: Çevrimiçi Başarı İçin Rehber

   • Web Sitesi: Dergi Smashing

Tasarım Becerileri

Genel tasarım

   • Kitap: Grafik Tasarımı: Yeni Temeller

   • Kitap: Grafik Tasarımı, Başvuru

   • PDF: Büyük Dört: Kontrast, Tekrarlama, Hizalama, Yakınlık

matbaacılık

   • Kitap: Tiple Düşünme

   • Kitap: Tipografik Tarzın Unsurları

   • Makale: http://en.wikipedia.org/wiki/Typography

   • Makale: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

düzen

   • Kitap: Mizanpaj Çalışma Kitabı

Renk

   • Kitap: Renkli Tasarım Çalışma Kitabı

   • Kitap: Renk Uyumu Çalışma Kitabı

Tasarım Felsefesi

“En aptalca hata, tasarımı“ karmaşayı toparlamak ”sürecinin sonunda yaptığınız bir şey olarak görmektir; bunun bir“ birinci gün ”meselesi olduğunu ve her şeyin bir parçası olduğunu anlamak yerine.” -Tom Peters

"İyi tasarım kullanıcıyı mutlu tutar, siyah üreticisi ve estetiği istenmeyen." -Raymond Loewy

"Gerçekten zarif tasarım, birinci sınıf işlevselliği basit ve düzenli bir forma sokuyor." -David Lewis

"İyi tasarım iyi bir iştir." -Thomas J. Watson Jr.

Diğer Teklifler

Bu biraz konu dışı olabilir, ancak Jeff Atwood'un Don't Me Me Think kitabını önerdiğini şiddetle hatırlıyorum . En iyi kullanıcı deneyimi için web sitenizi nasıl tasarlamanız gerektiğini açıklar.

Reklamcılıkta Ogilvy: Bu kitap, www döneminden önce yazılsa bile, bazı grafik tasarım temelleri ve her türlü broşür, reklam vb.

Daha genel olarak, grafik tasarım, güzel sanatlar, iç dekorasyon, film yapımı üzerine kitap ve dergilere göz atın - görsel olarak çekici bir şey yapmak ve bilgi ya da diğer içerikleri çekici hale getirmek için birçok ortak tasarım ilkesi vardır. Elektromanyetizmanın elektronik, gezegen bilimi, kimya, nükleer ve diğer fizik ve mühendislik alanlarında ne kadar yaygın olduğu gibi.

Bu alandaki bir başka güzel kitap da Gündelik Şeyler Tasarımı. İnsanların doğal olarak yeni bir şeye nasıl yaklaştıklarından yararlanarak kendilerini kolay kullanıma veren tasarımları tercih etme gibi pratik fikirlerin çoğunu kapsar. Kitap özellikle UI veya web tasarımı ile ilgili değil, biraz da bunu kapsıyor sanırım.

Kitaptaki erken bir örnek, kapılardır. Bir tarafta düğmeli veya kulplu kapıların ve görünen menteşelerin nasıl sezgisel olduğu hakkında konuşur, çünkü kapının o tarafa iterek veya çekerek açılacağını bilirsiniz. Gizli menteşeleri olan süslü kapılar, tüm kapı boyunca çubukları itin veya ortalanmış topuzlar yanıltıcıdır ve bir an deneme gerektirir, çünkü işlem sezgisel değildir.

Tasarımda paha biçilmez bulduğum bir araç Color Scheme Designer . Genel olarak, tasarımı temel almak ve daha sonra eşleşen renklerden oluşan güzel bir set elde etmek için "Analogic" şemasını kullanmak istediğim bir renk seçiyorum. Bana göre renkleri doğru yapmak en kötü kısım, bu yüzden gerisi sadece güzel bir düzen elde ediyor ve sınırlı renk paleti uyguluyor.