ndCrea® / Student / Resources / RS / 017

SEMİYOTİK TASARIM

Görsel biçimin anlamını ezber sözlüklerle değil; Saussure, Peirce, kod, bağlam, metin–imge, paradigma–sentagma, kültür, güç ve kullanıcı yorumuyla çözümle.

İşaret, kod, bağlam, kuram, görsel retorik, temsil ve kullanıcı yorumu üzerinden tasarımda anlam üretimini çözümleyen kaynak.

DOĞRULUKKaynak + bağlam
DERİNLİKLisans + ileri katman
GÖRSELKonuya özgü örnek
REFERANSGeri dönülebilir bilgi
ÖĞRENME HARİTASI19 konu başlığı / 8 ana adım
01

Semiyotik şekillerin ‘gizli anlamlar sözlüğü’ değil, işaret ve anlam üretim ilişkilerini inceleyen alandır.

Tasarım için temel soru ‘bu biçim ne anlama gelir?’den daha büyüktür: hangi işaret ilişkisi, hangi kod, hangi bağlam, hangi kullanıcı ve hangi yorum süreci bu anlamı üretir?

Görsel — İşaret türleri aynı ilişki mantığına sahip değildirİŞARETLER
İKON

resemblance

İNDEKS

trace

SEMBOL

convention

BAĞLAM

interpretation

SIGNİşaret

Başka bir şey için anlam işlevi gören biçim, ses, sözcük, hareket veya nesne.

CODEKod

Bir toplulukta öğrenilmiş ayrım ve ilişki kuralları.

BAĞLAMBağlam

Aynı işaret farklı ortam, zaman ve kullanıcı için başka anlam üretebilir.

INTERPYorumlama

Anlam tasarımcı tarafından tamamen ‘yerleştirilmez’; kullanıcı tarafından süreç içinde kurulur.

02

Saussure işareti gösteren ile gösterilen arasındaki ilişki üzerinden ele alır.

Dilsel işaretin değeri yalnız kendi özünden değil, sistem içindeki farklardan oluşur. Tasarımda font, renk veya form da bir ayrım sistemi içinde anlam kazanabilir.

SIGNIFIERGösteren

İşaretin algılanabilir biçimidir.

SIGNIFIEDGösterilen

İşaretle ilişkili kavramsal içeriktir.

ARBITRARYKeyfîlik

Birçok dilsel ilişki doğal benzerliğe değil toplumsal uzlaşıya dayanır.

VALUEDeğer

Bir öğenin anlamı sistemdeki diğer öğelerden farklarıyla oluşur.

03

Peirce işareti üçlü ilişki ve devam eden yorumlama süreci içinde düşünür.

Representamen, object ve interpretant ilişkisi tasarımcının görsel işareti tek anlamlı nesne gibi ele almamasını sağlar.

Peirce: işaret üçlü ilişkidir GÖRSEL ÖRNEK
INTERPRETANT / YORUM REPRESENTAMEN OBJECT / NESNE Peirce: anlam üçlü ilişki içinde oluşur
İşaret biçimini nesneyle tek çizgisel eşleştirme olarak düşünmeyin; yorumlama süreci ilişkiyi tamamlar.
REPRepresentamen

İşaret işlevi gören algılanabilir biçim.

OBJObject

İşaretin ilişki kurduğu şey/alan.

INTInterpretant

İşaret ilişkisinin yorumlayıcıda oluşturduğu anlam/başka işaret.

PROCESSSemiosis

Yorum yeni işaret ilişkileri doğurabilir; anlam süreçseldir.

04

Icon, index ve symbol üç ayrı ‘görsel stil’ değil, işaretin nesnesiyle ilişki türleridir.

Bir işaret aynı anda birden fazla ilişki taşıyabilir. Örneğin fotoğraf benzerlik nedeniyle iconic, fiziksel ışık izi nedeniyle indexical işlev görebilir.

Icon / index / symbol: biçim değil ilişki türü GÖRSEL ÖRNEK
ICON / İKON

Benzerlik: yüz çizimi yüze benzer.

INDEX / İNDEKS

Duman/iz, fiziksel veya nedensel ilişkiyi gösterebilir.

