Dijital varlıklar nasıl oluşturulur

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

Dijital kullanım için varlıkların hazırlanması için temel bir görevdir. junior tasarımcılar bugün - ve farklı Yazdırma için Dosya Hazırlama . Web siteleri, sosyal medya kampanyaları, görüntülü reklamlar, e-posta haber bültenleri, video animasyonları, infographics ve uygulama tasarımları için resimler oluşturmak veya uyarlamak isteyebilirsiniz.

Yerinde Conran Tasarım Grubu Örneğin, tipik bir görev, kullanım için görüntü üretmek için olabilir. duyarlı web sitesi , Kıdemli Tasarımcı Ollie Rone-Clarke'u açıklar. "Tasarım imzalandıktan sonra, her bir varlık boyutunun bir çekirdek ana dosyası oluşturacağız ve bunlar, dosyaları mümkün olduğunca küçük hale getirmek için doğru dosya biçimini kullanarak, doğru dosya formatını kullanarak Web için kaydedileceğiz. - Böylece bu varlıklar, örneğin mobil olarak indirmek için hızlıdır. "

Peki, dijital kullanım için varlıkları oluşturma ve uyarlamaya nasıl gidiyorsunuz? Düşünmeniz gereken dört geniş şey var.

01. Temelleri Usta

Conran Design Group collaborated with food redistribution charity FareShare to produce its 2016 annual report and social media assets

CONRAN Design Grubu, 2016 yıllık raporunu ve sosyal medya varlıklarını üretmek için Gıda Yeniden Dağıtım Yardımcılığı Fareshare ile işbirliği yaptı

Öncelikle, temelleri anlamanız gerekir, bu da tasarım kursunuzun üstesinden gelintiniz. "İşlevsel bir perspektiften, tipik olarak Photoshop'ta doğru renk ayarlarını kullandığınızdan emin olmalısınız: CMYK yerine RGB "" Osman Gani, Global Digital Reklam Yönetmeni Dünya çapında hogarth . "DOĞRU Dijital piksellerde inç başına doğru dijital piksellerde çalışmanız gerekir, photoshop katmanlarını doğru isimleri verin ve katmanları alttan en üste yerleştirin.

"Doğru dijital formatları kısa sürede öngördüğü şekilde dışa aktarmanız ve metin kutularının ve görüntülerin doğru şekilde 'atıldığını' sağlamak için ihtiyacınız olacak. Ve adlandırma sözleşmeleri gibi en iyi uygulamalara, sunucudaki klasör yapılarını temizle ve sürüm kontrol dosyalarını kullanarak yapıştırmanız gerekir. "

02. Marka kurallarını takip edin

Conran Design Group helped the Keep Britain Tidy campaign by giving the brand's original Tidyman logo a modern twist

Conran Design Group, İngiltere'nin düzenli kampanyasının markanın orijinal Tidyman logosunu modern bir bükülme vererek tutmasına yardımcı oldu.

İkincisi, her proje, markaya özgü dijital yönergelerle birlikte gelir, dijital tasarımcı dijital tasarımcı Battenhall . Zamanın çoğu, bunun nispeten rutin olacak.

"Projelerimizin çoğu, yönlendirmeleri zaten aşina olduğumuz mevcut istemcilerden geliyor" diye açıklıyor. "Ancak yeni müşteriler için onlara sormak zorundayız, gereksinimlerini tam olarak analiz etmeliyiz ve örneğin dosya boyutu ve renkleri açısından ortaya çıkabilecekleri tüm sınırlamaları düşünmeliyiz."

03. Tasarımlarınızı farklı platformlarda test edin

Rather than creating print and digital assets separately for FareShare, Conran Design Group created a strong unifying theme within the report that it could use across other platforms

Fareshare için ayrı ayrı baskı ve dijital varlıklar oluşturmak yerine, Conran Design Grubu, diğer platformlar arasında kullanabileceği raporda güçlü bir birleştirici tema yarattı.

Üçüncüsü, sürekli değişen bir dijital ortamda, tasarladığınız platformlarla güncel tutmanız gerekir. "Örneğin," diyor Esteban, "Test etmek için özel sosyal medya hesaplarım var - ve ardından tüm cihazlara nasıl baktıklarını görmek için gönderiler.

