Geliştiricilerle işbirliği için 8 ipucu (Tasarımcı Kılavuzu)
Geliştiriciler ve tasarımcılar genellikle tamamen ayrılmış evrende yaşayan yaratıklar olarak söylenir, ancak gerçekte her modern web geliştirme projesinde çok yakın çalışmaları beklenir. Kendi uzmanlık alanlarından belirsiz bir açıya geri çekilmek yerine, tekrarlayan ürün iyileştirme sürecinde fikir alışverişinde bulunmaya devam etmeleri istenir. Geliştiricilerle etkili bir şekilde çalışmak, özellikle hafif deneyimleri varsa ve yeni başlıyorsa, tasarımcılar için zorluklara yol açabilir. Bu sorunu önceki denklemin geliştiricileri açısından ele aldık, ancak bu sefer tasarımcı açısından çeşitli şeyleri gördük.
Bu makalede, tasarımcıların kendi teknik uzmanlıklarını tamamlamak ve geliştiricilerle işbirliğini kolaylaştırmak için yapabileceği sekiz özel alanı tartışacağız. Listeye girmeden önce, tasarımcıların neden genel olarak masaya daha fazla teknik beceri getirmeye başlamaları gerektiğini kısaca tartışalım. Tasarımcılar, belirli bir yaşta okuyucunun teknik oyununu artırmalıdır, tasarımcılar ve geliştiriciler nadiren bir projeyi geçtiklerinde ve genellikle bir kuruluşun tamamen farklı bir bölümünde sınırlı olduklarını hatırlayacaktır. Tasarım, üçüncü bir taraf aracılığıyla dikkatlice geliştiriciye aktarılır ve herkes sadece parmaklarını geçer ve en iyisini umar.
Son zamanlarda bile beş yıl önce, CSS ve HTML’nin temellerini anlayabilen ve bunları kendi tasarımlarını taklit etmek için kullanabilen tasarımcılar hakkında birçok fikir vardı. 2015 yılında tartışma devam etti, ancak en azından tasarımcının başarılı çözümler sunmak için kreasyonlarının teknik temelleriyle anlamlı bir şekilde dahil olabilmesi gerektiği açıktı. Ivana McConnell’in Smashing Magazine’deki son çalışmaları tarafından söylediği gibi, tasarımcılar ve geliştiriciler sadece son zamanlarda etkili bir şekilde işbirliği yapabilmeli ve rolleri arasındaki sınırlar giderek bulanık hale geliyor. Teknik uzmanlık ve geliştiricilerle nasıl çalışılacağını öğrenin, orada bunu yapacak yeterli yetenekli tasarımcı var. Bunu hatırlayarak, geliştiricilerle daha etkili çalışmak için tasarımcıların odak noktası olan alanların bir listesine devam edelim. 1. Bir geliştiriciyle bir tasarımcı olarak eşleştirmeye başlayın, daha teknik düşünme meslektaşlarınız tarafından tartışılan çift programlama terimini duyabilirsiniz veya asla duyabilirsiniz.
Bu, çevik yazılım geliştirme metodolojisinden kaynaklanan ve temelde problemlerin üstesinden gelmek için birlikte çalışan iki geliştiriciyi içeren bir kavramdır. İki kafanın gerçek faydalarının ötesinde, bazen birden daha iyi, bilgiyi aktarmanın ve ekip anlayışını geliştirmenin çok iyi bir yoludur. Tasarımcıların ve etkili geliştiricilerin işbirliği için ana tökezleyen bloklardan biri, her gün birbirleriyle karşılaştıkları sorunların veya genellikle nasıl ele alındıklarını hiç bilmiyor olmalarıdır. Bir geliştirici ile bir saat geçirmek gibi basit bir şey ve gerçekten soruna saldırdıklarında süreçlerini açıklamalarını ister. Yaptıkları şey hakkındaki algınızı tam olarak değiştirebilir ve tam tersi bir yerel geliştirici ve tamamen mümkün olup olmadığını deneyebilir. Her ikinizin de aktif olarak dahil olduğunuz bir projede sıradan bir etkinliğe dönüştürebilirseniz, daha iyidir. Dijital düzeninizin temellerini, belki de nihayetinde telefonda bir bütün olarak cihazınıza bir programlama dili ekleyebilir veya nihayetinde cilalayabilir, ancak bu aşamada HTML ve CSS’nin temelleriyle gerçekten rahat hissetmeniz gerekir. bir web tasarımı ile bir mesafe. Örneğin, sayfanın ve tipografinin düzeni ile ilgili kafes kavramını anlamayı reddeden basılı bir tasarımcıyı hayal edin. Kasıtlı cehaletlerini alay etme hakkına sahipsiniz. Çevrimiçi tasarımınızın altında yatan yapıya ilişkin aynı konumda bitmeyin.
CodeCademy’de aşağıdaki iki ücretsiz kursu tamamlayarak sayfa düzeninin temellerini anladığınızdan emin olun: HTML ve CSS: Yedi saatlik tahmini dersler, size sayfa işaretlemeleri, düzenler, konumlandırma ve kutu modellerinin temellerini size getirecektir. Tamamlanacak küçük bir proje örneği.
Bir web sitesi oluşturun: Tahmini üç -hekim kurs süresi sizi Airbnb ana sayfasının en son sürümünün başından beri elle oluşturulmasını sağlayacaktır.
Temel bilgileri tamamlamak için sadece on saat gerekiyordu. Bir çocuk, teknik etinizi tasarımınızın nasıl uygulanacağına dair çıplak kemikleri kabul edilebilir ve anlayabilen minimum seviyeye taşımak için kendini haklı çıkarmaktan daha fazlasıdır.
3. Programlama dilini bir geliştiriciyle çalışmak, bir kodlama uzmanı olmanız gerektiği anlamına gelmez, ancak en az bir programlama dilinin bir tür temel anlayışı etkili bir şekilde işbirliği yapmanıza büyük yardımcı olacaktır. Burada seçilecek açık dil JavaScript’tir. İşte üç nokta artı ana:
Tasarladığınız birçok etkileşimi harekete geçiren şey budur: Flash’ın ölümü ile JavaScript, animasyonun ve çevrimiçi etkileşimin çoğunu yönlendiren şeydir. Tamamen statik bir sayfadan daha karmaşık bir şey tasarlarsanız, metnin çoğunun çoğunun, JavaScript karışımda bir yerde ağır işler yapar.
Bu dünyanın en popüler programlama dilidir: JavaScript, dünyadaki geliştiriciler arasında baskın bir dildir ve her yıl artmaktadır. Eğer bir tasarımcı olarak bununla uğraşmak zorunda değilseniz, devam etmek zorunda kalana kadar uzun sürmeyecek! Bu, WordPress’in geleceği olarak giderek daha fazla ortaya çıkıyor: Matt Mullenweg’in adresi ve Calypso’nun her ikisinin de lansmanı kelimesinin durumu WordPress’in geleceğinin kısmen büyük olacağını açıklığa kavuşturun JavaScript’e dayanmaktadır. Platform için hayat tasarımınızın bir kısmını yaparsanız, şimdi öğrenmeye başlamak için doğru zamandır.
JavaScript aynı zamanda yeni başlayanlar tarafından nispeten kolayca yaklaşılan bir dildir-sözdizimi ile belirsiz bir yakınlık ve kavram Ruby, PHP ve Python gibi diğer birçok popüler dile iyi aktarılacaktır.
Marijn Haverbeke’nin Eloquent Javasscript çok iyi bir öğrenme kaynağıdır.
JavaScript’i öğrenmenin birçok yolu vardır, ancak en kolay erişilenlerden biri, Marijn Haverbeke tarafından JavaScript Eloquent’te açıklanan doğrudan öğrenmeyi (ve özgür!) Takip etmektir. Akıcı olan JavaScript sizi toplam başlangıçtan makul bir dil bilgisine götürecek ve dişlerinizi yol boyunca kesmek için beş küçük pratik proje verecektir. Bu, mucizevi bir şekilde sizi tam zamanlı bir geliştiriciye dönüştürmeyecek, ancak aşağıdakileri verecektir:
Tasarım ve prototipler açısından aktif olarak kullanabileceğiniz dilin özü.
Tasarımınızı gerçekten uygulamak için her gün geliştiriciler tarafından dayanan birçok kavramın hızlı ve pratik turu.
JetBrains’den Webstorm metin editörü.
Sonunda hangi metin düzenleyicisini seçeceğiniz kişisel bir sorundur, ancak özellikle iki tane tasarımcılar için çok uygundur:
Yüce Metin: Çapraz Platform Metin Düzenleyicisi sadece iyi görünmekle kalmaz, aynı zamanda parmaklarınızın ucunda birçok işlev sağlar ve ön uç kodlama için uygundur.
Webstorm: JavaScript dosyaları, HTML ve CSS kombinasyonuyla uğraşıyorsunuz, webstorm genel görevlerden uçmak ve zaman zaman iş akışınızı mükemmelleştirmek için ihtiyacınız olan hemen hemen her şeye sahiptir.
Bir ön uç tasarımcı olarak, kesinlikle burada ve orada küçük kodlardaki değişikliklerde geliştiricilerle çalışmanız gerekecek.Metin dosyasını dürüstçe açmak zorunda kalmayı hayal etmek için elinizi kaldırmak amatör bir adımdır ve bir bütün olarak ekibin etkili bir parçası olacağınızı göstermez.Profesyonel tasarımcılar, minimal, küçük bir HTML ve CSS’yi tartışmaktan ve metin editörlerini öğrenmek için zaman ayırabilmelidir.5. Kontrol sürümünün geliştirici tarafından sevilen konu olduğunu, ancak ilk kez teknik olmayan arka plandan bulduğunuzda zihni eritebilecek konu olduğunu anlayın.Ancak, bu geliştiriciye sınırlı bir ilgi alanı değildir.Tasarımcılar yıllarca varlıkları yönetmenin ve değişiklikleri izlemek için en iyi şekilde mücadele ettiler ve Adobe gibi çabalar olmasına rağmen ‘ S Versiyon Cue ve Layervault, hala çatlamaktan uzak bir fasulye. Bu kalkınma dünyasında olmaz. Kontrol sürümü temel olarak bugün Git varsayılan seçeneği olan geliştiriciler için çözülen bir sorundur. WebdesignDepot’tan 2009 web tasarımcıları için GIT’e giriş hala bu konu için en kolay tanıtımlardan biri ve Treehouse tasarımcıları için GIT de yararlı. Etkileşimli git git git eğitimi aynı zamanda kolay anlaşılan bir ortamda GIT’in bazı temellerini uygulamak eğlenceli bir yoldur. Git’i hemen yönetmeniz ve tüm tasarım dosyalarınızı çalıştırmaya başlamanız gerektiğini söylemediğimizi unutmayın. Bununla birlikte, en azından nasıl çalıştığına dair geniş bir kavramsal anlayış elde etmelisiniz. Leonard Teo’nun gösterdiği gibi, tasarımcılar için ana tökezleme bloğu, esas olarak metne dayanan tasarım dosyalarının neredeyse kesinlikle iyi organize edilmiş bir projede bir tür kontrol sürümü altında olacağıdır. Kendinizi kontrol sürümünün temellerinde tanımlayarak, bu dosyalarda basit değişiklikler yapılması gerekiyorsa kendinizi bir yol bariyeri olarak kaldırırsınız ve Boot için genel geliştirme iş akışını anlamanızı genişletirsiniz.Pixelapse Tasarımcı odaklı sürüm kontrolü sunar.
Ayrıca, Github’ın son zamanlarda Dropbox’ın PSD ve Pixelapse edinimi için kendi desteği gibi ufukta gizlenen kontrol sisteminin daha spesifik bir tasarım odaklı versiyonundan yararlanmak için kendinizi iyi duruma sokarsınız. 6. Modern tasarım sırasına göre kendi evinize dikkat edin Gerçeklik, bir takım ortamında çalışmanızdır. Güvenli günler büyük bir düz JPG’yi teslim etti ve haftanın geri kalanını tasarımcı koşu ayakkabılarının bitmesi için alışveriş yaptı. Diğer tasarımcılar ve geliştiricilerle etkili bir şekilde çalışmak için, çalışmanızı düzenli ve başkalarıyla paylaşmayı kolaylaştıran bir dizi en iyi sağlam uygulamayı aşılamanız gerekir. Kendi akıl sağlığınızı korumak açısından, Photoshop görgü kuralları tarafından belirtilen aşağıdaki metodoloji şiddetle tavsiye edilir. Elbette Photoshop dosyalarıyla her zaman uğraşmak zorunda değilsiniz, ancak tasarım problemlerinin bölünmesi çok makul: Dosyalar, katmanlar, varlıklar, türler, efektler, kalite – bu, dikkat etmeniz ve organize etmeniz gereken evrensel bir kategoridir. Peki. Photoshop görgü kurallarından makul bir tasarım
Geliştiriciyi tamamen köşede teşvik etmemek söz konusu olduğunda, hatırlanması gereken bir dizi ilgili ama ayrı sorun vardır. Örneğin, her bir öğenin tüm potansiyel durumunu dikkate almak, tüm potansiyel görünümleri ve animasyonları doğru bir şekilde açıklamanızı ve değişken metinleri dikkate almak istersiniz. Twosixcode’daki geliştiricilere hala çok geçerli olan varlık göndermeden önce biraz tarihli ve daha uzun süre dikkate alınması gereken öğelerin bir listesi vardır. UI UI UI Design Free Uipin’in en iyi uygulama e-kitabı da paha biçilmez bir kaynaktır ve Apple, Spotify ve Livingsocial gibi işletmelerdeki en iyi tasarım ekiplerinden en iyi uygulamaların en son örneklerini içerir. 7. Stil Kılavuzu Oluşturun ve Kullanın Bir geliştiriciyle uzun süre çalıştıysanız, iki şey sizin için çok açık olabilir: ayrıntılı ve süreç odaklı yaratıklar.
Onlar doğru belgelerin büyük bir hayranı.
Bu, birçok tasarımcı tarafından öğrenilebilecek bir özelliktir ve bunu kendi projenize tanıtmanın en iyi yollarından biri (ve bunu yaptığınızda geliştiriciyi mutlu etmenin) projenizdeki stil kılavuzunu kullanmaktır.
Susan Robertson Style Rehberi yaratan makale tasarımcılar için önemli bir okumadır.
Sarah Parmenter 2011’in olağanüstü sunumuyla açıklandığı gibi, etkili tasarım sadece doğru parlaklığı elde etmekten daha fazlasıdır. Lüks istekli maketlerden ziyade kullanıcının bakış açısından gerçek sonucuna sürekli odaklanmalısınız. Bu yaklaşıma bağlılıkla, geliştiricilerle potansiyel etkileşimleri önemli ölçüde daha üretken hale getirirsiniz. Güzel yaratımınız üzerinde inatçı bir engel olarak düşünmek yerine, mevcut teknik sınırlardaki kullanıcılar için eğlenceli tasarım çözümleri sağlamada eşdeğer bir ortak olmalıdırlar. Mevcut sonuç, küçük bir ekip bile milyonlarca insan için sorunları çözen ürünler üretebilir. Böyle bir ortamda, teknik uzmanlık eksikliğinin yeteneğinize zarar verdiği için seçiminizi sınırlamak. Geliştiricilerle etkili bir şekilde çalışmayı öğrenmek, giderek daha kullanışlı bir proje ve gelecekte bir tasarımcı olarak büyük ilerleme için kapıyı açar. Bunu yapmak için ana ipuçlarımızı kaydedelim: İşyerinde geliştiricinin gölgesi. HTML ve CSS’ye hakim olduğunuzdan emin olun.
JavaScript’te birkaç küçük adım atın.
Metin editörlerini kullanarak konfor alın.
Başınızı kontrol sürümünün etrafına sarın.
Kendi tasarım işinizde en iyi uygulamayı kullanın. Stil kılavuzunun gücünü bulun.
Her zaman çözülecek soruna odaklanın.
Fikrinizi duymaktan mutluluk duyarız. Geliştiricilerle etkili bir şekilde işbirliği yapmayı özlediğimiz ipuçları veya püf noktaları var mı? Yorumlar aracılığıyla bizimle iletişime geçin ve bize söyleyin! Makale Küçük Resim Danielala / Shutterstock.com