SYMBOL / SEMBOL
★

Anlam büyük ölçüde öğrenilmiş convention'a dayanır.

Aynı işaret birden fazla ilişkiyi aynı anda taşıyabilir; örneğin fotoğraf hem benzerlik hem fiziksel iz üzerinden okunabilir.
Görsel — Icon / Index / Symbol ilişki türlerini karşılaştırİŞARETLER
İKON

resemblance

İNDEKS

trace

SEMBOL

convention

BAĞLAM

interpretation

İKONIcon

Benzerlik veya paylaşılan nitelik üzerinden ilişki kurar.

İNDEKSIndex

Fiziksel, nedensel veya izsel bağlantı üzerinden ilişki kurar.

SEMBOLSymbol

Öğrenilmiş uzlaşım/kural üzerinden ilişki kurar.

HYBRIDHibrit

Gerçek tasarım işaretleri bu üç ilişkiyi birlikte taşıyabilir.

05

Betimlenen şey ile kültürel çağrışım aynı analiz katmanı değildir.

Barthes bağlamında denotasyon, konotasyon ve myth kavramları reklam, moda, fotoğraf ve gündelik görsel kültürde ideolojik anlamları incelemek için kullanılır.

Önce betimle, sonra yorumla GÖRSEL ÖRNEK
DENOTASYON

“Bir fotoğraf makinesi çizimi.” Görüneni betimle.

KONOTASYON
belge·anı·gözetim·profesyonellik

Kültür ve bağlama göre ek çağrışımlar.

Konotasyon yorumdur; onu doğrudan nesnel olgu gibi sunmayın.
DENODenotasyon

Öncelikle görünür olanın olabildiğince betimleyici kaydı.

CONNOKonotasyon

Kültür, değer, tarih ve kategori üzerinden oluşan ek çağrışım.

MYTHMyth

Tarihsel/kültürel değerlerin doğal ve kendiliğinden görünmesini sağlayan üst anlam yapıları.

METHODYöntem

Önce betimleme, sonra yorum; yorum doğrudan ‘nesnel gerçek’ diye sunulmaz.

06

Metin görüntünün anlam alanını daraltabilir veya onunla birlikte anlatıyı ilerletebilir.

Anchorage ve relay kavramları caption, headline, poster, advertising, editorial ve interface copy analizinde yararlıdır.

Metin–imge ilişkisi: anchorage ve relay GÖRSEL ÖRNEK
ANCHORAGE / SABİTLEME
?
“ACİL ÇIKIŞ”

Metin olası yorum alanını daraltır.

RELAY / TAMAMLAMA
→
“İkinci katta devam eder.”

Metin ve imge ayrı bilgi taşıyarak birlikte ilerler.

Caption, headline veya UI label görüntünün yorumunu ve eylem anlamını değiştirebilir.
ANCHAnchorage

Metin olası yorumlardan bazılarını öne çıkararak görüntüyü ‘sabitleyebilir’.

RELAYRelay

Metin ve görüntü farklı bilgi taşıyarak birlikte anlamı ilerletebilir.

CAPCaption

Fotoğrafın kim/ne/zaman/nerede bilgisi yorum çerçevesini değiştirir.

CTAInterface copy

İkon tek başına belirsizse metin etiketi işlevi açıklar.

07

Anlam yalnız seçilen öğeden değil, seçilmeyen alternatifler ve dizilişten de oluşur.

Serif yerine sans, fotoğraf yerine illüstrasyon seçimi paradigmatik; headline–image–logo sırası sentagmatik ilişki olarak okunabilir.

PARAParadigma

Aynı rolü üstlenebilecek alternatifler kümesidir.

SYNTSentagma

Seçilen öğelerin zaman/mekân içinde birlikte dizilişidir.

YAZITipografi seçimi

yazı karakteri alternatifi yalnız stil değil anlam ve kategori sinyali taşır.

LAYOUTdüzen sırası

Önce ne görülür, neyle ilişkilendirilir ve ne sonra gelir anlamı değiştirir.

08

İşaretler kültürel ve mesleki kodlar içinde okunur.

Renk, kıyafet, icon, harita, trafik işareti, UI convention, düzen ve typographic genre kullanıcının öğrenilmiş repertuarına dayanabilir.