Sıklıkla, Twitter'da 'ortaya çıkarmak için tıkla' gibi 'Twitter'da' Click 'ya da Instagram'da' filtrele 'gibi, bu yüzden tahmin etmek yerine her şeyin akarsu nasıl göründüğünü test ediyoruz. Bütün bunlardan sonra, her bir iştahını ihtiyacınız olan tüm boyutlara değiştirmek kolay olmalı: adjelly.com Tüm farklı güncel boyutlara sahiptir, ancak her platformun googling de çalışır. "

04. Kuruluşunuzu tanıyın

Keep Britain Tidy needed a unified identity that better communicated the core brand

İngiltere'nin düzenliğini, çekirdek markayı daha iyi ileten birleşik bir kimliğe ihtiyaç duyduğunu tutun

Son olarak, çalışmaya geldiğiniz kuruluşun sistemlerini ve süreçlerini de anlamanız gerekir.

Rone-Clarke, "Genç tasarımcılar, tasarım ve varlık yönetimi hazırlığının temelleri ile içeri giriyor, ancak stüdyo dosyalama sistemine hazır olmayacaklar" diyor. "Bu, onlarla çok zaman geçirdiğimiz yer, onlara her tasarım işi için aşamalar yaptığımızı ve aşamaları kurduğunu gösteriyor."

Teslimatları anlayın

Tasarım kursunuzun sizi tüm bunlara ne kadar hazırlayacağını, değişecektir. Conran Design Grubu'ndaki genç bir tasarımcı olan Chloe Holdi, onların biraz yamalı olduğunu söylüyor. "RGB'nin dijital ve CMYK için olduğunu öğrenirken, ben bir stajyer olana kadar fark etmediğim şey, dijital ve yazdırma dosyaları arasında devam ederken çift kontrollü dosya ayarlarının önemidir" diye hatırlıyor.

"Nasıl ve eşyaları öğrendim. Bir stüdyoda çalışan bir stüdyoda çalışana kadar değil, teslimatları net bir şekilde nasıl kısa bir süre anlayacağınızı öğrendiğinize kadar değil. "

Elena Morán, bir UX / UI tasarımcısı atom42 Ayrıca, dijital varlıkların hazırlanmasında özetin önemine de işaret eder. "İyi bir tane aldığınızdan emin olun - ve ihtiyacınız olan bilgileri içermezse, geri itmekten utanmayın" dedi. "Bir fırıncı un olmadan çalışamaz ve varlıkları doğru şartnameler olmadan yapamazsınız."

Sorular sor

The visual theme for FareShare closely linked print and digital

Fareshare için görsel tema yakından bağlantılı baskı ve dijital

En önemlisi, soru sormaya devam edin, ekler. "Örneğin, birisi bir görüntüleme reklamı oluşturmanızı isterse, çift kontrol etmek için önemli noktalar, reklamın boyutunu, gerekli boyutların boyutunu ve minimum ve maksimum ağırlığa izin verilmesini içerir. Canlandırılmış mı yoksa statik mi; Hala bir görüntü istiyorlar mı yoksa dinamik unsurlar mı istiyorlar? Hareketli ise, etkileşimli bir reklam istiyorlar mı? Ne tür bir Dosya: JPG, PNG, MP4, HTML5? Ve nerede gösterilecek? Her platformun kendine özgü kuralları vardır. "

Bu, hepsi ilk başta biraz ezici olabilir. "Bir genç olarak yapacak çok iş bulacaksınız, bu yüzden zaman anahtardır. Saatlerinizi izlemek, sorunları önlemeyi ve projelerinizi doğru şekilde düzenlemeyi kolaylaştırır.

"Ve eğer bunalmış hissediyorsanız, hat yöneticinize, mümkünse, takmanın geri kalanıyla mümkünse düzenleyebilir, geri getirip paylaşabilirler. Paylaşımı umursuyor, bu yüzden her zaman evet deme ya da bitireceksiniz Sonuç olarak daha az yüksek kaliteli varlıklar üreterek. "

Dijital varlıklar oluşturmak için ipuçları

The logo typeface was given a ‘stamped’ effect to add interest and texture, as well as being optimised for digital applications

Logo yazı, ilgi ve doku eklemek için bir 'damgalı' efekti verildi ve ayrıca dijital uygulamalar için optimize ediliyor

