top of page
INTRO

GÖRSELLER: REsim

Evet, herhangi bir grafik tasarım projesinin hiyerarşisinde metin her zaman bir numaradır. Ancak projenin olabildiğince etkili bir şekilde sergilenmesi için iyi görsellere de ihtiyacınız var. Yani sadece içeriğinizi herhangi bir şekilde gösteren bir görsel değil, içeriği estetik bir şekilde gösteren bir görseller. Yani:

  • açıkça tanımlanabilir bir dikkat noktası, bir odak: Öne çıkan, gözünüzü odaklayan bir alan veya nesne.

  • iyi aydınlatma - bununla, görüntülerin çok fazla ışığa sahip olması gerektiğini kastetmiyoruz. Demek istediğimiz şey, ışık ve gölgeden gelen iyi bir hacme sahip olmaları.

  • iyi kompozisyon - bununla, görüntünün şu özelliklere sahip olması gerektiğini kastediyoruz.  

    • ilginç görsel gruplamalar,

    • iyi denge - simetri veya belirgin asimetri,

    • dolu ve boş alanın iyi kullanımı,

    • ön plan ve arka plan arasında iyi ilişkiler,

    • iyi derinlik alanı,

  • iyi renk düzeni​

  • iyi doku

  • netlik

  • yüksek çözünürlük

  • yüksek kalite, yani yetersiz derecede düşük çözünürlüklerden veya kötü kullanılan görüntü işleme efektlerinden kaynaklanan "arifaktların" olmaması.

FORMAT

GÖRÜNTÜ BİÇİMLERİ VE GÖRÜNTÜ BOYUTU