CULTKültürel kod

Bayrak, yas, düğün veya statü göstergeleri coğrafya/tarih içinde değişir.

PROFMesleki kod

Medical, financial, technical veya gaming arayüzleri uzmanlık kodları taşır.

GENRETür kodu

Horror poster, luxury packaging veya news design belirli beklentiler yaratır.

PLATFORMPlatform kodu

Hamburger menu, like heart veya swipe davranışı öğrenilmiş convention olabilir.

BREAKKod kırma

Beklentiyi kırmak dikkat yaratabilir fakat anlaşılabilirliği riske atabilir.

LOCALYerel test

Global tasarımda kodların hedef toplulukta nasıl okunduğu doğrulanmalıdır.

09

Tipografi dilin içeriğini taşırken aynı zamanda ses, dönem, kurum ve sosyal konum çağrıştırabilir.

yazı karakteri, weight, case, boşluk, alignment, punctuation ve düzen kültürel çağrışım üretebilir; bu çağrışımlar evrensel değildir.

CLASSSınıf çağrışımı

Didone, grotesk veya blackletter tarihsel/kategori çağrışımı taşıyabilir.

WEIGHTWeight

Bold vurgu/otorite oluşturabilir fakat bağlam anlamı değiştirir.

CASECase

All caps bağırma, signage, acronym veya resmi ton olarak okunabilir.

SPACEboşluk

Geniş tracking luxury/airiness gibi çağrışımlar yaratabilir; yine de klişe değildir.

PUNCPunctuation

Noktalama marka dili ve ses tonu ve digital speech convention taşır.

SİSTEMSystem

Tek yazı karakteri değil, bütün role/boşluk hierarchy anlam üretir.

10

Renk ve materyal doğal anlam sözlüğü değildir; fiziksel ve kültürel bağlamla okunur.

Kırmızı = tutku gibi tek satır ezberler yetersizdir. Hue, açık-koyu değeri, saturation, üretim method, surface ve category history birlikte değerlendirilir.

HUEHue

Kültürel çağrışım bağlama göre değişir.

VALUEaçık-koyu değeri

Açık/koyu ayrımı hierarchy ve mood'u fiziksel olarak etkiler.

SATSaturation

Yoğun veya muted palette kategori sinyali olabilir ancak evrensel değildir.

MATERIALmalzeme

Metal, kraft, glass, recycled fiber veya glossy plastic farklı tactile/social codes taşıyabilir.

PROCESSüretim process

Letterpress, emboss, foil veya digital screen farklı authenticity/quality readings oluşturabilir.

TESTTest

Marka anlamı hedef kullanıcıyla sınanmadan renk psikolojisi listesine bırakılamaz.

11

Kimlik işaretleri kategori, tarih ve kurumsal davranışla birlikte anlam üretir.

Logo metaforu, adlandırma, type, renk, imagery, tone ve hareket aynı semiotic territory'yi destekleyebilir veya çelişebilir.

İŞARETMark

Abstract mark anlamını kullanım ve ilişkilendirme yoluyla zaman içinde kazanabilir.

NAMEadlandırma

Sözcük kökü, ses ve kültürel çağrışım visual kimlik'yi etkiler.

CATEGORYCategory code

Aşırı uyum görünmezlik; aşırı kırılma yanlış kategori algısı yaratabilir.

BEHAVBehavior

Markanın gerçek davranışı visual claim'i doğrular veya bozar.

HAREKEThareket

Hız, easing ve transition markanın semiotic voice'una katkı sağlar.

CONSISTConsistency

Tekrar işaret ile kurum arasında öğrenilmiş association kurar.

12

UI icon ve microinteraction kullanıcıya eylem, durum ve sonucu işaret eder.

Affordance, signifier, icon convention, durum renk, yükleniyor/progress ve hata işaretlerinin anlaşılabilirliği test edilmelidir.

AFFAffordance

Nesnenin mümkün eylemleri; görünür signifier kullanıcıya bunları sezdirir.

İKONIcon

Bir ikon benzerlik, convention ve platform öğrenmesi karışımı olabilir.

DURUMdurum sign

