Bir sanatçının taslağı, bir kuaför kabarıklığı veya bir fotoğrafçının portresi - bunların kendi karalamalar, saç stilleri ve özçekimlerimizden daha iyi ortaya çıkması şaşırtıcı değildir. Aynı şey web siteleri için de geçerli mi? Şart değil. Biraz teknik bilgi ve ticaretin birkaç püf noktası ile, profesyonel tasarımcıların kullandığı tekniklerin bazılarını kullanabilir ve kendi web sitenizi iyiden büyüğe götürebilirsiniz. Sırrı ne? Profesyonellerin Jimdo web sitelerini oluştururken kullandıkları 10 tasarım ipucu için okumaya devam edin. 1. 1-2 vurgu renklerini seçin ve bunlara sadık kalın Bir Jimdo web sitesinde renk kullanmaya gelince, gökyüzü sınırdır. Ancak iyi sonuçlar almak için kapsamlı bir renk paletine ihtiyacınız yoktur. Birçok tasarımcının yaptığı sadece birkaç renk seçmek ve web sitesi boyunca bunlara bağlı kalmaktır. Profesyonelce tasarlanmış birçok sitede, nötr veya ağırlıklı olarak beyaz bir web sitesi, siyah metinle başladığını ve ardından gerçekten pop yapmak için bir veya iki vurgu rengi kullandıklarını göreceksiniz. İşte bu yaklaşıma sıkışmış Jimdo web sitelerine bazı örnekler: kibikibi Bu vurgu rengini kullanabileceğiniz birkaç yer: Başlıklar Köprüler Gezinme Menüleri Düğmeler Yatay çizgiler Hangi rengi kullanıyorsunuz? Logonuzda veya mevcut markanızda bulunan bir renk veya arka plan resminizden aldığınız bir renk olabilir. Cesur bir vurgu rengiyle gitmeye karar verirseniz, püf noktası, sitenizdeki diğer renkleri beyaz, siyah ve gri gibi oldukça minimum tutmaktır. Tıpkı gerçekten parlak bir gömlek giyecek olsaydınız, muhtemelen siyah pantolon veya kotla eşleştirirdiniz (en azından umuyoruz - ama hey, herkesin kendi tadı var). 2. 2-3 yazı tipi seçin İyi tasarımcılar , okunması kolay fontları daha yaratıcı veya etkileyici fontlarla nasıl dengeleyeceklerini bilirler . Genellikle, daha dekoratif olan veya başlıkları ve diğer vurgu alanları için daha fazla kişiliğe sahip bir yazı tipi seçtiklerini görürsünüz, ancak web sitelerinin gövdesi için Open Sans gibi okunması kolay sans serif yazı tiplerine sadık kalırlar. Gezinme menüleri için üçüncü, tamamlayıcı bir yazı tipi kullanabilirler, ancak genellikle bunu çok basit ve okunması kolay tutarlar. Web sitenizi oluşturun 3. Bir logoya yatırım yapın Web sitenizi profesyonelleştirmek konusunda ciddiyseniz, logo başlamak için harika bir görsel yerdir . Yasal ve yerleşik bir işletme olduğunuza dair bir sinyal gönderir ve ayrıca web sitenizde kullanabileceğiniz renk ve yazı tiplerinin temelini oluşturur. Kendi logonuzu tasarlamak yerine bir profesyonelle gitmenizi öneririz. Yaratıcı bir şey tasarlayabilirler, ancak aynı zamanda birçok farklı bağlamda kullanılacak kadar yüksek kalitede olduğundan emin olabilirler. Ayrıca şeffaf bir arka plana sahip bir logo vermek için tasarım yazılımına sahiptirler ve farklı renklerde (tam renkli, beyaz, siyah ve gri başlamak için iyi bir yerdir). Size özel özelleştirilmiş bir logo almak için 99 tasarımlı bir tasarım yarışması başlatmanızı öneririz . logolar İşte son zamanlarda dünya çapında küçük işletmeler için 99 tasarımlarla yapılan bazı logolar. Henüz bir logonuz yoksa sorun değil. Sadece bırakmak Logo Area web sitenizde boşaltmak üzerinde. Orada bir fotoğraf ezmeye çalışmayın - çok iyi görünmeyecek! 4. Beyaz boşluk kullanın Grafik tasarıma aşina iseniz, etrafa atılan “beyaz boşluk” terimini ve bunun ne kadar önemli olduğunu duymuş olabilirsiniz. Beyaz boşluk temelde elemanlarınızın etrafındaki boşluğu ifade eder. Kelimenin tam anlamıyla, alanın beyaz olması gerektiği anlamına gelmiyor, sadece boş. Fikir, bir web sayfasına çok fazla içerik sığdırmak yerine, her parçaya etrafında boş bir “beyaz” boşluk şeklinde bir miktar nefes odası vermek çok daha iyidir. Tasarımcılar, iyi miktarda beyaz alana sahip web sitelerinin insanların okuması ve gezinmesi için çok daha kolay olduğunu biliyorlar . Dağınıklığın olmaması davet ediyor ve insanların neye bakacaklarına öncelik vermelerine yardımcı oluyor. İlginç bir şekilde, beyaz alan, bir markanın daha sofistike ve zarif olduğuna dair bir sinyal gönderir - indirimli bir giyim mağazasının raflarının kıyafetlerle nasıl doldurulacağına benzer, üst düzey bir butiğin her rafta sadece birkaç eşyası olacaktır. Bu iki Jimdo web sitesi, "beyaz" veya boş alanı iyi kullanmak için iyi örnekler sunar: noto çantaları serbest web tasarımcısı Kendi web sitenize nasıl daha fazla beyaz alan koyabilirsiniz? Sütunları ve Ara Öğeleri kontrol edin . Web sitenize öğeler arasında dikey boş alan eklemek için Boşluk Öğesi kullanın. Bir öğenin kenarlarında boş alan oluşturmak için Sütun Öğesi kullanın ve bazı sütunları boş bırakın. 5. Çok fazla metin kullanmayın Web ziyaretçileri ne kadar metin okumak istiyor? Cevap: fazla değil . Çevrimiçi ilgi süreleri kısadır ve insanlar gerekli bilgileri hemen almak isterler. Eğer bulamazlarsa, başka bir yere giderler. Bir ziyaretçi sitenize gelir ve sayfanızın tam genişliğini çalıştıran büyük metin blokları görürse, web sitenizin bir angarya görevi üstleneceği mesajını gönderir. İlk adım, bilgilerinizi gerçekten önceliklendirmek ve gerekli olmayan her şeyi kaldırmaktır. Mesajınızı ikiden ziyade bir paragrafta anlatabilir misiniz? Gezinme menünüzü kısaltmak için web sitenizdeki bazı sayfaları kaldırabilir misiniz ? Eğer metin sağlayabilir neler kesim ettik kez yapmak daha hoş bir şekilde ihtiyaç. Resim ve Başlık Öğeleri ekleyin ve metninizi boşlukla çevirin. Bunun yerine büyük metin bloklarını Sütun Elemanlarına ayırın, bu da tam genişlikte bir Metin Elemanından daha kolay okunur (bu yüzden gazetelerde metin sütunları vardır). Mutlu çocuklar Bir sayfadaki metin miktarını azaltarak tasarımcı temiz ve davetkar bir web sitesi oluşturdu. 6. Simgeleri kullanın Hazır simgeler, aslında bir grafik tasarımcı olmanıza gerek kalmadan web sitenize daha fazla görsel eklemenin kolay bir yoludur. Profesyonel olarak tasarlanmış birçok web sitesinde kullanılan simgeleri göreceksiniz. Bir web sitesine metin dağıtırlar, görsel ilgi ve renk eklerler ve metin bloklarındaki mesajları güçlendirmeye yardımcı olurlar (insanların gerçekten okumuyor olabilirler, yukarıya bakın). sandal ağacı yönetim ve operasyonlar Aynı şeyi kendi web sitenizde yapmak için önce bazı simgeler bulmanız gerekir. Profesyonel olarak tasarlanmış simgeler sağlayan ücretsiz bir ton site var ve birçok durumda renkleri sitenize uyacak şekilde özelleştirebilirsiniz. Favorilerimizin bir listesi için bu gönderiye göz atın . Birlikte giden simgeleri seçtiğinizden emin olun. Aklınızda benzersiz bir şey varsa , 99designs'den bir tasarımcı ile ihtiyacınız olan simgeleri tam olarak oluşturabilecek bir 1-1 projesi planlayabilirsiniz . Simgeleri edindikten sonra, bunları bir Fotoğraf Öğesi'nde sitenize yükleyin. Sütunları kullanarak birbirleriyle doğru hizalanmalarını sağlayın. sosyal medya simgeleri ekleme 7. Her şeyi düzgün bir şekilde sıralayın Bir iş görüşmesine gidiyor olsaydınız, kravatınızı düzeltir, gömleğinizi ütüleyip saçlarınızı tararsınız. Aynı bilgelik profesyonel bir web sitesi oluşturmak için de geçerlidir. İyi tasarımcılar, bir web sitesindeki her şeyin doğru ve düzgün bir şekilde sıralandığından emin olmak için zaman ayırırlar. Burada biraz çaba sarf etmek, temiz ve parlak bir görünüm yaratmak için uzun bir yol kat ediyor. Hizalanan gizli silah Sütun Elemanıdır. Öğeleri yan yana yerleştirmek için kullanın ve herhangi bir şeye ihtiyaç duymadan doğru hizalandıklarından emin olun. pierdas hizalaması yok Bu yayındaki web sitelerinin çoğunda, simgelerin, metinlerin ve sütunların birlikte çalıştığını göreceksiniz. Aşağıdaki örnekte üç sütun oluşturdum. Her sütunda bir Fotoğraf Öğesi, bunun altında Küçük Bir Başlık ve ardından bir Metin Öğesi olarak yüklenmiş bir simge bulunur. sütunları ayarlama Freepik tarafından www.flaticon.com adresinden yapılan simgeler En iyi tasarlanmış web sitelerinin bir başka sırrı: metnini tam olarak ihtiyaç duydukları yere uyacak şekilde kesmekten korkmazlar. Yukarıdaki örnekte, her sütundaki metin aynı uzunluktadır ve her sütunu da aynı uzunlukta yapar. Her şeyi güzelce sığdırmak için küçük bir yaratıcı düzenleme ile yanlış bir şey yok. Başka bir hizalama ipucu: Metin bloklarınızı ortalamak yerine sola hizalayın . Metninizi ortalamak cazip gelse de, başlıklarınız ve simgeleriniz gibi her şeyi ortaladığınız için, insanlar aslında sol kenar boşluğu olan bir metni (kitap veya gazetedeki metin gibi) okumak için daha kolay zaman geçirir. Metin çizgileriniz onları ortalar gibi, "düzensiz" olmayacağı için daha da temiz görünüyor. sola göre ortaya hizalanmış Sola hizalanmış metnin okunması merkeze hizalanmış metinden daha kolaydır, çünkü her satır aynı yerde başlar. Ortaya hizalama ile okuyucular her satırın başlangıcını aramalıdır. 8. Bazı iyi fotoğraflara yatırım yapın ve aynı boyuta getirin Fotoğrafçılık, web siteniz üzerinde belki de en büyük etkiye sahip olabilir. İyi kullanılan iyi fotoğraflar, bir web sitesi alabilir ve gerçekten harika görünmesini sağlayabilir. Tasarımcılar, benzer bir görünüm ve his veren yüksek kaliteli fotoğraflarla başlar. Ardından, web sitesine yüklemeden önce bunları aynı boyutta ve oranlarda kırpırlar. Bunu yaparak, her fotoğrafın diğer fotoğraflarla güzel bir şekilde hizalanacağını bilirler. İyi fotoğraflar bulmakta zorlanıyorsanız, telifsiz stok resimler için favori kaynaklarımızdan bazılarına göz atın . Ürün fotoğraflarına ihtiyacınız varsa, bir profesyonelin yardımına yatırım yapmak büyük bir fark yaratabilir. Fotoğraflarınızı çektikten sonra, PhotoShop'u veya Pixlr gibi ücretsiz bir programı kullanarak onları yeniden boyutlandırmak ve kırpmak için biraz zaman harcayın . Örneğin arka arkaya üç fotoğraf isteyeceğinizi biliyorsanız, onları aynı boyutta ve şekilde olacak şekilde kırpın. Daha sonra bunları bir Sütun Öğesine yükleyin ve mükemmel bir şekilde birbirine uyacaklardır. Görüntüleri kırpma ve en iyileştirme hakkında daha fazla bilgi için Web Sitesi Görüntülerini Daha İyi Tasarım ve SEO için En İyi Duruma Getirme konusuna bakın . 9. Tutarlı bir düzen geliştirin ve her sayfada kullanın Tüm bu ipuçlarında, bir kelime tekrar tekrar ortaya çıkıyor: tutarlılık. Bu prensibi sayfa düzeninize de uygulayabilirsiniz. Örneğin, Hakkında Sayfanıza büyük bir başlık, yatay bir çizgi ve 20 piksellik Boşluk Öğesi ile başlarsanız, aynısını tüm sayfalarınızda yaptığınızdan emin olun. Bu, ziyaretçileriniz sayfadan sayfaya geçerken tutarlı ve sorunsuz bir deneyim yaratacaktır. Her sayfada benzer boyutta fotoğraflar ve düğme yerleşimi ile benzer bir düzen kullanmaya çalışın. Bonus puanlar için, tüm sayfalarınızda sürekli olarak büyük harf kullandığınızdan emin olun. Örneğin, navigasyon öğeleri sürekli şekilde büyük harf olduğundan emin olun Home, Hakkında, Mağaza, Bize ziyade Ev, yaklaşık, Mağaza, Bize ulaşın . Aynı şey Başlık Öğeleri ve Düğme Öğeleri için de geçerlidir. Web sitenizi oluşturun 10. Doğru arka plan resmini seçin Birçok web sitesinde tam kapsamlı arka planları seviyoruz . Bunları iyi kullanmak için, metninizin ve logonuzun o arka plan resminin üstünde nasıl görüneceğini düşünmeniz gerekir. Örneğin, logonuz ve başlık metniniz ortalanmışsa, arka plan fotoğrafının odak noktasının da ortalanmadığından emin olmak iyi bir fikirdir, çünkü o zaman sadece logo ve metin tarafından engellenir. Aşağıdaki örnekte, düğün fotoğrafçısının (ve Jimdo ürün yöneticisinin!) Alina Atzler'in ofset olan güzel arka plan görüntülerini nasıl seçtiğine dikkat edin, böylece ortalanmış logosuna müdahale etmiyorlar. Alina Atzler Fotografie alina atzler fotoğraf Her şeyi doğru bir şekilde sıralamak konusunda biraz daha fazla hareket ister misiniz? Daha soyut bir manzara veya doğa fotoğrafı veya arka plan resmi seçin. Bu şekilde kimsenin yüzünün engellenmediğinden emin olabilirsiniz. Web sitenizin metninin arka planda sahip olduğunuz fotoğraf üzerinde okunaklı olup olmadığını iki kez kontrol etmek de iyi bir fikirdir. Stil Düzenleyici'de içerik alanınızın yazı tipi rengini veya opaklığını ayarlamak yardımcı olabilir. Web sitenizde profesyonel bir tasarımcının size yardımcı olmasını istiyorsanız, bu da harika bir seçenek! 99 tasarımından Jimdo Uzmanlarımıza ve Jimdo web sitesi hizmetlerimize göz atın. Profesyonel olarak tasarlanmış bu sitelerden dersleri özetleyebilseydim, bunu şu şekilde yaparım: Çok fazla şey kullanmayın. Düzgün tutun. Ve ne kullandığınızı sürekli olarak sayfadan sayfaya kullanın. Kulağa basit geliyor, ancak insanların yıllarca ustalaşarak harcadığı ve zamanla pratik yapabileceğiniz ve geliştirebileceğiniz bir yaklaşım. Diğer Jimdo kullanıcılarıyla paylaşacağınız başka web sitesi tasarımı ipuçları var mı?