it-swarm-tr.com

Tel kafeslerde renk kullanmak ... bu bir "hayır hayır" mı?

Son zamanlarda, tel çerçevelerde renk kullanımı ile ilgili bir iç tartışma başladı. Küçük bir tasarımcı Nice tel çerçeve setini bitirmiş ve sonunda her şeyi gri skalaya dönüştürmesi söylendi! Onlara rengin tel çerçevelerde olmaması gerektiği söylendi.

Gri tonlamalı tasarımın yardımcı olabileceği birkaç neden görüyorum:

  • erişilebilirlik için (farklılaştırma için renklere güvenmek zorunda değilsiniz)
  • tel kafeslerde görsel tasarımı yanlış iletmemek (bazen müşteriler görsel farkı iletmenin bir yolunun aksine bir renk seçimini görsel tasarım kararı olarak ilişkilendirebilirler)

Aslında renkli simgelerden oluşan bir palet kullanıyorum ve görsel farkı iletmek için renk kullanacağım. Bazen farklı gri tonları veya desenler kullanarak yapabileceğiniz çok şey vardır.

Orada standart uygulama nedir? Renkli ve renksiz tel kafesler gördüm.

22
milesmeow

İş arkadaşlarınız tel kafesin amacının ne olduğunu düşünmeden varsayımlarda biraz kaybolmuş gibi görünüyor. --- ile başlayalım Wikipedia tarafından sağlanan gevşek bir tanım :

Bir web sitesi tel çerçevesi (ayrıca "web tel çerçevesi", "web tel çerçevesi", "web tel çerçevesi"), bir web sitesinin yapısını ve sayfaları arasındaki ilişkileri önermek için arayüz tasarımında kullanılan temel bir görsel kılavuzdur. Bir web sayfası tel kafes, arabirimdeki temel öğelerin düzenine benzer bir örnektir. Tipik olarak, tel çerçeveler herhangi bir sanat eseri geliştirilmeden önce tamamlanır.

Herhangi bir Word veya terimde olduğu gibi, bunun gerçekten ne anlama geldiğini düşünmek önemlidir. A tel çerçeve modeli , köşeler arasındaki bağlantı noktaları gösterilerek oluşturulan çokgen bir modelin fiziksel yapısının temsilinden bahsederken 3D modellemede kullanılan bir terimdir. Tel çerçeve modelinin anlamı nedir? Bir yapının kompozisyonunu daha iyi anlamak için "cesaretlerini" göstermek.

Vikipedi tartışırken web sitesi çerçevelemesine aktarıldığında, bunun nasıl geçerli olduğunu ve Wikipedia'nın tanımını çivilenmesi gerektiğini düşünmeliyiz: "bir web sitesinin yapısını ve sayfaları arasındaki ilişkileri önermek için kullanılan temel bir görsel rehber".

Anlayacağınız gibi, renkten veya görsel rehberin nasıl görünmesi gerektiğinden bahsedilmiyor. Önemli olan tek şey, web sitesinin yapısının nasıl çalıştığını göstermesidir. Bunu başardığı sürece etkili bir tel kafes. Örneğin, bunların tümü "geçerli" tel çerçevelerdir:

  • peçeteye çizimler
  • 37 işaretinin Taslağı veya iPad'deki başka bir uygulamadaki çizimler
  • balsamiq Maketleri gibi bir araç kullanılarak yapılan kabataslak görünümlü tel kafesler
  • axure veya Illustrator gibi bir şey kullanılarak yapılan daha sıkı görünümlü tel kafesler
  • photoshop'ta yapılan, sayfanın yapısının belirgin hale getirildiği bir sitenin hafif tasarımları ve ilgili olduğu yerlerde tasarım unsurları dahil
  • Fireworks uygulamasında, bir sayfanın hangi öğelerden oluştuğunu görmenizi sağlayan HTML dışa aktarılabilir tasarımlar
  • tamamen etkileşimli HTML/CSS tel çerçeveleri

Bu sadece sadakat ve ayrıntı meselesi. Belki de teslimatta ne tür bir sadakat beklendiğini açıklığa kavuşturmalı ve tasarımcılarınızı bu yol boyunca yönlendirmelisiniz. Ama bu "tel kafes içinde renk kullanılmalı" meselesi değil - eğer renk sitenin yapısını iletmeye yardımcı oluyorsa, o zaman tel kafes içinde kesinlikle renk kullanılmalıdır!