renk, label, animation ve position sistem durumunu iletir.

LOADProgress

Spinner/bar işlem devam ettiğini işaret eder ama kalan süreyi her zaman söylemez.

HATAhata

Kırmızı tek başına hata semantiği için yeterli değildir; text/icon/hatadan dönüş eklenir.

LEARNConvention

Familiar pattern usability sağlayabilir; bağlam değiştiğinde test gerekir.

13

Görsel iletişim yalnız bilgi aktarmakla kalmaz; güç, kimlik ve norm da üretir.

Reklam, haber, kurum, propaganda, data visualization ve platform UI'da hangi öznenin normal, yetkili, görünür veya dışarıda bırakıldığı incelenir.

REPTemsil

Kim görünür, nasıl görünür, kimin bakışı merkezde?

NORMNorm

Tasarım hangi beden, aile, yaşam, başarı veya güzellik biçimini ‘normal’ gösteriyor?

POWEROtorite

düzen, seal, uniform, institutional type ve data biçimi authority etkisi yaratabilir.

OMITEksiltme

Ne gösterilmediği de anlam üretir.

DATAVeri retoriği

Scale, category ve visual encoding nötr olmayabilir.

PLATPlatform

Ranking, badges, notifications ve recommendation UI davranış normları kurabilir.

14

Semiyotik analiz kullanıcıların gerçekten ne anlayacağını otomatik kanıtlamaz.

Interpretation hypothesis interview, sorting, comprehension task veya comparative test ile hedef toplulukta sınanabilir. Hassas semboller stereotip ve zarar açısından değerlendirilir.

HYPHipotez

‘Bu işaret güven çağrıştırır’ iddiası test edilebilir varsayım olarak tutulur.

INTInterview

Kullanıcıdan çağrışım ve gerekçesini kendi diliyle açıklaması istenir.

SORTSorting

Alternatif kimlik/işaretlerin hangi kategori veya sıfatlarla eşleştiği incelenebilir.

COMPComprehension

Icon/sign kullanıcının doğru eylemi anlayıp anlamadığıyla test edilir.

CULTCultural review

Yerel uzman veya topluluk temsilcisi hassas okumaları değerlendirebilir.

ETHICEtik

Manipülatif veya aşağılayıcı kodlar etkileşim uğruna kullanılmamalıdır.

15

İyi semiyotik analiz önce gözlemi, sonra yorumu, sonra karşılaştırmayı ayırır.

Tasarım nesnesi; biçimsel betimleme → sign relations → code → bağlam → text/image → paradigm/syntagm → ideology → kullanıcı test sırasıyla analiz edilebilir.

1Betimle

Renk, type, form, image, scale ve düzen'u yorumsuz kaydet.

2İşaret ilişkisi

Iconic/indexical/symbolic ilişkileri belirle.

3Kod

Hangi kültürel, kategori veya platform kodu kullanılıyor?

4Bağlam

Tarih, mecra, kullanıcı ve kullanım anını ekle.

5Alternatif

Bir design decision'ı değiştirip anlamın nasıl kaydığını karşılaştır.

6Test

Yorum kritikse hedef kullanıcıyla sınamaya çalış.

16

Semiyotik anlamı çözümlemeye yardım eder; retorik ise işaretlerin ikna ve vurgu için nasıl düzenlendiğini sorar.

Metafor, metonimi, karşıtlık, tekrar, ironi, abartı ve eksiltme grafik tasarımda görsel retorik araçlarıdır.

Görsel retorik: işaretleri ikna için düzenleme GÖRSEL ÖRNEK
METAFOR
💡 = FİKİR

Bir alanın niteliğini başka alana taşır.

METONİMİ
🩺 = DOKTOR

İlişkili parça bütünü temsil eder.

İRONİ
“NE KADAR SAKİN!”

Görünen ifade ile intended meaning arasında mesafe.

Metafor, metonimi ve ironi ancak hedef topluluğun kod ve bağlamıyla birlikte çalışır.

Metafor bir alanın özelliklerini başka alana aktarır: ‘veri denizi’ni gerçek su imgesiyle kurmak gibi.

Metonimi bütün yerine ilişkili parçayı kullanır: doktoru stetoskopla, şehri karakteristik bir landmark ile temsil etmek gibi.