Wix yüklemeleri için kullanacağımız 2 temel resim formatı vardır:

  • JPEG (Joint Photographic Experts Group'un kısaltması), şeffaflığı olmayan yüksek kaliteli sıkıştırılmış bir bitmap dosyasıdır. 

  • PNG (Taşınabilir Ağ Grafiklerinin kısaltması), saydamlık ve yarı saydamlıklara da sahip olabilen çok yüksek kaliteli sıkıştırılmış bir bitmap'tir. JPEG'lerden daha büyük dosya boyutlarına sahiptirler, ancak yüksek yükleme süresiyle yüksek kaliteyi korudukları için web tasarımında tercih edilen biçim haline geldiler. 

Görüntü kalitesi, görüntünün gerçek genişliği ve yüksekliği ile ilgilidir - fakat piksel cinsinden! Boyutun bu önemi şunlarla ilgilidir:

  • Bitmap dosyaları (JPEG, PNG, GIF vb.) büyütülemez.

  • Bir bitmap dosyasını küçülterek çok daha küçük hale getirebilirsiniz - bunu yaptığınızda hiç sorun olmaz.

  • Küçük bir miktar bile olsa büyütürseniz, düz veya sert kenarlarda pikselleşme, bulanıklık ve sertleşmeler gibi görseller elde edersiniz.

Bu nedenle yapılacak akıllı şey,her zaman gerekirse küçültebileceğiniz büyük boyutlu görüntülerle başlayın. Büyütmeye çalıştığınız küçük ve hatta orta boyutlu görüntüler yerine, ki bu asla işe yaramayacak bir şeydir. Farklı kullanımlar için gereken minimum boyutlar şunlardır:

  • Tam genişlikte görüntüler için 2000 piksel veya üzeri şeritler gibi tam sayfa ögelerin içine yerleştirdiğiniz resimler. 

  • Metin görüntüleri için 1024 piksel veya üzeri. Bunun nasıl yapılacağını bu sayfada >>> gösteriyorum.

  • Dikkat Wix, 3000 pikselden geniş veya yüksek görüntülerin yüklenmesine izin vermez ve bu tür yüklemeleri otomatik olarak 3000 piksele kadar yeniden boyutlandırır.

    • eğer bir görüntüden kırpma yapmaya karar verirseniz, bu kısıtlamanın dikkate alınması gerekecektir.

    • Daha iyi yöntem büyük boyutlu resimleri Fotopea ya da Pixlr ile açın ve işlemlerinizi orada yapın ve sonra Wix'e yükleyin.

    • Bu şekilde, yalnızca 3000 piksel genişliğinde veya yüksekliğinde bir görüntüyü kırptığınızda Wix fotoğraf düzenleyicide kaçınılmaz olarak meydana gelen boyut kaybı yaşamazsınız.

KÜRATÖRLÜK

Küratörlük

Yukarıdaki 4 küçük resim, resimler için önerilen 4 kaynak portalında yaptığım koleksiyonları gösteriyor. Bunlar Pexels (sol üst), Pixabay (sağ üst), Freepik (sol alt) ve Unsplash (sağ alt).

Küratörlük kavramının tanımına baktığımızda, sözlük.comda "müzik veya web sitesi içeriği olarak bir araya getirmek, elemek ve sunum için seçmek" olduğunu görüyoruz. Siteye koyduğumuz görsel malzemeyi seçtiğimizde de tam olarak bunu yapıyoruz. Bu nedenle, her fotoğrafı kendimiz çekmek veya her resmi boyamak ya da her vektörü kendimiz çizmek yerine, çevrimiçi olarak mevcut olan yaratıcı ortak kullanım lisanslı geniş kaynaklar arasından seçim yapıyoruz. 

Bunu yaptığınız zaman dikkat edilmesi gerekenler:

  • Kaynak portallarını kullanın normal arama motorunu veya sosyal medya sitelerinden ne alacağınızı seçmek yerine:

    1. Kaynak portallarında bulduğunuz materyalin hiçbir yasa dışı kullanım özelliği olmayacaktır. Telif hakkı ihlali sorunlarıonlara bağlı olarak, içeriği yaratıcının izniyle kullanıyor olacaksınız.

    2. Kaynak portalının size gösterdiği materyal, onlar tarafından önceden seçilir, bu da hem teknik hem de görsel kalitenin çok iyi olacağı anlamına gelir. Bir google aramasından veya herkesin istediğini yükleyebileceği bir sosyal medya sitesinden bulacağınız şeyden çok farklı bir kalitedir bu. 

    3. Bir kaynak portalındaki görüntü çözünürlükleri çok büyük olacaktır (genellikle 5000+ piksel) ve üstü, bu da büyük görüntülerden yüksek kaliteli kırpmalar elde etmeyi çok kolaylaştıracaktır.

  • Bir hesap oluşturun 

  • Organize olun ve koleksiyonlar oluşturun zira: 

  1. Karşılaştırmak ve aralarında karar vermek isteyeceğiniz çok sayıda fotoğraf olacak ve onları bir koleksiyona koymadığınız sürece bir daha bulamayacaksınız.. Bu portallar gerçekten çok büyük; size yüz binlerce sonuç verir ve organize olmadıkça bu miktara ayak uydurmanın pek bir yolu yok.

  2. Bir şeyleri küratörlüğünü yaptığınızda, bağlamsal bir ilişkiye sahip olması kadar öğeler arasında görsel bir ilişki olması da önemlidir.

  • Bir hesap oluşturun 

  • Organize olun ve koleksiyonlar oluşturun zira: 

  1. Karşılaştırmak ve aralarında karar vermek isteyeceğiniz çok sayıda fotoğraf olacak ve onları bir koleksiyona koymadığınız sürece bir daha bulamayacaksınız.. Bu portallar gerçekten çok büyük; size yüz binlerce sonuç verir ve organize olmadıkça bu miktara ayak uydurmanın pek bir yolu yok.

  2. Bir şeyleri küratörlüğünü yaptığınızda, bağlamsal bir ilişkiye sahip olması kadar öğeler arasında görsel bir ilişki olması da önemlidir.

VEKTÖRLER

vektörler

Görsellik için bir başka iyi ortam da vektör çizimleri ve resimlerdir. all-free-download >>> adı verilen vektör çizimlerle dolu mükemmel bir portal var ve bir diğeri de tabii ki vektör de bulabileceğiniz freepik >>>.

Buradaki üç resim, "yiyecek", "ev" ve "manzara" için tamamen ücretsiz olarak indirilen üç farklı aramanın sonucudur. Dolayısıyla, tıpkı fotoğraflarda olduğu gibi, arama terimleriniz sonucunuzu etkileyecektir.

ikkat edilmesi gereken başka bir şey de, web sitenizde vektör sanatı kullanmaya karar verirseniz, tıpkı fotoğraflarda yapmanız gerektiği gibi, hatta daha da fazla stilistik tutarlılığın farkında olmanız gerektiğidir. Yani kullandığınız vektör görsel olarak birbirine benzemelidir. Vektör illüstrasyonlarının çok farklı stilleri var, hatta fotoğraflardan bile daha fazla, çünkü bunlar elbette birilerinin el emeğinin sonucu.

Freepik, arama motorlarına bir "stil" panelinin yanı sıra bir renk paneli ekleyerek stil tutarlılığı aramayı gerçekten kolaylaştırdı. All-free-download'da bu yoktur (vektör resimleri için sonuçlar daha iyi olmasına rağmen freepik'ten çok daha küçük bir sitedir), ancak aramanıza "düz" veya "suluboya" gibi terimler de ekleyebilirsiniz. bunları arama çubuğuna yazarak.

