Web sitesi

Özgeçmiş Web Sitesi Tasarımı

Tom Goodman'ın kurgusal özgeçmişi, deneyimi yetenek grafikleri ve seçilmiş çıktılarla bir araya getirir. İki sütunlu okuma düzenini, kompakt iş kartlarını ve ayrı baskı düzenini inceleyin.

OpenDesign HackathonTasarım ve üretim
Örnek
Özgeçmiş Web Sitesi Tasarımı4 bölüm
Tom Goodman Özgeçmişi: profil, deneyim, seçilmiş çıktılar, temel, topluluk ve aday genel görünümüyle eksiksiz özgeçmiş
Eksiksiz özgeçmiş ve aday genel görünümü

Tasarım Fikirleri

  • Tasarımcı Özgeçmiş Web SiteleriDeneyimi ve seçilmiş çalışmaları okunabilir tek bir sayfaya taşıyın.
  • Profesyonel Profil SayfalarıKısa bir tanıtımı somut kanıtlarla destekleyin.
  • Web ve Baskı ÖzgeçmişleriTarayıcıda okuma ve kağıt çıktısını birlikte değerlendirin.

Özgeçmiş Öne Çıkanları

  • İki Paralel Okuma YoluDeneyim, kompakt bir aday genel görünümünün yanında yer alır.
  • Beş Numaralandırılmış BölümProfil, deneyim, çıktılar, temel ve topluluk ana sütunu oluşturur.
  • Bir Baskı Giriş NoktasıÖzgün sayfa bir Yazdır / PDF denetimi içermektedir.

Tek Bir Özgeçmiş Web Sitesinde İki Okuma Yolu

Tom Goodman'ın özgeçmiş web sitesi, profesyonel bir profili iki bağlantılı belge olarak ele alır: solda geleneksel bir iş geçmişi anlatısı, sağda ise bir aday panosu. Beş numaralandırılmış bölüm ana sütunu düzenler. Koyu kenar çubuğu, daha fazla istihdam metni yerine çubuklar, sayımlar ve iş dağılımı grafiği kullanır.

Bu karşıtlık, özgeçmişin nasıl taranabileceğini değiştirir. Rol adları ve tarihler kronoloji sağlar; kenar çubuğu hızlı, niceliksel görünümlü bir genel bakış sunar. Asıl soru, bir panonun özgeçmişten daha etkileyici görünüp görünmediği değildir. Soru, her gösterimin komşu metinde yer almayan bir şeyi iletip iletmediğidir.

Özgeçmişin İçeriği Nasıl Böldüğü
Alanİçerdiği BilgiNasıl Uyarlanır
Profil ve DeneyimTarih ve lokasyonlu rollerden oluşan bir girişin ardından gelen bilgiler.Açıklamayı genişletmeden önce rol, kuruluş ve dönemin kolayca karşılaştırılabilir olmasını sağlayın.
Seçilmiş ÇıktılarPrototip, Canlı Eser, Sunum ve Animasyon kategorileri.Bir çıktı kategorisini yalnızca kategoriye dayanmak yerine gerçek bir iş örneğine bağlayın.
Aday Genel GörünümüEtki sayımları, yetenek çubukları ve operasyonel profil grafiği.Bu alanı kısaca açıklanabilecek ve bir kaynağa izlenebilecek kanıtlar için kullanın.

Beş Yetenek Çubuğunun Gerçekte Ne İlettiği

Yetenek paneli, 88 ile 96 arasında puanlarla etiketlenmiş beş çubuk içerir. Etiketler solda, değerler sağda yer alır ve dolu çubuklar bunların altında uzanır. Parlak yeşil her değeri dolgu düzeyiyle ilişkilendirirken koyu ızgara ortak bir arka plan sağlar.

Beş yetenek çubuğu okunabilir bir ölçekte, özgün aday kenar çubuğundan yalıtılmış hâlde. Tam çözünürlük için görseli açın.
Beş yetenek çubuğu okunabilir bir ölçekte, özgün aday kenar çubuğundan yalıtılmış hâlde. Tam çözünürlük için görseli açın.

Değerler Sekiz Puan İçinde Kümeleniyor

Ürün Tasarımı 96, Tasarım Sistemleri 94, Hızlı Prototipleme 93, Hareket ve Hikâye Anlatımı 88, Ajan Orkestrasyonu ise 91 puandır. 100 puanlık bir çubukta en kısa olanı bile neredeyse doludur. Bu görsel sonuç kapsamı ve sürekli yüksek derecelendirmeleri vurgular; beceriler arasında anlamlı bir fark göstermez.

Sıralama ve Uzunluk Farklı Hikâyeler Anlatır

Çubuklar puana göre sıralanmamıştır: 91 puanlı Ajan Orkestrasyonu, 88 puanlı Hareket ve Hikâye Anlatımı'nın ardından gelir. Dolayısıyla sıralama bir yetenek listesidir, bir derecelendirme değil. Okuyucunun güçlü yönleri karşılaştırması gerekiyorsa açık bir sıralama seçin ve değerlerin ne ölçtüğünü açıklayın.

Deneyimin Altındaki Dört Hücreli Çıktı Izgarası

Seçilmiş Çıktılar, dört eser kategorisini çerçeveli iki-iki ızgarada sıkıştırır. Her hücre kalın kısa bir kategori başlığından ve ardından küçük bir açıklamadan oluşur. Bu, tek tek projelerin galerisini değil, teslimatların kompakt bir dizinini sunar: dört etiketin hiçbiri belirli bir sipariş üzerine yapılmış çalışmayı tanımlamaz.

