CSS3'ün icadı ile bir web tasarımcısı Photoshop kullanmalı mı?

Birçok tasarımcının Photoshop'ta güzel web tasarım çalışmaları oluşturduğunu görüyorum, ancak şimdi CSS3'ün gelişiyle, bunu HTML ve CSS olarak değiştirmek istediklerinde, sıfırdan başlayıp CSS3 kullanarak son tasarımın yaklaşık% 80'ini oluşturuyorlar.

Örneğin, Photoshop'ta oluşturduklarını elde etmek için kenar yarıçapı, opaklık, arka plan gradyanı, kutu gölgesi ve metin gölgesi ve diğer CSS3 kurallarını kullanırlar. Çoğu zaman sadece bir fırça çalışması veya bir logo gibi bir görüntüyü Photoshop'tan içe aktarırlar.

Benim sorum, web tasarımcıları Photoshop'u hala bir şey oluşturmak için kullanmalı mı, sadece% 20'si onlar için yararlı olacak mı?

Bir web tasarımcısı, Photoshop'ta bir tasarım oluşturmak için başka bir orta katman eklemek için uğraşmadan tüm tasarımı doğrudan HTML ve CSS'de oluşturabilir ve sonra kalan öğeleri orada oluşturabilir mi?

Herkese katılmıyorum. Photoshop bir web sitesi tasarlamak için bir araç değildir. Bir web sitesi hazırlamak için bir araçtır. Web sitesi hala içinde bulunduğu ortamda tasarlanmalıdır - ki bu da CSS, HTML ve JS'dir.

Bu Photoshop kullanmadığınız anlamına gelmez. Ama kesinlikle zorunda değilsin.

Ben büyük bir hayranıyım değildi hiç müşterilerine photoshop web sitesi tasarımları gösteren. Sitenin yaşayacağı ortam değil. Photoshop comps, etkileşim, cihaz farklılıkları, tarayıcı kimlik bilgileri, tıklanabilirlik, yanıt verme vb.

Kuşkusuz, gerçekte, çoğu zaman JPG maketlerini göstermeniz gerekir. İnce. Bunun için Photoshop kullanın. Ama sonra bu PSD dosyasını almayın ve bir web sitesine dilimleyin. Bu 1999'da mantıklıydı. Bugün çok fazla şey yok. Bunun yerine, bu PSD'yi alın ve sadece bir rehber olarak kullanın. Bu 'kabaca sitenin nasıl görünmesi gerektiğidir, ancak CSS / HTML / JS'de oluşturulduğunu ve gerektiğinde uyum sağladığını dikkate alın.

Yani, soruyu cevaplamak için:

Bir web tasarımcısı, Photoshop'ta bir tasarım oluşturmak için başka bir orta katman eklemek için uğraşmadan tüm tasarımı doğrudan HTML ve CSS'de oluşturabilir ve sonra kalan öğeleri orada oluşturabilir mi?

Evet. Bunu kesinlikle yapabilirsiniz. Bunu PSD tasarımcılarına paralel olarak yaptım. PSD yaklaşımı ile ilgili en büyük sorun, çevik bir ekip üzerinde çalışırken. Dokümantasyon için kullanılan ağır dosyalar (PhotoShop gibi) Çevik süreç için oldukça büyük bir yük haline gelir ve çözdüklerinden daha fazla sorun ekler. Daha sonra tersine çalışma eğilimindeyiz ... PS'yi gerektiği gibi çiziyoruz ve sonra HTML / CSS / JS'de tasarlayıp oluşturuyoruz. Daha sonra toplantılar için hızlı görsel güncellemeler yapmamız gerektiğinde, yalnızca çalışma sunumu katmanı işaretlemesini ekran görüntüsünde çekeceğiz ve PhotoShop'a tokatlayacağız ve çabucak ayarlayacağız.

** DÜZENLE **

Yeni müşteri?

