@media (max-width: 1100px) { .ai-website-builder-document .site-chrome [data-nav-primary], .ai-website-builder-document .site-chrome [data-nav-toggle] { display: none !important; } .ai-website-builder-document .site-chrome .nav-inner { grid-template-columns: minmax(0, 1fr) auto; } .ai-website-builder-document .site-chrome .nav-inner > .brand { order: 1; justify-self: start; } .ai-website-builder-document .site-chrome .nav-inner > .nav-side { order: 2; justify-self: end; } }

Portföy sitesi oluşturucuOpenDesign

Portföyler için yapay zekâ web sitesi oluşturucu

Ritmi çalışmalarınız belirlesin. Seçtiğiniz projeleri ve görsel dosyalarını OpenDesign’e ekleyin, bir görsel sistem seçin ve portföyünüzün tasarım yönünü oluşturun. HTML önizlemesinde görsel ölçeğini, tipografiyi ve boşlukları iyileştirin; ardından masaüstü galerisini mobil sıralamayla karşılaştırın.

OpenDesign'i indir Web sitesi örneğini gör

Markalı frontend · Gerçek dosyalar · Kodlama ajanınızla devam edin

OpenDesign’deki yapay zekâ portföy sitesi oluşturucu iş akışı için örnek masaüstü web sitesi tasarımı. — Editoryal grid · Proje sayfaları · Duyarlı görseller

01Projeleri öne çıkaran hiyerarşiBiyografi, hizmetler veya iletişim bilgilerinden önce seçili işlerinizin ritmi belirlemesine izin verin.

02Editoryal görsel düzeniHer projeyi aynı kart biçimine kırpmak yerine görsellerin oranlarını ve sıralamasını koruyun.

03Yeniden kullanılabilir proje sayfalarıProje başlıklarını, açıklamalarını, katkı bilgilerini, galerileri ve ilgili işleri projeler arasında tutarlı tutun.

04Açık iletişim bağlamıNe tür işler istediğinizi açıklayın ve ziyaretçilerin size doğrudan, güvenilir bir yoldan ulaşmasını sağlayın.

Portföy sitesi örneği

Her projeyi birbirine benzetmeden işleri öne çıkarın.

Güçlü bir portföy için editoryal tempo, esnek görsel oranları ve çalışmanın ardındaki kararları anlaşılır kılacak kadar bağlam gerekir.

Yaratıcı portföy sitesi

Farklı işlere alan açan bir portföy düzeni.

Bu örnek portföy, hiyerarşi oluşturmak için büyük bir projeyi daha sade destekleyici işlerle bir araya getiriyor. OpenDesign’in HTML düzenleme kontrolleri, bu düzenin gerektirdiği iyileştirmelerde kullanışlıdır: görsel boyutları, açıklama yazı tipi, satır yüksekliği ve galeri boşlukları. Daha kapsamlı sıralama değişikliklerini işaretli geri bildirim olarak ajana iletebilirsiniz.

Eşit büyüklükte küçük görsellerden oluşan düz bir duvar yerine belirgin bir ana proje
Görseller, roller, sonuçlar ve kısa notlar için esnek editoryal modüller
İşleri farklı ekran boyutlarında okunaklı tutan duyarlı sistem

Editoryal gridProje sistemiDüzenlenebilir portföy

Öne çıkan bir proje, destekleyici vaka çalışmaları, farklı görsel oranları ve editoryal proje bağlamı içeren eksiksiz bir masaüstü yaratıcı portföyünü gösteren yapay zekâ portföy sitesi oluşturucu örneği. — Örnek tasarım · Müşteri projesi değildir1672 × 941 · 16:9

Sıralamayı düzenleyin

Bir portföy tasarlanmadan önce seçilip düzenlenir.

Kendi işlerinizi ekleyin, ardından sabit bir galeri düzenini kabul etmek yerine çalışan portföyde görsel kadrajlarını, yazı tipini ve sıralamayı iyileştirin.

Portföy kararıOpenDesign’de yapılacaklarİnceleme

