7 Eklenti Filtresi Instagram için CSS görüntüsü WordPress
Benim gibi sosyal medyada çok zaman geçirirseniz, insanların aşırı görüntü filtreleri kullanma eğiliminde olduğunu biliyorsunuz. Düğün fotoğraflarına şık bir siyah beyaz filtre uygulamak iyi bir dokunuş olabilir, ancak damatla dans etmek için çığlık atan bir çocuğun resmi ise değil. Bununla birlikte, doğru ellerde (yani profesyonel WordPress geliştiricilerinin elinde!), Görüntü filtrelerinin görsel içerik için birçok iyi şey yapabileceğini iddia ediyorum. Son zamanlarda WordPress siteleri tasarlarken tutarlılığın ne kadar önemli olduğu hakkında yazdım. Resim filtresi, sitenizdeki tüm fotoğraflara tutarlı bir ekran sunmanın bir yoludur. Filtre ayrıca belirli ruh hallerini getirerek ziyaretçilerin duygularını oynamanıza izin verir. Oh, ve aynı zamanda çok havalı görünüyorlar.
Instagram ve Snapchat gibi uygulamalar her yerde hazır olan filtreler yaparken, filtreler aslında fotoğrafın görünümünü değiştiren ayarların ayarları veya kombinasyonlarıdır. Görüntüleri (bilgisayarınızdaki veya akıllı cihazınızdaki gibi) açmanıza ve düzenlemenize olanak tanıyan herhangi bir araç, istenen efekti oluşturmak için değiştirebileceğiniz renk ayarı ayarlarına sahip olmalıdır. Bu seçenek genellikle şunları içerir:
Maruziyet
Zıtlık
Önemli Noktalar
Gölge
Doyma
Sıcaklık </li
Renk
Sepya
Şema
Keskinlik veya bulanıklık
Görüntü düzenleyicinin bir bilgisayarda filtre ayarlarını nasıl sunduğunun bir örneği:
Bu, iPhone’un daha önce yapılan bireysel ayar kontrolleri ve filtre efektlerini sunan bu şekilde işleme şeklidir: iPhone tarafından kullanıcıya filtre efektini daha önce yapılan filtre veya özel ayar kontrolünde uygulamak için verilen iki seçenek vardır. Bugünkü makalede, WordPress resminize bir resim filtresi uygulamak için ne yapılması gerektiğini ve olmaması gerektiğini tartışacağım. Bu filtre efekti oluşturmak için CSS kullanma seçeneklerini de keşfedeceğim. Sitenize her yeni resim eklemek istediğinizde Photoshop’a girip çıkmanız gerekmiyorsa, bu sorundan kaçınmanıza izin verin.
11 İpucu WordPress sitenizde görüntü filtresi efektlerini kullanmak için ipuçları, WordPress sitenizdeki görüntü üzerindeki filtre efektini uygulamak istediğinize karar verdikten sonra, DOS’u çalıştırmak için bir dakikanızı ayırın. Sepya tonunu resminize uygulayarak ne tür bir etki elde edeceğinizi anlamak için bir roket bilimcisine ihtiyacınız olmasa da, hatırlamak istediğiniz belirsiz en iyi uygulamalardan bazıları vardır. İpucu #1: Renk teorisinin arkasındaki psikolojinin web tasarımında büyük bir rol oynadığını hatırlayın, bu yüzden burada kullanmayı unutmayın. Görüntünüzde tam renk değişiklikleri uygulamasanız da, filtre efekti ziyaretçileriniz üzerinde aynı etkiye sahip olacağından ortaya çıkan ince varyasyonlar.
İpucu #2: Yapmak istediğiniz her şey bir veya iki görüntünün görünümünü artırmak veya renk açısından iyi hasarlı bir görüntüyü geri yüklemekse, aşırıya kaçmayın, bu nedenle filtreyi boşuna her bir görüntüye uygulamaya gerek yoktur . Bir filtre yalnızca gerekirse kullanın. İpucu #3: Filtre sayısını en aza indirin
Bu görüntüler filtre olmadan bırakılırsa, bu Owen Veranda bu kadar çarpıcı veya iyi düzenlenmiş görünmeyebilir. 2011 yılında, renk benzerliğinin kısa süreli hafızayı nasıl etkilediğini gören bir çalışmada, araştırmacılar resimdeki renkler arasında daha fazla uyum olduğunu, daha iyi olduğunu, Ziyaretçileriniz kısa süreli hafızalarında resimleri saklayabilir ve hatırlayabilir. Yani Owen O’Donnell gibi hala basit. İpucu #4: Markanızdan esinlenerek
Sarı’nın görüntünüzü filtrelemek için ideal bir renk olacağını düşünmeyebilirsiniz, ancak Chris Redshaw bu markasıyla iyi çalışır.
Filtre efektini resminize uygulamak için birkaç neden var, ancak neden markanızla başlamıyorsunuz? Görüntünüze (Chris Redshaw gibi) iyi görünecek bir marka renginiz varsa, bunu yapın. Ya da belki şirketiniz Kaliforniya’da yaşıyor ve fotoğraflarınız için rahat ve parlak bir atmosfer yaratmak istiyorsunuz, filtre bu etkiyi elde etmek için iyi bir yol olacaktır. İpucu #5: Filtre ile kusurları gizlemek, fotoğraf çektiğinizde her zaman utanç vericidir, çok şaşırtıcı göründüğünü düşünün ve daha sonra çok geç olduğunda gelecekte kusurları görün. Ama tahmin et ne oldu? Kötü aydınlatma veya kırmızımsı cilt gibi bu kusurları gizlemek için bir filtre kullanabilirsiniz. İpucu #6: Zaman ve Yer Oluşturma Sanırım bazı amatör fotoğrafçıların ve sosyal medya fotoğraflarının paylaşılmasının nedeni yanlış görüntü filtresini alıyor çünkü resmin onu gören insanlara etkilerini düşünmüyorlar. Sadece filtre “güzel” veya “havalı” düşünüyorlar. İzleyicileri başka zaman ve yerlere getirmek için birçok filtre yapılır ve bu amaç için kullanılmalıdır. Bu kılavuzun kullanmasını gerçekten seviyorum. Bence bu her Instagram filtresinin nasıl kullanılması gerektiğini iyi açıklıyor. Instagram filtrelerine erişmenizi sağlayan araçlar kullanmasanız bile, zımni anlam başka yerlerde bulunan benzer şık filtreler için aynıdır. İpucu #7: Mürekkep yerlerini kullanmayın! Konuyu belirli Instagram filtrelerinin kendilerini nasıl hissettirdiğine dair test ederken, Harvard araştırmacıları insanların çoğunluğunun Inkwell filtresini depresyon duygularıyla ilişkilendirdiğini buldular. Ziyaretçileri yanlış fikre vermek istemiyorsanız ve resimleriniz en başından beri daha fazla depresyonda ise, filtreden uzak durun.
İpucu #8: Fotoğrafları aç
Bu bölümdeki tüm görüntülere uygulanan kırmızı filtrenin harika göründüğünü itiraf etmelisiniz. Bu, tüm resimleri birleştirir ve onlara ek entrika katmanları verir, böylece göremezsiniz.
Fotoğrafınızdaki filtre efekti kullanmak her zaman ciddi bir sorun olmak zorunda değildir. Örneğin, sitenizin kalan tasarımı minimal ve temizdir. Fotoğrafınıza ana bilgisayar gibi biraz pop veya entrika vermek için bir filtre kullanabilirsiniz. İpucu #9: En önemli şeylere odaklanmaya yardımcı olmak için beyaz boşluk, metin hiyerarşisi ve diğer içerik manipülasyonu kullandığımız özel bir şeyi vurgulayın. Aynı şey belirli bir görüntü filtresi ile yapılabilir. Eskiz bunu yapmanın bir yoludur, çünkü görüntünün etrafında bir tür bulanıklık veya solma yaratır. Bu, ortaya dikkat çeker ve izleyicilerin fotoğraflara atlamaları için bir tür davet davet eder. FIP #10: Rollover veya Hover’ın etkisini artırın, WordPress sitenizdeki görüntülere Hover veya Rollover animasyonlu efektler eklediniz mi? Öyleyse, filtre, Dela Banda gibi sitenizdeki bu büyüleyici yere ekstra bir entrika katmanı ekleyebilir. İpucu #11: Georgia Tech’ten bir çalışmanın katılımını artıran etkiyi kullanın, görüntü filtrelemesinin görsel içerikle ilişkiyi nasıl artırabileceğini gösterir. Çalışmaları bir dizi hipotezi kanıtlıyor:
Fotoğrafa dahil edilen daha kontrast ve maruz kalma, görünüm ve yorumda bir artış üretir. Daha sıcak bir filtre daha fazla yorum ve görünüm üretir.
Fotoğrafların yaşlanmasını sağlayan filtre, görünüm sayısını artırır, ancak daha az yorum alır.
Öte yandan doygunluk, görüş sayısı üzerinde olumsuz bir etkiye sahiptir, ancak yorumlar üzerinde olumlu bir etkiye sahiptir.
7 CSS Görüntü Filtreleri WordPress sitenizde kullanılmak üzere, WordPress siteniz için bir filtre kullanmaya karar vererek gördüğüm tek gerçek sorun, bunu yapmak için gereken enerji ve zamandır. Bakın, Photoshop, Canva ve sizin Cihaz fotoğraf uygulaması görüntülerimiz için özel renk efektleri yapmayı kolaylaştırır, ancak zaman alır. Siteden sonra siteyi izlemekle meşgul olduğunuzda, yapmak istediğiniz son şey her görüntü için özel bir filtre ayarı uygulamaktır. Zamanınızı kaydedin ve sitenizdeki resimleri güncellemek için CSS kullanın. W3Schools, filtrenin CSS3 ile nasıl yapılacağı konusunda iyi bir kılavuza sahiptir, ancak yaklaşım hala küçük bir çözüm gerektirir. Bu filtreyi uygulamak için yardım etmek istiyorsanız, bunlardan birini kullanın:
CSS Filtre Oyun Alanı
Bu CSS filtresini ilk gördüğümde, SpongeBob görüntüsü nedeniyle biraz kafam karıştı. Ancak, görüntüleri ve diğer videoları test ettikten sonra, birbirinizin görünümünü iyileştirmek için bu filtreyi nasıl kullanabileceğinizi gerçekten anlıyorum. Harita çok ilginç çünkü daha önce bu etkiyi gördüğümü biliyorum ama bunun bir filtre etkisi olduğunu bilmiyorum. CSS Filtre Oyun Alanı ile ilgileniyor musunuz?
Detaylar
Cssfilters.co
Bu aracın en çok sevdiğim şey, hazır olan birçok filtrenin olması – çoğunuz Instagram’dan tanıyacaksınız – ancak yine de isteklerinize göre değiştirme gücüne sahipsiniz. Ayrıca, kendi resimlerinizi buraya yükleyebilirsiniz, böylece bir tane işlemeden önce filtrenin fotoğrafınızla nasıl görüleceğini ve bunun için CSS kodunu almadan önce nasıl görülebiliyorsunuz. CSSFILTERS.CORRINGERS ile ilgileniyor
CSGRAM
Detaylar
CSSReflex Filtre Etkisi Daha basitleştirilmiş filtre ayarları için bu CSS özelliğini kullanmak isteyebilirsiniz. Instagram gibi uygulamalardan çeşitli renk ve gölge efektleri ve fotoğrafın netliğini ve parlaklığını değiştirme konusunda hafif bir odak vardır. CSSReflex filtre etkisi ile ilgileniyor musunuz?
Detaylar
Aşk iksiri Philter çok iyi bir seçenektir çünkü uygulanması kolaydır (sadece sitenizde HTML güncelleyin) ve oynatılacak çeşitli seçenekler vardır. Daha önce yapılmış bir filtre efekti oluşturdular, filtre etkisi seri indükledi ve hatta özel filtrelere izin verdiler. Ne istersen! Filtrelerle ilgileniyor musunuz?
Detaylar
Postcss Instagram Bu CSS eklentisinin dahil olduğu bir dizi filtre efektine sahip olmasına rağmen, yerinde görüntülere filtre uygulama işlemini basitleştirmek hala iyi bir seçimdir. Geliştirici ayrıca çeşitli stiller kullanmıştır, bu nedenle aralarından seçim yapabileceğiniz çok fazla siyah beyaz efekt veya fader elde etmekle kalmaz. Postcss Instagram ile ilgileniyor mu? Detaylar
Basit CSS görüntü filtresi
Her biri kullanımı kolay bir CSS kısaltmasıyla donatılmış dokuz benzersiz filtre seçeneği vardır. Bunun tüm ana tarayıcılarla uyumlu olduğunu belirtmek de önemlidir, bu nedenle ziyaretçilerin tüm platformlarda tutarlı bir deneyime sahip olmalarından endişe ediyorsanız, bu en güvenli seçiminiz olabilir. Basit CSS görüntü filtreleriyle ilgileniyor musunuz? Detaylar
Sarmak, görüntü filtresini kullanmanın en iyi yanı olduğunu düşündüğümü biliyor musunuz? WordPress sitenize daha profesyonel avantajlar veya çarpıcı bir görünüm sağlamak için profesyonel bir tasarımcı olmanıza gerek yoktur. İhtiyacınız olan tek şey, CSS (veya alternatif olarak fotoğraf düzenleme uygulamalarıyla ilgili deneyim) kullanma konusunda biraz bilgi ve ilginç ve unutulmaz bir görsel yapabilirsiniz.
Araştırmamda, resme filtre efektleri eklemeye yardımcı olan birkaç WordPress eklentisi buldum, ancak buraya dahil etmek için yeterli geçmiş yoktu. Daha önce bunlardan birini denediyseniz, aşağıdaki yorumlarda deneyiminizi duymak istiyorum. Etiket:
Görüntüler