Karşıtlık iki kavramı renk, ölçek, yön veya biçim yoluyla yan yana getirerek farkı görünür kılar.

İroni, görünen işaret ile intended meaning arasında mesafe kurar; kültürel bağlam bilinmiyorsa yanlış okunabilir.

Eksiltme veya boşluk, gösterilmeyeni aktif anlam unsuruna dönüştürebilir.

17

Bir görselin anlamı yalnız tek tek öğelerden değil, aralarındaki düzen ve ilişki yapısından oluşur.

Konum, ölçek, yön, çerçeve, yakınlık, bakış, merkez/kenar ve sıra; görsel cümle yapısı gibi çalışabilir.

Merkez/kenar yerleşimi önem hiyerarşisi çağrıştırabilir; fakat kültür, tür ve mecraya göre değişir.

Bir fotoğraftaki kişinin bakış yönü izleyiciyi başka öğeye yönlendirebilir; gaze vector kompozisyonda ilişki kurar.

Çerçeveleme öğeleri birlikte veya ayrı okutur. Güçlü border/common region yakınlık kadar güçlü grouping işareti olabilir.

Ölçek yalnız önem değil, güç, yakınlık, dramatizasyon veya data magnitude çağrışımı üretir; bağlamla yorumlanır.

18

Aynı işaret farklı topluluklarda, dönemlerde ve platformlarda farklı okunabilir.

Bu nedenle tasarımcı ‘evrensel sembol’ varsayımından önce hedef kullanıcının öğrenilmiş kodlarını araştırmalıdır.

Renk kodları kültür, sektör ve kullanım bağlamına bağlıdır. Kırmızı sağlık sisteminde alarm, finansal tabloda kayıp, düğünde ise başka bir kültürel anlam taşıyabilir.

El hareketleri, hayvan figürleri, dini işaretler ve tarihsel semboller farklı coğrafyalarda hassas anlamlar taşıyabilir.

Platform ikonları öğrenilmiş convention'dır: share, heart, hamburger menu veya swipe davranışı başka ürünlerde aynı anlama gelmeyebilir.

Bir sembolü yerelleştirmek yalnız dil çevirmek değildir; icon, direction, punctuation, image ve social norm da kontrol edilir.

19

Semiyotik analiz, tasarım değerlendirmesini “beğendim / beğenmedim” düzeyinden kanıta dayalı yorum düzeyine taşımaya yardımcı olur.

Önce görüneni betimleyin; sonra işaret ilişkisini ve kodu açıklayın; en son yorum hipotezini kullanıcıyla sınayın.

1 Betimleme: renk, type, form, image, scale ve düzen'u yorum katmadan kaydet.

2 İşaret türü: iconic/indexical/symbolic ilişkileri ayır; aynı öğenin birden çok ilişki taşıyabileceğini not et.

3 Denotasyon/konotasyon: ne gösteriliyor, hangi kültürel çağrışımlar oluşuyor?

4 Paradigma/sentagma: hangi alternatif seçildi ve seçilen öğeler hangi sırada/ilişkide?

5 Güç/temsil: kimi görünür, normal, yetkili veya dışarıda bırakıyor?

6 Kullanıcı testi: kritik yorum hedef toplulukta gerçekten oluşuyor mu?

REF

Doğrulanmış kaynaklar.

Bu sayfa kaynaklara geri dönülebilecek bir akademik/teknik başvuru noktası olarak tasarlanmıştır.

ndCrea Kaynak Politikası

Öncelik; standart kuruluşları, resmi teknik dokümantasyon, müze/arşiv koleksiyonları ve akademik/mesleki güvenilir kaynaklardadır. Koşula bağlı teknik değerler evrensel kural gibi sunulmaz.

Stanford Encyclopedia of PhilosophyPeirce's theory of signsKaynağa git ↗
Encyclopaedia BritannicaSemiotics overviewKaynağa git ↗
Internet Encyclopedia of PhilosophyStructuralism and semiotic contextKaynağa git ↗
W3C WAIAccessible symbols and interfacesKaynağa git ↗
W3C WAIAccessible images and interface meaningKaynağa git ↗