01. Verimli çalışmak

Rone-Clarke, "Her zaman dijital çıktının hangi dijital çıktının ihtiyaç duyduğu, kaç tane versiyona ihtiyaç duyacağınız ve kaç tane kırılma noktasının karşısında" diyor. "Tasarım ekibindeki başkasının alabileceği bir işlem kurun. Oluşturulması gereken kesin bir varlık listesine sahip olduğunuzdan emin olun. "

02. Hedefleri anlayın

Holden, "Varlığın ne kalacağını ve nerede biteceği konusunda net olun" diyor. "O zaman her dijital uygulamaya uyacak optimum tasarımın nasıl oluşturulacağını bileceksiniz. Örneğin, Instagram için bir varlık, bir web sayfası için birinden çok farklı görünecektir. "

03. Ekran parlaklığını ayarlayın

"Dijital için renkleri değiştirirken, ekran parlaklığınızın hazır olduğundan emin olun" dedi. "Bu basit bir şey ama unutması çok kolay. Her zaman test edin ve kıdemli bir tasarımcıdan ikinci bir görüş alın. "

04. Varlıkları doğru kaydet

Esteban, "Tasarruf en kolay adım görünüyor, ancak formatlar hakkında emin değilseniz, başlangıçta en zor olanı olabilir" diyor. "Kaydet, Web için Kaydet, İhracat: Hepsinin hayatınızı kolaylaştıracak farklı ayarlara sahiptir - veya daha zor - bu nedenle, hangi kişinin ihracatınızı optimize etmek için en iyi seçeneğin olduğunu kontrol edin."

05. Doğru Gif'leri Alın

"Şu an için büyük bir trend var Gif Videolar üzerinde, ancak süper sıkıştırılmış olduklarını unutmayın, bu da potansiyel olarak düşük kaliteli içeriği anlamına gelir "," dedi. "Ayrıca, Photoshop'tan dışa aktarırsanız, yalnızca 500 toplam çerçeveye izin verir - yükler gibi geliyor, ama değil!"

İlgili Makaleler:

  • Yaratıcı RUT'unuzdan çıkmanın 6 yolu
  • Kendinizi bir tasarımcı olarak nasıl yapılır?
  • Tasarımcılar için en iyi ücretsiz yazı tipleri

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

CSS'inizi optimize etmenin ve sitenizi hızlandırmanın 21 yolu

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

CSS, tıpkı HTML ve JavaScript gibi nispeten karmaşık bir boru hattından geçmelidir. Tarayıcı, dosyaları sunucudan indirm..


V-ışını'ndaki Tanrı ışınları oluşturun

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

Gerçek dünyadaki fotoğrafçılığında, ışık ışınları, toz, polen veya sis gibi sıçrama için bir yüzeye sahip oldu..


Suluboya için yaramaz bir tavşan boya

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

Zooloji, hayvanlar ve vahşi yaşam okudu, her zaman benim için büyük bir tutku olmuştur ve onları boyamadan asla yorulmam. Lincolnshire kırsalında yaşayacak kadar şanslıyız ve kap..


Yaratıcı Meclisli Oyun Karakterleri Seviyesi

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

Yaratmak için çok çeşitli korkunç yaratıklar ve karakterlerle birlikte, Warhammer Minyatürleri Toplam Savaş Videosu'na ç..


4 adım zbrush ile daha iyi VDM

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

Serbest 3D Sanatçı ve Vertex Panelist Maya Jermy size VDM'yi nasıl kullanacağını gösterir. O görünecek ..


Üç.j içeren etkileşimli 3D görseller oluşturun

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

Bu WebGL eğitimi, CO2 seviyeleri değiştikçe dünyaya ne olduğunu gösteren bir 3D çevre simülasyonunun nasıl oluşturulac..


Renkli kurşun kalemler nasıl karıştırılır

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

Renkli kurşun kalemlerin nasıl karıştırılacağını öğrenmek, araçlarınızdan daha fazlasını elde etmenize yardımcı olacaktır. Her kurbanın bireyi, düz renginde güvenmek yer..


Realflow'da bir dökme su etkisi oluşturun

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

Bu eğitim, size bir sıvı dökme etkisinin nasıl simüle edileceğini gösterir. Sıvı efektler oluşturmak için kullanabile..


Kategoriler