Serin portföy sayfalı 10 divi sitesi
Portföy sayfası, hizmet veren herkes için en önemli sayfalardan biridir. Bu sadece yaptığınız iş türünü göstermekle kalmaz, aynı zamanda ziyaretçileri uzmanlığınız seviyesine ve sizinle çalışan müşterilere de gösterir. Portföy sayfaları çeşitli şekillerde tasarlanabilir. Bu makalede, bir sonraki Divi tasarımı için size ilham vermeye yardımcı olacak serin portföy sayfalarına sahip 11 Divi web sitesi göreceğiz. Portföy sayfaları genellikle standart bir portföy, filtre portföyü veya tam geniş portföy modülü içerir. Ancak, portföyünüzü göstermenin başka yolları da vardır. Bazıları görüntüler, açıklamalar veya galeriler gibi öğeler içeren bir portföy oluşturur. Tabii ki, bu sayfa düzeninde iyi çalışmalıdır. Her örneği göreceğiz.
Sevdiğim parçanın bir resmini göstereceğim ve ondan ne sevdiğimi tartışacağım. Web sitesi belirli bir sırada değil. Divi kullanarak kendi portföy sayfanızı artırmanıza yardımcı olacak bazı bağlantılar için sonuna kadar bekleyin. 1. Yaratıcı kar
Bkz. Web Sitesi 2. Pasak Rough Bu site portföy öğesini üç sütun halinde gösterir ve bir sütunun iç kısmını içerir. Sütunun üç kısmı, her bir projenin resmine beyaz bir müşteri logosu ile yer alıyor. Alt köşedeki beyaz bir çizgi ile çizilen simge, projenin kategorisini gösterir. Tek sütun bölümü, desen arka planının üzerinde metin ve düğmeler içeren proje görüntüsünü gösterir. Üçüncü bölümde bu, her kategoride daha fazlasını görmek için bir bağlantı sağlar. Bkz. Web Sitesi 3. Leo Whou Tenghuhalan, portföy öğelerini görüntüler arasında boşluk olmadan çok sütunlu düzene yerleştirir. Bunlardan birinin üzerinde yüzen, projenin adını ve kategorisini gösteren alttaki resmin ve kutunun üzerindeki mavi kaplamayı ortaya çıkardı. Portföy iki ve üç sütun içerir ve düzenin yerini alır. Görüntüler farklı arka planlar kullanır ve çeşitli cihaz türlerinde proje görüntüleri görüntüler. Bu site renkleri çok iyi kullanıyor. Bkz. Web Sitesi 4. Studger Medya Grafikleri
Bu site, bir monokrom ile zar zor görülebilen zarif bir arka plan görüntüsünün üzerindeki bir şirket logosu, ad ve sayfa başlığı içeren bir portföy sayfası sunar. Portföy bölümü filtre için şık bir düğme kullanır ve projeyi üç sütunda gösterir. Yüzmek resmi oynayacak ve bir bağlantı verecektir. Bu sayfa ayrıca, QR kodu ve site markalaşmasına uygun sosyal takip düğmeleri olan ACT, iletişim formları ve açık altbilgileri de içerir. Bkz. Web Sitesi 5. Catherine Cliffe Bu portföy sayfası, bir paralaksta başlık ve açıklama içeren tam ekran görüntüsü görüntüler. Scrolls, metnin metnini projenin adı ve yeri ve ilgili kişilerin isimleriyle ortaya çıkarır. Aşağıda tam ekranda resimler ve üç sütun içeren bir galeri bulunmaktadır. Diğer projeler, kutu iki veya üç sütunda görüntülenen resimlerle aynı deseni takip eder. Bkz. Web Siteleri 6. Süper İlahi Web Tasarımı Bu, her bir projenin numarasını verir ve sağlanan şirket logosu ve hizmeti, el yazısı yazı tipleriyle proje başlığı, projenin kısa bir açıklaması ve projeyi doğrudan görüntülemek için düğmeyi içeren görüntüleri görüntüler. Başlık metni, limit ve renk düğmesi site markasıyla eşleşir. Aşağıda çevrimiçi rezervasyon uygulamaları için CTA’dır.
Bkz. Web Sitesi 7. Bir Web Tasarımı Alın Bu portföy sayfası Pinterest’e benzer proje görüntüleri içerir. Kafes 4 veya 5 sütun halinde görüntülenir (Zoomy’nin ekran boyutuna ve seviyesine bağlı olarak). Herhangi bir proje üzerinde yüzmek bir büyüteç ortaya çıkar. Bunu tıklamak Lightbox’ta bir resim açacaktır. Birçok resim web sitesinin tam düzeni, diğeri kahraman alanıdır.
Bkz. Web Sitesi 8. Caporal Dijital Pazarlama
Bu portföy sayfası, site markasının rengiyle eşleşen çekici bir sınıra sahip başlık, slogan ve düğmeye sahip tam geniş bir görüntü görüntüler. Scrolls, üç sütun ızgarasında filtrelenmiş portföyü ortaya çıkardı. Portföy, müşterinin logosunu, gönderildiğinde renkte görüntülenen tek renkli logosunu gösterir. Ayrıca müşterinin adını ve hizmetini de içerir. Soldaki çizgi, yan odaklı metinlerde sosyal ağların adlarını görüntüler. Sunlandığında ekranda kalırlar. Bkz. Web Sitesi 9. Bu deneyimin değişimi, sayfa başlığını görüntülemek için zimmete para geçirme ve zarif yazı tipleriyle dolu geniş bir arka plana tanıtıldı. Filtrelenmiş portföy, tek renkli istemci logosunu görüntüler. Farenin menşe yönünden kaplama taşıyan projelerden birinin üzerinde yüzüyor. Hamparan, projeyi doğrudan görmek için bir bağlantı ile birlikte sağlanan şirketin adlarını ve hizmetlerini görüntüler. Bunu CTA, paralaks arka plan görüntüsü ve referans kayması, sosyal takip düğmeleri ve Instagram yemine sahip iki bölüm sütunları izledi.Bkz. Web Sitesi 10. Waka Bu önce hücresel için geliştirilmiştir. Sayfa, başlık ve açıklamayı içeren ekstra büyük metinle büyük bir parçaya tanıtılır. Kaydırma ve Tickers sayfanın altında görünür ve bu konumda ekranda kalın. İmleç büyük bir oka dönüştürülür ve imleci resme yönlendirdiğinizde büyük bir iğneye dönüşür. Proje iki sütun halinde görüntülenir. Sayfa ayrıca bir hizmet listesi, iletişim formları ve bülten katılımı içerir. Altbilgi kaydırmada ortaya çıkar ve kesilmiş metin bölümünde görüntülenen videoyu görüntüler. Bir sonraki divi web siteniz için size ilham vermeye yardımcı olacak serin portföy sayfaları ile 11 divi web sitesini incelememiz olan zihnini sona erdiren web sitesine bakın. Bu ET blogunda özellikle portföylere veya açıklamalar, görüntüler veya galeriler gibi öğelere odaklanan birçok makale var. İşte bazıları: Divi ile vaka çalışmaları düzenlemek için bir filtre portföyü ve navigasyon gönderme nasıl kullanılır
3 Ücretsiz Güzel Proje Sayfası Geç (ve Divi Builder ile daha fazla nasıl inşa edilir) Portföy sitenizin etkinliğini ölçmek için divi beklentileri nasıl kullanılır
Divi ile minimal portföy ana sayfası nasıl yapılır
Minimum portföy ana sayfasını genişletmek için filtreler, kahramanlar ve CTA kullanma
Divi Ücretsiz İndir: Ana Sayfa Portföy Düzeni Paketi
Divi Ücretsiz İndir: Portföy Düzeni Paketi Yaratıcı Tek Sayfa
Bulanıklıkları çiçeklendirmek için katlanır divi animasyonunu kullanma
Hover.css kullanarak gelişmiş vurgunun divi bulanık modülüne etkisi nasıl eklenir
Divi Blurb modülünü organize etmenin 5 eğlenceli yolu
Divi Galerisi Modülü ile Renk Galerisi’ne Gray Talizi Oluşturun
Arka plan görüntüsü ile benzersiz bir örtüşen etki nasıl yapılır
Görüntünüzü geliştirmek için yeni bir divi filtre seçeneği nasıl kullanılır
Senden duymak istiyoruz. Aşağıdaki havalı portföy sayfalarına sahip web sitelerinden hangisi favoriniz? Bize yorumlarda söyleyin.
Graphic Farm / Shutterstock.com aracılığıyla Üstün Görüntü
