Çizemem Cilalı uygulamaları nasıl yapabilirim?


41

Ben grafik tasarımcı değilim. Bir şey çizmekte oldukça kötüyüm. Geliştirme araçları ile birlikte “örnek” uygulamalar kadar güzel görünen şeyler oluşturmakta zorlanıyorum; öncelikle, sanat varlıkları yolunda hiç bir yerim olmadığı için.

Bunu azaltmak için hangi stratejileri kullanabilirim?


3
Sadece açık olmak gerekirse: varsayılan platformun görünüm ve kullanımını kullanmayan GUI'ler oluşturmak ister misiniz? İlk soru şöyle olacaktır: neden kullanıcı arayüzünüzü çizmek için işletim sistemine güvenmiyorsunuz?
Konrad Rudolph

2
@KonradRudolph: Varsayılan görünüm ve his ile bile (ki aslında çoğu zaman her şeyden daha hoş bulduğum şey gibi) hala simgeler gibi cilalı bir uygulama için gereken sanat varlıkları var.
Billy ONeal

5
Simge varlıkları: Açık Kaynak simge setleri kullanın. ;-) Oldukça yüksek kaliteli ürünler var, örneğin FamFamFam'in İpek Simgeleri veya Glifikleri … Şahsen ben çok fazla başka grafikten kaçınmayı tercih ediyorum ama bu sözleşmeler için muhtemelen en iyi çözüm…
Konrad Rudolph

method.ac başlatıldıktan sonra yardımcı olabilir.
00-17

Yanıtlar:


24

Şahsen hoş kullanıcı arayüzleri oluşturmak için sanatsal açıdan iyi olmanız gerektiğini düşünmüyorum .

İyi bir UI'yi yapan şey yaratıcılık değildir, daha iyi tanımlanmış birkaç kuralla ilgilidir. Bu yönergeleri izler ve bazılarını uygularsanız kendiniz harika arayüzler oluşturabilirsiniz.

Aşağıdakileri yapmanızı öneririm ...

  • Neyin iyi bir kullanıcı arayüzü oluşturduğunu okuyun. (çoğunlukla çevrimiçi)
  • Araştırma ve sizi memnun eden bazı kullanıcı arayüzleri bulun.
  • Birkaç iyi tasarımları karşılaştırın ve aralarında benzer olanları seçmeye çalışın.
  • Şimdi kendi tasarımınıza bakın ve bu öğelere sahip olup olmadığınızı görün.
  • Kullanıcı arayüzünüzü beğendiklerinize benzer şekilde yeniden oluşturmaya çalışın.

Bu alıştırmayı bir veya iki hafta boyunca yaparsanız (ve eğer bana iyi arayüzler tasarlamayı öğrenmek çok uzun sürmez), bir veya iki hafta sorarsanız, iyi bir kullanıcı arayüzü yaratan şeylerin çoğunu öğreneceğinizi tahmin ediyorum. .

Kullanıcı arayüzlerini memnun eden sadece birkaç şey:

  • Basitlik
  • Tutarlılık (renkler, yazı tipleri, düğmelerin kullanımı, bağlantılar vb.)
  • aralığı
  • Daha az şey daha fazla (kullanılabilirliği azaltmadan kullanıcıdan olabildiğince saklan)
  • Beyaz arka plan ve siyah yazı tipi kullanmayın. Kontrastın yeterince iyi olduğundan emin olun, ancak yazı tipiniz koyu gri olurken genellikle arka planınızı açık gri bir tonda değiştirin.

Ayrıca ... tasarıma başlamayın. İşlevsellik ile başlayın ve tasarımın değişmesine izin verin. Ayrıca, deney! 1-2 'yinelemelerden sonra mükemmel görünmüyorsa üzülmeyin. Zamanla daha iyi olur. Ama en önemlisi, denemek zorundasın .


3
Lehçe hakkında konuşuyorum, UX'den değil. "Hoş" bir UI tasarlamayı bilmek (örneğin) simgelerinizin daha iyi görünmesine yardımcı olmaz.
Billy ONeal

5
@BillyONeal: Üzgünüm ama bana sorunuz, 'ikon tasarlamadan' daha büyüktü.
c_maker

