Bir tasarımı profesyonel yapan nedir?

Herkes bir şeyin neden "profesyonel" görünmeyebileceğini tanımlayabilir mi?

Profesyonel / profesyonel olmayan tasarımlar arasında ne fark vardır?

Tasarımımın çok profesyonel görünmediğini söyleyen müşterilerim var. Profesyonel hale getirmek için her şeyi takip ettim - belki tasarım hakkında yeterince bilgim yok? Kolay ve benimkine benzeyen birçok "profesyonel" tasarım şablonu gördüm. Çoğu zaman, gitmek için bir yolum olmadığında, bu şablon tasarımlarını takip ediyorum - ama bitirdiğimde "Bu profesyonel görünmüyor" şeklinde geri bildirim alıyorum . Bu bana yardımcı olmuyor. Burada kimse gerçek dünya yardım / deneyim / öneriler var görünüm, yazı tipi, stil ... her şey hakkında bana yardımcı olur mu . Lütfen bana bir yol ver!

Kısacası:
Bir tasarımı profesyonel yapan nedir?

Bu, tasarımınıza yorum yapmak olduğu için başka bir cevap verdim:

Bize profesyonel şablonları kolayca yeniden oluşturabileceğinizi söylersiniz. Aslında bundan şüphe ediyorum. Gerçekten web tasarımı hakkında çok şey öğrenmeniz gerekiyor. Cidden gitmek için çok uzak, ama öğrenmek için istekli ve bu nedenle bazı şeyleri açıklamak için bu mockup yaptım. Bu sizi ezmek değil, ciddi bir suç anlamına gelmiyor, ben sadece dürüstüm.

Temel hikaye, hizalama ve derinlikten yoksun olması ... çok fazla derinlik.

Ayrıca, şu anda bir ızgara kaplaması genişliği üzerinde çalıştığım tasarımlardan birini de içereceğim, böylece ne demek istediğimi görebilirsiniz. Yapmaktan çok uzak, ama benim fikrimi alacaksın. Lütfen üzerinde çalıştığım tasarımın telif hakkı olduğu için parçalarını kullanmayın.

Düzgün degradeler, dokular ve gölgelerle nasıl derinlik oluşturduğuma bir göz atın. Bunun yanı sıra, nasıl aralıklı olduğuna da bir göz atın.

Düzenleme: Bildiğiniz gibi, telif hakkı için genişliği düzenledim. Yani bu gerçek en-boy oranında değil.

Umarım bu size yardımcı olur.

Başlangıçtaki tüm tasarımcıların arkadaşı olan Robin Williams, kritik olan dört şeye işaret ediyor: Kontrast, Tekrarlama, Hizalama ve Yakınlık (ve evet, kısaltma CRAP!). " Tasarımcı Olmayan Tasarım Kitabı " kitabını almalı ve çalışmalısınız. İçindeki her şey yazdırmak için olduğu kadar web için de geçerlidir. Okuması kolay ve çok net. Sonra " Tasarımcı Olmayanların Web Kitabı " nı alın ve çalışın. Onun dörtlüsüne eklerdim: Mesaj, Uyum ve Alaka.

• İleti istemci karşıya almak istiyor o her şeyi bilgilendirir çünkü, bilmeniz gereken ilk şey. Başarılı fotoğraf, tasarım, resim, yazı, hiç kırılmamış basit bir kurallar üçlüsü vardır: 1) Mesajınız var; 2) Yalnızca mesaja katkıda bulunanları ekleyin; 3) Mesajdan dikkati dağıtan herhangi bir şeyi kaldırın. Bir sporcunun fotoğrafında, havada çekimini zahmetsizce zarif görünümlü olarak kullanırsınız ve arka planda boş kola kutusunu ve yarı yenmiş sandviçi klonlarsınız. Bir sanatçı olarak, ne söylemeye çalıştığınızı bilmelisiniz. Bir tasarımcı olarak müşterinin ne demeye çalıştığını bilmelisiniz . Ne de olsa müşterinin size ödediği budur.

• Uyum , erken düşünmeniz gereken çok geniş bir gereksinimdir. Müşterinin bir logosu ve kurumsal renkleri varsa, siteniz bunları kullanmalı ve onlarla uyumlu renklere sahip olmalıdır. Başlıklar ve kopyalar için benzer ancak farklı olan yazı karakterlerini kullanamazsınız. Tasarımcılara başlamak için iyi bir kural, bir araya gelen bir sans ve bir serif kullanmak ve tasarımda sadece bu ikisini kullanmaktır.