Seçilmiş Çıktılar: dört hücre eser kategorisini açıklamasından ayırır. Bu doğrudan bir HTML ayrıntı görüntülemesidir.
Seçilmiş Çıktılar: dört hücre eser kategorisini açıklamasından ayırır. Bu doğrudan bir HTML ayrıntı görüntülemesidir.
Dört Hücrenin İçindeki Farklı Bilgi Türleri
HücreAçıklamanın AdlandırdığıGerçek Bir İş Örneğinin Ekleyeceği
PrototipDuyarlı web, masaüstü ve mobil arayüzler.Belirli görev, ekran ve kişisel katkı.
Canlı EserPanolar, KPI duvarları ve karar odaları.Arayüzün desteklediği karar ve incelemek için bir bağlantı.
SunumHTML, PDF ve düzenlenebilir PPTX teslimi.Sunum konusu ve gerçekte mevcut olan format.
AnimasyonHyperFrames ve deterministik MP4 çıktısı.Oynatılabilir bir örnek ve üretimin üstlendiğiniz bölümü.

Özgeçmişi Ekranda ve Kağıtta Okumak

Bu resmi OpenDesign hackathon örneği, yalnızca bir Yazdır düğmesi yerine ayrı bir baskı işlemi içerir. Kaynak, birkaç boyutu milimetreye geçirir, portreyi 27 × 32 mm'ye küçültür, eylem denetimlerini gizler ve seçim tutamaçlarını kaldırır. Bu değişiklikler, baskı görünümünün ayrı bir kompozisyon olarak tasarlandığını gösterir.

Mobil Okuma Sırasını Değiştirir

880px altında özgeçmiş tek bir ana sütuna dönüşür ve aday paneli belge akışına girer. Daha dar genişliklerde kenar çubuğu da tek sütuna daralır. Profesyonel anlatı bu nedenle niceliksel genel görünümden önce gelir; her ikisi de dar paralel şeritlere sıkıştırılmaz.

Yazdır Düğmesi Sadece Başlangıçtır

Özgün denetim tarayıcı yazdırmasını başlatır. Baskıya özgü boşluklar yardımcı olabilir; ancak uzun bir rol açıklaması yine de bir başlığı veya ızgarayı sayfa sınırının ötesine taşıyabilir. Gerçek metniniz ve seçtiğiniz kağıt boyutuyla test edin; kurgusal örneğin bitmiş özgeçmişin tek sayfaya sığdığını kanıtladığını varsaymayın.

Bu Özgeçmiş Düzenini Kullanmadan Önce Kontrol Edilecekler

Tom Goodman kurgusal bir profildir; iş deneyimi ayrıntıları, topluluk sayımları ve beceri derecelendirmeleri örnek içeriktir. Sayfa, doğrulanmış kişisel başarıları değil, bir özgeçmiş düzenini ve baskı giriş noktasını göstermektedir. Kullanışlı örüntüsü kronoloji, teslimatlar ve destekleyici kanıtları birbirinden ayırmasıdır; gerçek bir versiyonun güvenilirliği her üçünün doğru bilgilerle değiştirilmesine bağlıdır.

OpenDesign'da Özgeçmiş Web Sitesi Tasarımı Nasıl Oluşturulur

  1. OpenDesign'ı İndirin ve Kurun

    Masaüstü uygulamasını indirin, kurun ve kurulumu tamamlayın. Tasarımınız için bir proje oluşturun.

    OpenDesign'ı İndir
  2. Stillendirmeden Önce Gerçek Deneyim Sağlayın

    OpenDesign'a rollerinizi, tarihlerinizi, katkılarınızı ve iş bağlantılarınızı verin. Bu bilgileri sağlamadan önce düzeni keşfediyorsanız, uydurulmuş bir kariyer yerine açık yer tutucular talep edin.

    Önerilen Prompt

    Profil, deneyim, seçilmiş çalışmalar, beceriler ve topluluk katkıları için ana sütunlu bir özgeçmiş web sitesi tasarımı oluşturun. İletişim bilgileri ve kaynaklı öne çıkanlar için kompakt koyu bir kenar çubuğu ekleyin. Güçlü bir isim başlığı ve ölçülü yeşil vurgular kullanın. Rol, kuruluş ve tarihleri bir arada tutun. Eksik bilgiler için açıkça işaretlenmiş yer tutucular kullanın; işverenler, metrikler veya beceri yüzdeleri uydurmayın. Tarayıcı yazdırma eylemi ve baskıya uyumlu stiller ekleyin.

  3. Rolleri İş Örnekleriyle Bağlayın

    Katkınızı açıklayan ve gerçek bir esere işaret eden seçilmiş çalışma girişi isteyin. Sayfayı bir kez kenar çubuğu olmadan okuyun: ana sütun ne yaptığınızı ve ne ürettiğinizi yine de açıklamalıdır.

  4. Dar Ekranları ve Baskı Önizlemesini Kontrol Edin

    Kenar çubuğunun mobilde mantıklı bir okuma sırasıyla girişi takip ettiğini doğrulayın. Baskı önizlemesini açın; sayfa sonlarını, arka plan kontrastını ve kağıtta belirsizleşebilecek bağlantıları inceleyin. Basılı versiyonu gönderilebilir saymadan önce düzeni ayarlayın.

  5. Dışa Aktarın ve Paylaşım Bağlantısı Alın

    Bitmiş tasarımınızı dışa aktarın, ardından bir paylaşım bağlantısı almak için OpenDesign'daki Paylaş seçeneğini kullanın. Bağlantıyı göndermeden önce ayrı bir tarayıcı penceresinde açarak amaçlanan sürümün ve bileşenlerinin erişilebilir olduğunu doğrulayın.

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için