3
Bu; simgeler sadece basit bir örnektir. Demek istediğim, bunun "bir bahanenin arkasına saklanmadığı" olmadığıydı - sanat için iyi bir UI tasarımının meşru parçaları var. Kullanılabilir ve çirkin arayüzler, kullanışlı ve çirkin arayüzler, kullanılamaz ve çirkin arayüzler ve kullanışlı ve güzel arayüzler vardır; cilalı bir uygulamanın hem kullanışlı hem de görsel olarak çekici olması gerekir. Bu cevapta kullanılabilirliği iyi ele alıyorsunuz (+1); ama "güzel" de meşru bir kaygı.
Billy ONeal

Yazı tipi rengini / arka plan rengini şey burada doğru yolu aşağı gidiyor düşünüyorum. Kontrast, yayınladığım ilk siteden halka geri bildirim aldığım ilk makalelerden biriydi. Belki başka bir ipucu, nasıl renk seçme / uygulama gibi - kaç tane? Bir yada iki? Daha? Açık mı karanlık mı? Başlıklara koydun mu? Sınırlar? Arka fon? Yukarıdakilerin hepsi / hiçbiri / hiçbiri?
12'de

12

Sanat yeteneğim iyi bir günde yaklaşık 5inci sınıf :). İşyerinde profesyonel olarak veya mükemmel sanat becerilerine sahip olan ve bunları kullanmayı seven karım olan bir grafik tasarımcı kullanırım.

Aklımda Grafik tasarım UI / UX tasarım olmadığını unutmayın. Ya UX’in çoğunu yapıyorum ya da UX’in kontrolünü elinde tutmak için bir UX uzmanı kullanıyorum. İyi bir birleşik UX / GD uzmanları olduğundan emin olmama rağmen, GD'lerle çok güzel görünen, çok kötü UX yapmış ve birkaç ay içinde modası geçmiş olan ve bu riski almayacak kadar kötü bir deneyim yaşadım. GD ile birkaç proje için çalıştım.


1
Yani, birisine bunu yapması için para ödeyiniz mi yoksa ücretsiz olarak yapabilen birine çarpılmalısınız? : s. Bir tasarımcıya - kavram ispatı ya da işlevselliği denemek için çok erken ise? Yazılıma en az estetik dikkat gösterilmesi gerekiyor, yazılımımı gösterdiğim insanların, iyi renkler ve yazı tipleri tarafından dikkatinin dağılması için daha iyi yapamayacağımı biliyorum.
12'de

2
@Stoive. Harika bir nokta, şimdi beni başlattın. İlk izlenimler gerçekten önemlidir. Herhangi bir mühendis olmayan (ve birçok mühendis için), GD genellikle kritiktir, maalesef UX tasarım ve mühendisliğini birkaç büyüklük sırasına göre daha ağır basar. Grafiklerin flaşlı ve parlak görünmesini sağlayın; magpies ne kadar saçma olursa olsun ürüne akacak. GD yanlış olsun ......
mattnz

1
Detaylandırmak için - Bir müşteriyi daha önce bir grafik tasarımcısı işe almaya ikna ettim (UI tasarımı iyiyim, korkunçum), iyi görsellerin kullanıcılara güven ve güvenilirliği yansıttığını belirterek. Bu durumda, müşteri zaten ödüyordu (fikirleri, sadece kod yazıyordum), ancak diğer durumlarda , grafik tasarım kaynakları için herhangi bir paraya dokunmadan önce müşterilere güven ve güvenilirlik aktarmanız gerekir . Veya OP'ye göre (hobi projeleri?) Para asla karışmayacak - bir tasarımcıyı işe almak mümkün değil, ancak sunum hala önemli.
12'de

9

Grafiksel varlıklar arıyorsanız, ücretsiz kullanım için yüksek kaliteli grafikler toplayan birkaç web sitesi vardır :

Ve birçoğu, aynı zamanda birçok grafiksel varlık içeren GNOME sanat projesi gibi.