• Alaka düzeyi bir tasarım döngüsünün en başında gelir. Renk, tipografi ve genel düzen için geçerlidir. Yüksek teknolojili bir şirket web sitesi veya hip-hop sanatçısı için bir tasarım için toz mavisi ve bebek pembesi kullanmazsınız. Bu harika sinirli grunge yazı tipi bir avukat veya muhasebeci için çalışmayacak, ancak Times Roman olabilir. (Modern görünmesi gereken bir site için Times'tan kaçınacaksınız.) Heavy metal grubu cesur şekillere ve renklere, yüksek karşıtlığa ihtiyaç duyar, ancak tıbbi bir klinik veya bebek giysileri sitesi daha yumuşak bir görünüm gerektirir.

• Kontrast koyu ile aydınlık, zengin renkler ile renk tonları, aydınlık ile koyu veya aydınlık ile karanlık anlamına gelir. Tasarımınız cesur kontrastlar gerektiriyorsa, önemli olan onları açıkça BÜYÜK yapmaktır . Sadece bir şey, bir anda alacağım "neredeyse-ama-tam olarak aynı değil" den daha hızlı bir tasarımı kırar.

• Tekrarlama , aynı tür öğeyi aynı yere ve her seferinde aynı renk veya başlık veya şekle yerleştirir. Aralık tutarlıdır. Görsel düzende tıpkı müzikte olduğu gibi bir ritim vardır. Elemanlarınız "ritmine" düşmezse, izleyici ritmi kapalı olan bir grubun dinlenmesi zor olduğu için rahatsız olur.

• Hizalama , eksiklik, bir tasarımı kırmanın en kesin yoludur. "Amatör" diye çığlık atan hiçbir şey yoktur. Baskıda, 1 / 1000'in altında bir hassasiyetle çalışıyoruz. İşler yerleştirebilirsiniz yolu açıktır, yer değiştirme kalın olması koşuluyla, hizalama dışına ve kasıtlı. Ancak, hiçbir zaman ap etiketinde 7 piksel ve h1'de 8 piksel dolgu yoktur. (Bir yan not olarak: düğün veya cenaze davetinden başka bir şey için ortalanmış düzenlerden kaçının. Ortalanmış düzenler yaslanır, sakin, hareketsizdir, neredeyse hiçbir zaman istediğiniz şey değildir. bir şeyler.)

Hizalama ve Tekrarlama, ızgaraların neden bu kadar kullanışlı bir araç olduğudur. Bu noktaları anlamak, ızgaraların kullanımı hakkında birçok soruya cevap verecektir.

• Yakınlık , birbirine ait olan şeyleri birbirine yakın tutmak anlamına gelir. Başlık, aşağıdaki paragrafa, yukarıdaki paragrafa göre daha yakın olmalıdır.

Bu iki kitabı alın. Tasarımlarınızı değiştirecekler. Bu arada, bir alıştırma: bu yedi noktayı bir listeye yazın, sonra gerçekten mükemmel olduğunu düşündüğünüz 10 web sitesini ziyaret edin ve bu noktaların her birinin nerede uygulandığını bulun. Hile yapma. Hepsi orada olacak, bu yüzden her birini bulana kadar bırakma. Şimdi kendi tasarımlarınıza bir göz atın ve bunlardan bir veya daha fazlasının nerede ihlal edildiğini bulun.

Bu yedi noktayı bilinçli ve bilinçli olarak uygulayın. Çok geçmeden içgüdüsel olacaklar ve tasarımlarınız yepyeni bir seviyeye ulaşacak. Bu bir söz.

Nasıl web sitenizin gözümde profesyonel görünmesini sağlamak, belirli bir sırayla, oh ... ve kısacası :) Ne demek istediğimi daha fazla açıklamaya ihtiyacınız varsa, sadece söyle:

• Renk paletinizi müşterinin kurumsal kimliğine dayandırın.
• İstediği stile uyacak şekilde ihtiyaçlarını dikkatlice dinleyin
• Kullanılabilirlik için tasarım. Bir çene bırakarak tasarım yapabilirsiniz, ancak dönüşüm iyi değilse işe yaramaz.
• Tipografinizi dikkatlice seçin (örneğin: Yazı tipi gibi grafiti olan Apple ürünlerini görmeyeceksiniz)
• Tasarım yapmaya başlamadan önce 960gs sistemini kullanın, böylece hizalamanızın iyi olduğundan emin olabilirsiniz
• Tasarımınızı açıklayın ve savunun. Müşteriye neden belirli unsurları seçtiğinizi ve neden iyi olduklarını açıklayın. Unutmayın, tasarımcılar olarak biz her zaman haklı değiliz.
• Öğrenmeye devam et. Yeni jQuery öğreticileri vb. İçin blogları ve çevrimiçi dergileri takip edin. Okuma önemlidir.
• Kodunuzun W3C geçerli olduğundan ve çok büyük olmadığından emin olun.