18
Rahul

Kabul.

Tipik olarak, renk, temel yapı, düzen ve IA (bilgi mimarisi) ile ilgili "varsayılan" bir tartışmaya duygusal/kültürel tonlar getirir. Bu tartışılabilir olsa da, Renk kullanımının en azından işleme daha fazla bilgi vereceğini kabul edebiliriz.

Tel çerçevenin bütün amacı SADECE neyin gerekli olduğunu ve başka bir şeyi bildirmektir.

Uygulamadaki tecrübelerime göre, insanlar Rahul'ın listelediği eserlerin her birini ifade etmek için "tel kafes" terimini kullanıyor.

7
CSSian

Deneyimlerime göre, bu genellikle listelemenizin ikinci nedeni:

  • Bazen iç paydaşlar bile çok "gerçek" görünen tel çerçevelerle karıştırılır. Axure maketlerim, kuruluşumda kullanılan diğer PowerPoint maketlerinden çok daha yüksek doğruluktadır, bu nedenle bazen farklı görünen düğmeler veya içeriklerine göre yüksekliklerini ayarlamayan paneller gibi grafik tasarımla ilgili yorumlar alırım.
  • Bir arkadaşım öyle bir hi-fi tel kafes oluşturdu ki, müşteri onu çok sevdi ve hemen uyguladı :)
6
Dan Barak

Gri tonlamadan tam renge geçtim ve tekrar geri döndüm. Tam renkli olması gereken tartışmaların gerçek bir oyalama eğilimi olduğunu düşünüyorum.

Bir yan notta, ben ve geliştiriciler arasında hiçbir grafik tasarımcının olmadığı bir projede yer alıyorum ve bu yüzden "gerçekçi" veya "gerçekten güzel" tel çerçeveler olduğu gibi uygulanma tehlikesi taşıyor. Bu felaketi garanti ediyor çünkü ben grafik tasarımcı değilim ...

5
gef05

Bir tel kafes üzerindeki rengin bir dezavantajı, (daha iyi olduğu algılanan) daha yüksek kontrol doğruluğu ve bununla birlikte - geliştiricilerinizden birinin veya daha sonra GUI'nin görünmesi gerektiğini varsayacaktır tıpkı tel kafes gibi .

Biliyorum. Biliyorum. Bu, bir tel çerçevenin amacı hakkında büyük bir yanlış anlama işaret ediyor.

Ama gerçekten oluyor.

4
JeromeR

Ek açıklama bileşenleri için renk kullanımını ayırma eğilimindeyim. Örneğin, son site tasarımının tamamen farklı bir renk hikayesi olsa da, köprüler gibi davranması gereken metin parçalarının mavi ve altı çizili olduğundan emin olun. Statik olmayan ve kullanıcı girişine göre değişecek olan metin bitleri başka bir renk alır. Şüphe uyandıran çeşitli kutular ve çizgiler varsa veya daha fazla cilaya ihtiyacım olduğunu biliyorsanız, bunları kırmızı çizgiler olacak şekilde ayarlayacağım. Tel kafesin hemen üstüne bırakılan ek açıklamalar olan metin blokları soluk sarı arka plan dolgusu alır.

Görsel olarak bakmak çok korkutucu ama iletişim kurmaya hizmet ediyor. Temsil etmemek.

4
Erics

Şahsen, bir tür işlevsellik kazandırıyorsa rengi kullanmanın iyi olduğunu düşünüyorum.

Tel çerçevelerimin bağlantılar ve düğmeler mavi gibi etkileşimli öğelerinde renk kullanma eğilimindeyim. Bu, müşteriye sunarken etkileşimli öğeleri açıkça vurgulamaya yardımcı olur.

Ayrıca, öğeler listesindeki farklı uyarı durumlarını belirtmek için yeşil, turuncu ve kırmızı kullandım. Bunun istemciyle daha hızlı iletişim kurmasına yardımcı olduğunu buldum, bu da önceki, tamamen gri tonlamalı sürümlerde daha az belirgindi.

Bununla birlikte, rengi en azından erken tel kafeslerde veya maketlerde dekoratif bir unsur olarak kullanmam. Bazıları yanıt verdiğinde, müşteriler bazen bir şeyin nasıl göründüğüne ve nasıl çalıştığına yakalanabilirler. Bu, süreci biraz yavaşlatabilir.

2
Paj