eskiz becerilerinizi geliştirin

Sep 11, 2025
Nasıl Yapılır

Eskiz dijital ürünler yapmak için yer alan herkes için basit ama güçlü bir araçtır. Kalemler, kağıt ve beyaz tahtalar her ofiste hazırdır; Pahalı donanım veya yazılıma gerek yoktur. Hızlı, ucuz ve fikirlerimizi açıklayan basit bir diyagramı karalamak için sanatçılar olmak zorunda değiliz.

  • Yeni başlayanlar için üst eskiz ipuçları

Bununla birlikte, ilk adımları atmaktan ve özellikle programlama, araştırma veya ürün yönetimi gibi tasarım olmayan bir arka plandan gelenler için bir pek çok insanı durduran potansiyel bir engel bulunmaktadır. Cümle 'bilmiyorum nasıl çizilir 'Başkanlarımıza derinden tutturulabilir, bize sanatlar için bir püf noktası olmasaydı, eskiz bizim için olamaz.

İyi haber, herkesin taslak yapabileceği. Eskiz, sanat eserleri oluşturmakla ilgili değildir, ancak fikirleri ifade eder ve kavramları görünür hale getirir. Eskiz arayüzlerine gelince, örneğin, farklı şekillerde birleştirilen çizgiler ve kutular, çizimlerimizin yüzde 99'unu oluşturur.

Bu yazıda, bu temel malzemelere daha yakından bakacağız ve satırlarımızı ve kutularımızı neater, daha temiz ve daha güvenli hale getirmek için bazı basit teknikleri keşfedelim. Düşüncemizi netleştirmek, meslektaşları olan bir çözüm üzerinde işbirliği yapmak ya da paydaşlara ve müşterilere bir kavram sunmak için eskizler kullanıyor olsanız da, herkesin 'ne demek istediğimizi görmelerini' daha kolay hale getireceğiz.

01. Kendine güvenen satırları çizin

Clear, confident lines make readability easier

Temizle, kendine güvenen çizgiler okunabilirliği kolaylaştırır

Kendine güvenen çizgiler, tanımlanmış bir başlangıç, sakin ve sabit bir orta ve sağlam, tanımlanmış bir son vardır. Hatlarınızı daha güvenli hale getirmek için, hatlarınızın bu üç bölümünün her birine dikkat edin.

Hattına her iki tarafta da hoş bir katı hissi vermek için başlangıçta ve sonunda bilinçli olarak duraklamaya yardımcı olabilir. Hattı çalıştırmadan önce ve biterleri görsel olarak güçlendirmeye başlamadan önce kalemi hattın yönüne bile hareket ettirebilirsiniz.

02. Hatlarınızı atmayın

Thrown lines are great for creating dynamism, but no good for a clear sketch

Atılan hatlar dinamizm oluşturmak için harika, ancak net bir kroki için iyi değil