İyi görünümlü tasarım için hatırlanması gereken bazı şeyler:

Bu yüzden tasarı becerilerinizi geliştirmenize yardımcı olacak 4 muhteşem grafik tasarım kuralını öğreneceğiz. 4 kural:

1. Hizalama ve Dağıtım
2. Dengeleme ve Gruplama
3. Kontrast
4. Desenler ve Degradeler

Hizalama ve Dağıtım: Herhangi bir harika, harika veya görsel olarak çekici tasarımın en önemli kuralıdır. Düzgün hizalanmış tasarım, basılı medya, reklam medyası, masaüstü yayıncılık veya web ile ilgili tasarım için tasarlarsanız her yerde harika görünür. Kulağa hoş geliyor! ancak soru doğru hizalamayı kullanmayı veya tasarıma uygun hizalamayı anlamayı öğrenmektir. Hizalama ve dağıtımda derinlemesine gidelim, ancak önce aşağıdaki örnek resme bakın:

• Hizalama: Hizalama, tasarımın görsel olarak çekici olmasını sağlamak için benzer veya diğer tasarım öğelerini üst, alt, orta, sol veya sağ boyutlarında düzenlemek anlamına gelir. Anlamak için yukarıdaki örnek resme bakın.

• Dağıtım: Dağıtım, grafik düzenini temiz ve düzgün hale getirmek için herhangi bir tasarımın benzer veya farklı unsurları arasında aynı mesafeyi vermek veya bakımını yapmak anlamına gelir.

Dengeleme ve Gruplama: Dengeleme ve Gruplama, herhangi bir görsel tasarımın ikinci en önemli kuralıdır. Bu kuralda, örneğin tasarımımızda bazı metinler ve bazı görüntüler varsa, tasarım öğelerine odaklanmalıyız, bu yüzden onları kendilerini dengeleyecek ve harika görünecek şekilde düzenlemeliyiz. Bunu iki şekilde yapabilirsiniz.

• İlk Yöntem - Farklı Unsurların Kullanılması: Bu kuralda, her elemanı birbirleriyle dengelemek için birbirleriyle düzenleriz. Aşağıdaki örnekle kolayca anlayabilirsiniz:

Yukarıdaki örnekte de görebileceğiniz gibi, iki tür metin ve resim unsurumuz var ve bunları düzen çekici ve görsel olarak harika hale getirmek için birbirleriyle düzenledik, birbirlerini dengeliyorlar.

• İkinci Yöntem - Bireysel Elemanları Gruplama: Bu kuralda tasarımda farklı unsurlardan farklı gruplar oluştururuz. Anlamak için örneğe bir göz atın.

Yukarıdaki örnekte de görebileceğiniz gibi, farklı metin öğesi grupları ve farklı metin öğesi grupları oluşturduk. Bu düzen yöntemi de iyi ve harika görünümlü düzen oluşturmak için iyidir.İyi bir tasarım düzeni oluşturmak için her iki yöntemi de birlikte kullanabilirsiniz.

Kontrast: Kontrast, iyi bir grafik tasarımın vazgeçilmez bir parçasıdır.Bu kuralda, tasarımımızın herhangi bir unsurunu diğer unsurlardan ayrı tutmak için yapmak zorundayız.Bu kural, unsurları tasarımdaki önemlerine atamak için kullanılır.

Desenler ve Degradeler: Tasarımlarınızın arka planına veya tasarımlarınızın diğer öğelerine desen ekleyerek tasarımınızı daha da harika hale getirebilirsiniz.Grigradlar, tasarımınızı daha canlı ve neşeli hale getirmek için çok faydalıdır. Degradeleri kullanırken her zaman hafif renk farklılıklarına sahip iki renk gradyanı kullanmayı deneyin.

Tasarımınızı profesyonel yapan ya da yapmayan, bunu yapmak için ödeme alıp almadığınızdır.

'Profesyonel' terimini bir tür estetik yorum olarak kullanmaya gelince, neredeyse işe yaramaz. Müşterilerinizle, iş hedefleri ve hedefleri açısından, özellikle kimi hedeflemeye çalıştıkları ve hangi görsel yaklaşımın en anlamlı olduğunu aradıkları konusunda daha spesifik olmalarını sağlamak için müşterinizle birlikte çalışmalısınız. belirli demografik özellikler için.