Kesinlikle - YENİ bir müşteri / site için bir tasarım oluşturuyorsanız. Lay-folk genellikle kafanın içinde ne olduğunu görmekte zorlanır. Tel çerçeveler, çizimler vb. Her zaman da kesmez - çizin - kesmezler. Müşterilerinin sahip oldukları tek şey bir WF veya eskiz olduğunda, logoları, fotoğrafları, kurumsal yazı tipleri ve bir kullanıcı arayüzü ile mockup verildiğinde benden daha fazla "X yapacağını düşündüm" duyuyorum.

Diğer senaryolar:

Belki değil - İş gereksinimlerine uyan mevcut HTML / CSS / JS'yi kullanabilir veya mevcut bir istemcinin içeriğini düzenliyorsanız, yalnızca kodda çalışmanız daha iyi olur. Değilse, muhtemelen çok az bir geri dönüş için Photoshop'ta brüt zaman harcayacaksınız. Bir ekran görüntüsünün ve Photoshop aracılığıyla yapılan ince ayarın gerçekten bir onay sürecini hızlandırabileceği veya bir fikri üç veya daha fazla bozabileceği durumlar (söz konusu @ DAO1 gibi) vardır.

** son **

Evet dedim -

Tasarımlarınızı bir görselle satmak çok daha kolay (ve kompozisyon oluşturmak için çok daha hızlı) - basitleştirilmiş olsa bile. PS, işim için en çok yardımcı olduğu yer.

Bir ızgara sistemi ile bir katman da ekliyorum, böylece şeylerin nasıl düzenlendiğini görebiliyorum ve bunları hızla ihtiyacım olan yere sürükleyebiliyorum. Yine, bu comps ve müşteri tarafından talep edilen değişikliklere yardımcı olur.

Yaygın olarak kullanılan öğelerinizden bir Photoshop kitaplığı tutarsanız: vektör tabanlı yuvarlak köşe giriş kutuları, ızgaralarınız, "logo buraya gelir" kutusu ... hepsi tek bir dosyanın katmanlarında veya birden çok dosyada (seçiminiz) - giriş sayfaları ve iç sayfalar, bunları kodlamak için gereken sürenin kısa bir bölümünde oluşturabilirsiniz.

Kodlama zamanı geldiğinde (sık kullanılan ayarlarla) ortak bir CSS dosyası tutmak da yardımcı olacaktır, ancak PS'nin iş akışından çıkarılmasının değerini görmüyorum - ne kadar sağlam CSS olursa olsun.

Kullanıcılarınızın% 100'ünün, sitenizi tam olarak sizin (veya daha da önemlisi, müşterinin) görülmesini istediğiniz şekilde görecek tarayıcıları olduğunu garanti edebilir misiniz? Hayır? O zaman yüzde kaç? % 90? % 80?

Kalan% 10 (% 20?% 40?) Tarafından görülen alternatif sürümün kabul edilebilir olması için güzel bir şekilde bozulduğundan emin olabilir misiniz?

Bu sorunlardan biri veya her ikisi birden bir sorunsa Photoshop'a ihtiyacınız vardır.

Düşünülecek şeyler:

• Bu fantezi tasarımları web'e koymak çok şey yapıyor. En azından daha karmaşık olanlar için. Photoshop, son sonucun daha hızlı gerçekleşmesini sağlar.

• İşindeki bir tasarımcı için, Photoshop'ta mock-up yapmak genellikle daha hızlı, haklıdır, çünkü tüm günü html ve CSS3'te hacklemek için harcamazsınız.

• Bahsettiğiniz gibi,% 80'ini CSS3'te yapabilirler, ancak sonunda Photoshop'un bir kısmını oluşturmaları gerekir.

• Tasarımcı ve geliştiriciyseniz ve zamandan tasarruf ederseniz Photoshop'ta maket yapmayı bırakmayı, aksi takdirde Photoshop'ta her zaman bir maket yapmayı iddia edersiniz.