En az yaratıcı olmayan ve tasarım eğitimi almayan her zaman muhafazakârlık için çaba sarfediyorum: yerleşik kalıpları (ör. Çerçeveler) kullanır ve sorunlu yollardan mümkün olduğunca az sapma yaparım. Bu mutlaka çok ilginç olmayacak, ama en azından başarısızlık ve UX felaketini azaltma ihtimalini en aza indirmişsin.

Picasso, “harika sanatçıların çaldığını” söyledi, ancak gerçekte çoğunlukla yeteneksiz saldırılar var ve bunun Microsoft ve Samsung'un: çok satan platformlara götürdüğü yere bak.


8

Bu tür şeyler için uzmanlar işe alabilirsiniz, ancak bazı temel teknikleri öğrenmek için doğuştan sanatsal yeteneklere ihtiyacınız yoktur. Lisans derecem aslında "mühendisler için sanat" dönemini gerektiriyordu. Yerel topluluk kolejinizde bir veya iki ders almak çok faydalı olabilir. Alanında özel olarak eğitilmiş insanlar kadar iyi olmayacaksınız, ancak programlarınızın daha profesyonel göründüğü noktayı kesinlikle iyileştirebilirsiniz.

Göreceli amatörlere yönelik kitaplar da var. Web tasarımı için faydalı bulduğum bir kitap , Jason Beaird'ün Güzel Web Tasarım Prensipleri . Tasarımlarınız fazla gelişmese bile, biraz eğitim almak, tasarımda neyin yanlış olduğunu daha iyi bir şekilde konuşmanıza yardımcı olabilir. Her zaman “Kötü göründüğünü biliyorum, ancak nedenini anlayamıyorum” demek yerine, kötü karakter çekimi veya olumsuz yer eksikliği gibi sorunları tespit edebileceksiniz ve sorunu tanımlamak savaşın yarısı.


3

Aradığın şey "Geliştiriciler için UI / UX Tasarımı". Bu konuyla ilgili bir kitap Programcılar için Kullanıcı Arabirimi Tasarımı.

UI / UX tasarımı değil, grafik tasarım becerilerini geliştirmek için arıyorsanız, Adobe Photoshop veya Adobe Illustrator'ı nasıl kullanacağınıza ilişkin bir sınıf bulmanızı tavsiye ederim (eğer değilse, en azından internette bazı dersler). Birkaç teknik öğrenerek ve başkalarının ilham almak için çalışmalarına bakarak, ne kadar az sanatsal yaratıcılığa ihtiyacınız olduğuna şaşıracaksınız.

Örneğin, Photoshop'taki Degrade Aracı'nı, Yuvarlatılmış Dikdörtgen aracıyla birlikte öğrenebilir ve sağdaki "Bültene Kayıt Ol" düğmesine benzer bir şey yapabilirsiniz (bu durumda saf CSS ile yapılsa da).


Joel'in kitabının çoğu (tümü?) Sitesinde bulunabilir: joelonsoftware.com/uibook/fog0000000249.html
Fara

Kitabın yaklaşık 2 / 3'ü var gibi görünüyor. 13-18. Bölümleri yok.
Steve Bennett

1

Başkalarının çerçeveleri, şablonları ve önceden oluşturulmuş gui bileşenlerini kullanma biçiminde "işi sizin için yapmasına" izin verin. Mesela çizemiyorum ya da tasarlayacağım ya yeni tasarımlarda yaptığım her yeni web projesi için, düzen ve tasarım için bir css şablonuyla başladım (birçok ücretsiz css şablon sitesinden) ve sonra onu 'tweak'. Bu şablonlar, bu boşluğu gidermenize yardımcı olabilecek eksiksiz bir tasarım içerir.

Bu iyi kullanılabilirlik c_maker katılıyorum olduğunu size 'sanatsal' designy ucunda daha spesifik ediliyor sesler rağmen iyi tasarım.

Burada web tasarımı ve düzen çalışması yapıyorsanız, bu css sitelerinden bazıları:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/


Bu web devs için tamam sanırım. Burada gerçekten daha fazla dil-tanıyıcı düşünüyorum. Kalın müşterilerin de UI aşka ihtiyacı var.
Billy ONeal
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.