İndirdiğiniz vektörler, Adobe Illustrator dosyaları veya EPS dosyaları veya hatta birçok durumda her ikisi olacaktır. Bunların hepsi Photopea'da çok kolay bir şekilde açılabilir ve yeniden boyutlandırılabilir, düzenlenebilir vb. ve ardından sitenizde kullanılmak üzere PNG görüntüleri olarak dışa aktarılabilir. Nasıl yapılacağına ilişkin bu videoyu buradan izleyin >>>.

Not: Buraya koyduğum her iki bağlantıda da sizi bu portalların ana sayfalarına değil, vektör sanatına ulaşmak için altında arama yapılabilecek bir anahtar kelime örneği olarak "manzaralar" için bir arama sonucuna yönlendiriyorum. Bunu bilerek yaptım, çünkü açılış sayfaları düzen şablonları vb. gibi çoğunlukla grafik tasarımla ilgili şeyler göstererek sizi yanıltacaktır.

DÜZENLEME

Aşağıdaki 4 parçalı galeride ekran görüntülerini de gösterdiğim resim düzenleme seçenekleriniz:

  • Pixlr: Bir parçası olan minimal arayüzlü çevrimiçi fotoğraf düzenleme yazılımı ve daha geniş bir düzenleme araçları kümesi de var. Özellikle tavsiye edeceğim Kolaj yazılımı ki ben de kendimi kullanıyorum. İşte temellerini öğrenmek için bir video >>>

  • Fotopea: Akıllı katmanlar ve nesneler dışında gerçek büyük photoshop'un tüm temel özelliklerini içeren "hafif" bir çevrimiçi photoshop sürümü. Vektör formatlarını açacak ve onları değiştirmenize izin verecek bir ek özelliği de var. Ki bu, gerçek photoshop'un o kadar kolayca yapmanıza izin vermediği bir şeydir. İşte photopea için derslerinin bir playlisti>>>.Ve kısa bir giriş eğitimi >>>.

  • Yerleşik Wix Fotoğraf Düzenleyici: Buna, sayfanın kendisine veya bir galeriye veya bir şeridin içine yerleştirdiğiniz herhangi bir resim aracılığıyla, üzerine tıklayarak erişebilirsiniz. Bakacağınız yer, ayarlar simgesinin altında bulacağınız ayar düğmesi. Bu editörün içinde iddialı şeyler yapmaktan ve özellikle sahip oldukları efektlerden ve filtrelerden uzak durmanızı tavsiye ederim.  Ancak temel renk ayarlamaları ve büyük ölçekli kırpmalar için gayet yeterli bir araçtır. 

  • Ve en son olarak da çok gelişmiş ve tamamen ücretsiz bir resim düzenleyici daha var. Gimp >>> . Öncelikle bir photoshop kullanıcısıyım ama aynı zamanda Gimp kullanıyorum - özellikle eklentiler ve filtreler söz konusu olduğunda yerleşik olanlar kadar  büyük bir geliştiriciler topluluğunun ürettikleri de var. Ve söylediğim gibi, hem Gimp'in kendisi hem de bu eklentileri özgür yazılımdır, yani  bedava kullanılabilinir.