Çizgilerinizi attığınızda, odak başında, ama yol boyunca kaybolur. Çekmece kontrolü kaybeder ve hat sonuna doğru tanım kaybeder. Atılan hatlar, dinamizmi ifade etmek için harika bir yoldur (örneğin bir storyboard'da), ancak arayüzleri çizerken, odak, dinamik ifadeden ziyade netlik ve okunabilirlik üzerindedir.

03. Düz çizgiler çizmek için bileğinizi kaldırın

If you’re having trouble keeping your lines straight, try lifting your hand off the page and pulling the pen towards you, rather than pushing it away

Çizgilerinizi düz tutmakta sorun yaşıyorsanız, elinizi sayfadan kaldırmayı ve kalemi size doğru çekmeyi deneyin.

Hatlarınız - özellikle uzun olanlar - hepsi düz değil, bileğinizi kağıttan kaldırmayı ve tüm kolunuzu hareket ettirmeyi deneyin. Elinizi kağıda dengelemek için küçük parmağınızı kullanabilirsiniz.

04. Kendinize doğru çekin

Daha Straighy Hatları elde etmenin bir başka yolu, onları kendinize doğru çekmektir. El hareketi üzerinde daha fazla kontrol sahibi olma eğilimindeyiz, elini vücudumuzun merkezine doğru (göbek düğmesi), ondan uzaklaştırmak yerine. Yatay çizgiler çizmeniz gerektiğinde sadece kağıdınızı döndürün.

05. Optimum çizim hızınızı bulun

Find the right speed so you don’t end up with shaky lines, or lines that go off target

Doğru hızı bul, böylece titrek çizgilerle ya da hedeften çıkan satırlarla bitmiyorsunuz.

Eskiz hızlı bir tekniktir, ancak aceleci olmaya gerek yoktur. Kelimenin etrafındaki kaleminizi acele etmeyin. Bunun yerine, satırlarınızı kontrol etmenizi ve net işaretlerinizi yapmanızı sağlayan sabit bir tempo bulun.

Hatlarınız titrek ise, muhtemelen çok yavaş gidiyorsunuz. Çiziminizi hızlandırmak, daha yumuşak satırlar oluşturmanıza yardımcı olabilir. Çizgileriniz hedeften ayrılırsa, muhtemelen çok hızlı gidiyorsunuz. Yavaşlama, hatlarınızın yolunu daha iyi kontrol etmenize yardımcı olacaktır.

06. Kıllı çizgi çizmeyin

Draw one long, confident line – hairy lines are distracting

Uzun, kendine güvenen bir çizgi çizin - kıllı çizgiler dikkat dağıtıcı

Bazı insanlar çok sayıda küçük segmentte bir çizgi çizme alışkanlığına sahiptir. Tecrübelerime göre, bu genellikle birisi henüz eskizlikle kendinden emin değilken ve doğru çizgiyi bulmaya çalıştığında olur.

Elde edilen 'kıllı' çizgiler bu güvensizliği gösterir ve krokiye görme gürültüsü ekleyin. Tam, sürekli çizgiler yapma pratiği. Çizgi planladığınız gibi çıkmazsa, başka bir tane daha koyun. Zamanla, bu daha güvenli, daha sakin bir görünümle sonuçlanacaktır.

07. Temizle şekilleri çizin

Lift your pen between each straight line to slow down your drawing and keep your shapes crisp

Çiziminizi yavaşlatmak ve şekillerinizi net tutmak için her düz çizgi arasında kaleminizi kaldırın

Bir kutu, 90 derecelik açılardan toplanan dört satırdan oluşan basit bir şekildir. Düzgün bir kutu çizmek için, her tarafını ayrı ayrı çekin ve her satırın arasında kaleminizi kaldırın. Bu, her iki tarafı düz tutmanıza ve köşeleri güzel ve tanımlamanıza yardımcı olacaktır.

Kaleminizi kaldırarak doğal olarak sizi biraz yavaşlatmaya zorlar, bu da özensiz kutulardan kaçınmanın en iyi yollarından biridir.

08. Şekillerin köşelerini kapatın

Take some time to make sure you close up your shapes. Gaps between lines simply add visual noise

Şekillerinizi kapattığınızdan emin olmak için biraz zaman ayırın. Hatlar arasındaki boşluklar sadece görsel gürültü ekleyin

Zihnimiz, köşeler düzgün bir şekilde kapalı olmasa bile, bireysel vuruşları tam bir şekil olarak algılayacaktır. Bunun nedeni, insan beyninin oldukça şaşırtıcı olmasıdır - özellikle görsel algı ile ilgilenen kısım.

Bununla birlikte, kutularınızın köşelerini açık bırakmak, görsel gürültüyü oluşturur ve zihinsel işleme gücünü, izleyicinizin bildirilmesini istediğinizden uzaklaştırır. Kutularınızın köşelerini doğru bir şekilde kapatmak için bir alışkanlık yapın. Köşeler örtüşürse, bu da sorun değil.

09. Düzgün kör metni kroki

Opt for straight lines for body copy and a tight zigzag for headers

Vücut kopyası için düz çizgiler ve başlıklar için sıkı bir zikzak

Eskizlerken, genellikle metinleri temsil etmek için çizgiler ve karalamalar kullanırız. Bu, sadakatin düşük tutulması ve izleyicilerin gerçek, okunabilen içerikten rahatsız olmasını önlerken, başlıklar ve metin bloklarını çizmenin hızlı bir yoludur.

Dikkat göstermediğimizde, özellikle başlıklar veya büyük etiketler gibi daha büyük yazı tiplerini temsil etmeye çalıştığımızda, rastgele dalgalı çizgileri (el yazısı ile ilişkilendiririz) kullanmanın alışkanlığına girmek kolaydır. Bu, yine, görsel gürültü ekler ve krokunuzu okumayı zorlaştırır.

Vücut kopyası için düz çizgiler kullanma alışkanlığına girin ve daha büyük bir metni temsil etmek için temiz, sıkı bir zikzak.

Tüm bu küçük ayrıntıları birlikte koyduğunuzda, eskizlerinizin genel görünümüne yaptığı fark oldukça etkileyicidir. Unutma, hedefi 'güzel' ya da 'Arty' skeçleri oluşturmak değil, ancak çıktınızı açık ve sakin hale getirmek için, bu nedenle izleyici gereksiz görsel gürültü ile dikkati dağıtmak yerine gösterilen fikrine odaklanabilir.

10. Kavramınızı iletmek için düşük sadakat için gidin

Practise paring sketches back to just the essentials needed to capture your idea

Stecklees'i, fikrinizi yakalamak için gereken şartlara geri dönün.

Hans Hofmann bir keresinde şöyle dedi: "Gereksizin konuşabileceği için gereksizliği ortadan kaldırmak için araçları basitleştirme yeteneği."

Düz çizgiler ve temiz kutular üretmenin yalnızca teknik becerilerinin ötesinde, eskizlerin daha doğru, daha fazla kavramsal tarafıdır. Bir konsept iletmek için hangi parçaların yapmam gerekiyor? Sahnedeyim hangi aşamada uygunluk haklısın?

Genel tavsiyem: eğer bir şeyde daha iyi hale gelmeye odaklanmak istiyorsanız, düşük kalitede çizimi yapmayın. Yüzlerce UX uygulayıcısına çizim yapmayı öğrettikten sonra, esasıyla bir kroki azaltmanın en zoru zorluk olduğunu keşfettim. Ayrıntıların dikkatini dağıtmak ve bir taslağın içine çok fazla tıklayarak netliği kaybetmek çok kolaydır.

Düşük sadakat eskizlerini pratik yapmak, bizi karmaşık kavramları özetlemeye zorlar. Ayrıca bize kalıpları nasıl belirleyeceğinizi ve yapıları anlamamıza yardımcı olur. Düşük sadakatte eskizat yaptığımızda, daha iyi iletişimciler oluruz, çünkü ilk önce büyük resmin nasıl gösterileceğini ve ne zaman ve nerede gerektiğinde daha fazla ayrıntıya dalmamıza yardımcı oluyoruz.

11. Mevcut arayüzleri çizin

Base your practice sketches on an existing page to focus on capturing the essence of the design, rather than creating a new layout

Yeni bir düzen oluşturmak yerine, tasarımın özünü yakalamaya odaklanmak için pratik çizimlerinizi mevcut bir sayfaya yerleştirin.

Düşük sadakat eskizlerinin nasıl oluşturulacağını öğrenmenin en iyi yolu, mevcut bir çizim yapmaktır. Web Sitesi Düzeni . Bu, tam olarak ne yaptığınızı ve nasıl kriste olacağınıza odaklanmanızı sağlar, çünkü aynı anda iyi bir yeni tasarıma sahip olmak zorunda değilsiniz.

Mevcut arayüzleri çizmek de tasarım sürecinizde sıkışıp kalırsanız, size yardımcı olmak için harika bir yol olabilir. Geliştirmek istediğiniz geçerli arayüzü çizmek veya benzer bir ürünün arayüzü, kusurları bulmanıza ve statükoyu çok daha derin, yapısal düzeyde sorgulamanıza yardımcı olabilir. Bu, genellikle farklı şeylerin nasıl yapılacağı hakkında fikirlere yol açabilir.

12. Seyircinizi hayal edin

Bir web sitesinden, yazılım arayüzü veya mobil uygulamadan bir ekran seçin. Bu ekranın ne olduğuna ve ana bölümlerinin ne olduğuna dair birisine açıklamak istediğinizi hayal edin. Egzersizi odaklamak için, belirli bir kişiyle konuştuğunuzu hayal edin: bir ürün müdürü, görsel tasarımcı, bir geliştirici, bir içerik düzenleyici, potansiyel bir yatırımcı. İzleyicilerin kim olduğuna bağlı olarak, eskiziniz ekran tasarımının farklı yönlerine odaklanacaktır.

Önce genel yapıyı çizmek ve detay miktarını minimumda tutmak için kendinize meydan okuyun. Genellikle özüne inmek için birkaç çeşit eskiz alır.

Bu makale başlangıçta ortaya çıktı net dergisi Sayı 285.

Bunu beğendin mi? Sonra bunları kontrol et:

  • Web animasyonları için storyboard oluşturun
  • Uygulamalarınızı Sunucusuz Nasıl Yapılır?
  • Grafik tasarım öğrenmek için 20 büyük kaynak

Nasıl Yapılır - En Popüler Makaleler

Bir kurt nasıl çizilir

Nasıl Yapılır Sep 11, 2025

Eğer ustalaştıysan Bir köpek nasıl çizilir , ayrıca bir kurt da kolayca çizebileceğinizi düşünmek için affedilirsiniz. Fido'nun..

CSS şekilleri ile nasıl tasarlanır: bir giriş

Nasıl Yapılır Sep 11, 2025

Her web sitesinin temeli, sayfayı içeriği olan daha küçük öğelere bölmektir. Tasarımcılar için bu konuda büyük soru..

SASS

Nasıl Yapılır Sep 11, 2025

CSS ile çok şey yapabilirsiniz - belki de düşündüğünüzden daha fazla - ancak saygın stil tabaka dilinin sınırlamalar�..

Pas ile başlayın

Nasıl Yapılır Sep 11, 2025

Sayfa 1/2: Sayfa 1 Sayfa 1 Sayfa 2 ..

Suluboya köpüklü bir gece gökyüzüne üç adım

Nasıl Yapılır Sep 11, 2025

Suluboya, sağa doğru olan inanılmaz bir ortamdır. Sanat Teknikleri En büyülü ve benzersiz görüntüleri ya..

Bir köpek kalem portresi çizin

Nasıl Yapılır Sep 11, 2025

Evcil hayvan portreleri çizerken, sadece bilmeniz gerekmez Hayvanlar nasıl çizilir : Görev, o bir hayvanın ki..

Epic New York sahnesini boya

Nasıl Yapılır Sep 11, 2025

Bu atölye için favori konularımdan birini boyadım: New York City Köprüsü. Brooklyn köprüsünü birçok kez farklı ışıkta boyadım, bu yüzden bu proje için Manhattan Köprüsü'..

P5.JS ile yaratıcı kodları keşfedin

Nasıl Yapılır Sep 11, 2025

Bir gün geçirmek Brendan Dawes yerinde Londra'yı oluştur ..

Kategoriler