Görsel yön

Tasarım sistemini seçin veya oluşturun

Stil, işleri destekliyor

Görsel kadrajları

Boyutları ve boşlukları iyileştirin

Önemli ayrıntılar görünür kalıyor

Proje bağlamı

Açıklamaları, katkı bilgilerini ve yazı tipini düzenleyin

Katkı anlaşılır biçimde aktarılıyor

Okuma sıralaması

İşaretli geri bildirim gönderin ve farklı genişlikleri karşılaştırın

Hiyerarşi mobil düzende de korunuyor

Portföy sistemi

Yapay zekâ portföy sitesi oluşturucuyla ayrıntıları iyileştirin.

Farklı uzunluktaki projeler, birbirinin aynı kartlara dönüşmeden ortak bir editoryal sistemi paylaşabilir.

Düzenlenmiş işler dizini

Her öğeyi eşit görmek yerine öne çıkan ve destekleyici projeler için bir hiyerarşi belirleyin.

Proje anlatımı şablonları

Genel bakış, süreç, galeri, sonuçlar, katkı bilgileri ve sonraki ilgili proje için esnek bölümler kullanın.

Hakkında ve iletişim yolu

Çalışmalarınızı kısa bir bakış açısı, seçili nitelikler, uygunluk bilgisi ve doğrudan bir sonraki adımla ilişkilendirin.

OpenDesign farkı

Hazır bir portföy şablonu yerine çalışmalarınıza göre tasarlayın.

Portföyün niteliğini çoğu zaman küçük kararlar belirler: bir görselin ölçeği, açıklama çevresindeki boşluk ya da projelerin gösterilme sırası. OpenDesign, ilk galeri düzenini kabul etmek yerine oluşturulan editoryal yönü doğrudan görsel iyileştirmelerle birleştirmenizi sağlar.