Not:Bu sayfanın üst kısmındaki ilk videoda, Wix fotoğraf düzenleyicinin kullanımına ilişkin temel bir eğitimin yanı sıra fotopeaya kısa bir genel bakış da var. Lütfen bunları da kontrol edin.

Ve son olarak da kırpma aracı yukarıda soldaki resimde gösterildiği gibi, resme tıkladığınız anda üst çubukta, "Görüntüyü Değiştir" den sonraki üçüncü simgenin altında. Bu simge tıklandığında, görüntünüzün mevcut örneğini kırpmanıza olanak tanır. Başka bir deyişle, orijinal görüntünüz medya kütüphanesinde olduğu gibi kalır, ancak bu kullanımda onu kırpabilir ve yeniden kadrajlayabilirsiniz. Araç ayrıca, görüntünüzün kırpılabileceği farklı şekillere erişmenizi sağlar ve bu sekmenin üst kısmındaki + düğmesine tıklayarak sizi Wix'te bu tür kırpmalar için kullanılabilecek daha da büyük bir vektör öğesi seçimine götürür.

Dikkat:Bu şekilli  kırpmaları kullanırken çok dikkatli olun. Bazıları resminizin ilgisini büyük ölçüde artırabilirken, birçoğu düpedüz saçma veya klişedir, örneğin  Miki Fare kafaları veya dolar işaretleri ve kalpleri..

KULLANIM

IMAGE USAGE wıth WIX

  • Doğrudan sayfaya bir resim yerleştirebilirsiniz.

    • En üstte, "Görüntüyü Değiştir" yazan bir metin düğmesinden başlayarak, görüntünüzü bir başkasıyla değiştirebileceğiniz ve aynı zamanda Wix Fotoğraf Düzenleyici'yi kullanarak Wix içinde düzenleyebileceğiniz bir dizi simge olacaktır. Oyuncak bunu yapmak istiyorsa, küçük kaydırıcılara sahip küçük ayar simgesine dikkat edin.

    • Bunun dışında, üzerine tıklayarak resminizin çevresine bir kenarlık ekleyebilirsiniz. fırça simgesi,

    • üzerine tıklayarak kırpın kırpma simgesi(yukarıda açıklandığı gibi),

    • üzerine tıklayarak bir etki yaratın (tavsiyem bu arada YAPMAYIN!!!) efekt simgesi,

    • üzerine tıklayarak canlandırın. animasyon simgesi,

    • ve üzerine tıklayarak bir şeye bağlayın bağlantı simgesi

  • Resimleri galerilerin içine yerleştirebilirsiniz., bunlar Wix'in çok güzel bir bileşenidir. 

  • Bir şeridin içine bir resim yerleştirebilir ve bu şeridi sayfanın tüm genişliğine kadar uzatabilir ve ayrıca ona çok güzel kaydırma animasyonları verebilirsiniz.

  • Görüntüleri Lightbox'ların içine yerleştirebilirsiniz..

  • Resimleri Slayt Gösterilerinin arka planı olarak yerleştirebilirsiniz.

  • ​Görüntüleri sayfaların arka planı olarak yerleştirebilirsiniz.

    • Daha fazlasını öğrenmek için bu videoya >>> gidin.

      • ​Bununla birlikte, Wix Editor'da son zamanlarda değişiklikler yapıldığını ve o videoda sayfa arka planlarının nasıl değiştirildiğini gösterme şekliNin artık geçerli olmadığını unutmayın. Günümüzde olan şey, sayfa arka planınızda değişiklik yapmak için sol menüdeki site stilleri sekmesini kullanmanızdır.

DESIGN TIPS
bottom of page