Codex — **index.htmlstyles.csscomponents/**

Claude Code — **index.htmlstyles.csscomponents/**

İyileştirebileceğiniz görsel düzeni

Desteklenen HTML görsellerinin boyutlarını, kaynaklarını ve çevresindeki boşlukları ayarlayın; ardından hazır bir küçük görsel şablonuna değil, gerçek düzene bakarak inceleyin.

İşlerinize uygun yazı tipi

Düzenlenebilir metin alanlarında yazı tipini, boyutu, satır yüksekliğini ve harf aralığını görsel düzenleyiciyle iyileştirin.

Tam da ilgili proje bölümü hakkında geri bildirim

Farklı bir ritim gerektiren galeri veya vaka çalışması alanını işaretleyin ve istediğiniz değişikliği ajana iletin.

Tek ekran boyutuyla sınırlı olmayan portföy

Proje sıralamasının tamamlandığına karar vermeden önce aynı çalışan sayfayı masaüstü, tablet ve mobil genişliklerde karşılaştırın.

Küratöryel akış

Seçin → Sıralayın → Kadrajlayın → Güncel tutun.

Oluşturucu sunumu destekler; işleri, rolünüzü, sonuçları veya izinleri sizin yerinize belirlemez.

1
İşlerinizi seçin
Bir sonraki adımda istediğiniz iş türünü, müşterileri veya rolü destekleyen projeleri seçin.
2
Görsel sistemi seçin
Bir tasarım sistemi seçin veya mevcut referanslarınızdan bir tane oluşturun. Proje görsellerini, açıklamalarını, katkı bilgilerini ve istediğiniz görsel oranlarını sağlayın.
3
Portföy sistemini oluşturun
İşler dizinini, proje ayrıntısı bileşenlerini, hakkında sayfasını ve iletişim yolunu tek bir duyarlı ön yüz olarak oluşturun.
4
Kadrajları ve sıralamayı iyileştirin
Kaynakları, ölçeği, tipografiyi ve boşlukları ayarlamak için düzenlenebilir HTML görsellerini ve metinleri seçin. Daha kapsamlı sıralama değişikliklerini ajandan isteyin; ardından masaüstü ve telefon önizlemelerini kontrol edin.

Deneyebileceğiniz odaklı bir revizyon

Seçili proje sıralamasını koruyun. İstenen görsel oranlarını muhafaza edin, katkı bilgilerini her projenin yanına alın ve açıklamaların doğru görsellerle birlikte kalması için telefon sıralamasını düzenleyin.

Kapsam · Yapay zekâ portföy sitesi oluşturucu

Sunumu tasarlayın. İşlerinizi ve katkı bilgilerinizi kendiniz ekleyin.

Proje görselleri ve yayımlanan sonuçlar için onayınız gerekir. Oluşturulan portföy düzeni; eser sahipliğini, izinleri veya içerik yönetimi iş akışını belirlemez.

Web sitesi teslimatlarınız

Düzenlenmiş işler dizini
Proje anlatımı şablonları
Hakkında ve iletişim yolu

Ayrı hizmetler ve sorumluluklar

Görsel hakları veya kaynakları
Otomatik vaka çalışması bilgileri
Yönetilen bir içerik yönetim sistemi
Barındırma ve alan adı kaydı

Projelerin doğruluğundan, görsel izinlerinden, katkı bilgilerinden, gizlilikten ve nihai üretim kurulumundan siz sorumlusunuz. OpenDesign, düzenlenebilir sunum katmanını sağlar.

Yapay zekâ portföy sitesi oluşturucu hakkında sık sorulan sorular

İşler, görseller ve sahiplik hakkında yapay zekâ portföy sitesi oluşturucu soruları.

Görsel oranları, projeye özel düzenler, görsel düzenleme ve portföyü güncel tutma.

Yapay zekâ profesyonel bir portföy sitesi oluşturabilir mi?

Gerçek projeleri, görselleri, açıklamaları ve hedefleri sağladığınızda güçlü, duyarlı bir yapı ve görsel yön oluşturabilir. Kürasyonun niteliği ve projelerin gerçeklere dayalı anlatımı yine size bağlıdır.

Her projenin düzeni farklı olabilir mi?

Projelerin uzunluğu, görsel ritmi ve içeriği farklı olabilir; gezinme, tipografi, boşluklar, katkı bilgileri ve ilgili işler bileşenleri ortak kalabilir.

Görsel düzenini nasıl iyileştirebilirim?

İstediğiniz görsel oranlarını tasarım brief’inde belirtin, ardından oluşturulan kadrajları inceleyin. HTML önizlemesinde boyutları, görsel kaynaklarını ve boşlukları ayarlayın; galeri yapısını değiştirmek için alanı işaretleyip ajandan düzenlemesini isteyin. Son kırpmayı masaüstü ve mobil boyutlarda kontrol edin.

Daha sonra yeni projeler ekleyebilir miyim?

Evet. Yeniden kullanılabilir proje yapısını ve ön yüz dosyalarını koruyup portföyünüz büyüdükçe genişletin. Üretim ortamında bir içerik yönetim sistemi kullanmak isteğe bağlıdır ve ayrı olarak sağlanır.

OpenDesign portföy görselleri veya vaka çalışması sonuçları sağlar mı?

Hayır. Sahibi olduğunuz veya yayımlama izniniz bulunan işleri kullanın; rollerinizi, katkı bilgilerinizi ve sonuçları doğru biçimde belirtin.

Oluşturmaya başla

Çalışmalarınızın ruhunu yansıtan bir portföy oluşturun.

Gerçek projelerle başlayın, sıralamayı şekillendirin ve yeni çalışmalarınızla birlikte geliştirebileceğiniz bir ön yüz hazırlayın.

OpenDesign'i indir

Platforma bağımlılık yok

Düzenlenebilir dosyalara, yeniden kullanılabilir bileşenlere ve kodlama ajanıyla devam etme olanağına bağlı yapay zekâ portföy sitesi oluşturucu ön yüzü.

Düzenlemeye hazırYapay zekâ portföy sitesi oluşturucu ön yüzü oluşturulduHTML · CSS · JavaScript · Bileşenler