도서 소개

우리는 매일 수많은 디자인과 만난다. 그중에는 유독 눈에 띄고, 계속 뇌리에 남아 결국 구매로 이어지는 디자인도 있다. 사실 여기엔 비밀이 있습니다. 인간의 심리에 기반한 ‘디자인의 법칙’ 때문이다.

이 책은 이러한 심리적 원리를 구체적인 사례와 함께 풀어내며, 디자인이 사람의 마음에 작용하는 과정을 명확하게 보여 준다. 특히 웹·광고·UI·브랜딩 등 다양한 분야에서 실제로 활용되는 108가지 심리 법칙을 통해 디자인 설계와 사용자 경험 향상에 대한 실질적인 인사이트를 제공한다.

디자이너, 마케터, 기획자, 개발자가 심리학을 알면 어떤 일이 벌어질까? 이 책은 처음 심리학을 접하는 사람이라도 실무에 적용할 수 있는 통찰력을 길러 준다. 심리학이란 안경을 통해 디자인의 원리와 법칙을 응시하면, 더 설득력 있고 사용자를 중심에 둔 디자인을 완성할 수 있다.

  출판사 리뷰

★ 입문자도 쉽고 빠르게, ‘1페이지, 1 법칙’ 구성
‘심리학’이라고 하면 어렵고 딱딱할 거란 생각에 주저하기 쉽다. 하지만 이 책은 한 페이지에 하나의 심리 법칙을 소개하는 구성으로, 복잡한 이론을 단순하고 명료하게 풀어낸다. 또한 다양한 사례 이미지가 함께 수록되어, 심리학을 처음 접하는 사람도 부담 없이 쉽고 빠르게 이해할 수 있다.

★ AI(인공지능) 시대에 필요한 인간 중심 디자인의 방향
자동화와 데이터 분석이 중심이 되는 시대일수록, 사람의 감정과 인지에 대한 이해가 진정한 경쟁력이 된다. 이 책은 AI가 대체할 수 없는 인간적 사고력, 즉 ‘감정과 선택을 읽는 디자인’의 중요성을 보여 준다. 미래의 디자이너와 기획자에게 사람 중심 디자인의 나침반이 되어 줄 책이다.

★ 실무에서 바로 활용할 수 있는 실전형 심리 법칙
심리학이 어렵게 느껴지는 이유는 학문적으로 접근하기 때문이다. 이 책의 제목이 ‘디자인 심리학’이 아닌 ‘디자인 심리’인 이유가 바로 여기에 있다. 고객의 마음을 읽고, 디자인·광고·마케팅 실무에 직접 활용할 수 있도록 각 법칙마다 실제 예시와 시각 자료를 함께 제공한다. 읽는 즉시 웹, 앱, 광고 디자인 등에 응용할 수 있는 실무 감각 중심의 책이다.

★ 실제 디자인 사례로 배우는 응용력
각 심리 법칙은 마지막 챕터 CASE STUDY에서 웹사이트, 포스터, 광고, 앱 UI 등 현실 속 디자인 사례와 함께 소개한다. 이론을 추상적으로 설명하는 대신 구체적인 예시를 분석해 보여 주어, 실무 작업에 바로 적용해 볼 수 있다.

★ 이런 분을 위한 책입니다.
사람의 시선과 인지 흐름을 고려한 설득력 있는 디자인을 만들고 싶은 [그래픽 디자이너]
심리학적 근거를 더해 사용자 경험을 극대화하고 싶은 [UI·UX 디자이너]
소비자 심리와 행동 유도 원리를 이해하고, 마케팅 메시지의 설득력을 높이고 싶은 [마케터 혹은 브랜드 전략가]
서비스, 캠페인, 제품 기획 단계에서 사용자의 반응과 감정을 예측해야 하는 [콘텐츠 디렉터 또는 기획자]
디자이너와 협업하며 UI를 구현하는 프론트엔드 [개발자 또는 웹 퍼블리셔]
가볍게 심리학을 배우고 싶은 [모든 사람]

  작가 소개

지은이 : 321web(미쓰이 마사유키)
웹 디자인 회사인 (주)PREATE의 대표이며, 디자이너이자 콘텐츠 제작자이다. 디자인 관련 블로그 ‘321web’을 운영하며, 연간 약 300만 PV(조회수)를 기록하고 있다. 블로그에서는 디자인 기초와 Adobe 소프트웨어 활용법을 중심으로 누구나 쉽게 이해할 수 있는 다양한 디자인 관련 정보를 제공한다.

  목차

[CHAPTER 01 ▶ 디자인에 활용할 수 있는 심리 효과]
001 쿨레쇼프 효과 Kuleshov Effect 22
002 샤르팡티에 효과 Charpentier Effect 23
003 베이비페이스 효과 Babyface Effect 24
004 베블런 효과 Veblen Effect 25
005 헤일로 효과 Halo Effect 26
006 화이트 스페이스 효과 Whitespace Effect 27
007 시선 유도 효과 Eye-Guiding Effect 28
008 포인팅 효과 Pointing Effect 29
009 화살표 효과 Arrow Effect 30
010 대비 효과 Contrast Effect 31
011 터널 효과 Tunnel Effect 32
012 밴드왜건 효과 Bandwagon Effect 33
013 허니문·행오버 효과 Honeymoon·Hangover Effect 34
014 디코이 효과 Decoy Effect 35
015 낙인 효과 Labeling Effect 36
016 게인로스 효과 Gain?Loss Effect 37
017 대칭 효과 Symmetry Effect 38
018 스놉 효과 Snob Effect 39
019 자이가르닉 효과 Zeigarnik Effect 40
020 플라세보 효과 Placebo Effect 41
021 매몰 비용 효과 Sunk Cost Fallacy 42
022 스토리텔링 Storytelling 43
023 칼리굴라 효과 Caligula Effect 44
024 프라이밍 효과 Priming Effect 45
025 앵커링 효과 Anchoring Effect 46
026 최신 효과 Recency Effect 47
027 단순 접촉 효과 Mere-Exposure Effect 48
028 골디락스 효과 Goldilocks Effect 49
029 리프레이밍 효과 Reframing Effect 50
030 프로스펙트 이론 Prospect Theory 51
031 텐션 리덕션 효과 Tension Reduction Effect 52
032 목표 구배 효과 Goal Gradient Effect 53
033 피크-엔드 법칙 Peak?End Rule 54
034 스트루프 효과 Stroop Effect 55
035 인지 부조화 Cognitive Dissonance 56
036 상호성의 원리 Reciprocity Principle 57
037 호손 효과 Hawthorne Effect 58
038 디드로 효과 Diderot Effect 59
039 입소문 효과 Word-of-Mouth Effect 60
040 칵테일 파티 효과 Cocktail Party Effect 61
041 허위 합의 효과 False Consensus Effect 62
042 흔들다리 효과 Suspension Bridge Effect 63
043 부호화 특수성 원리 Encoding Specificity Principle 64
044 청크 Chunk 65
045 단수 가격 효과 Odd Pricing Effect 66
046 마감 효과 Deadline Effect 67
047 디폴트 효과 Default Effect 68
048 보유 효과 Endowment Effect 69
049 이유 제시 효과 Placebic Reason Effect 70
050 링겔만 효과 Ringelmann Effect 71
051 힉의 법칙 Hick’s Law 72
052 문맥 효과 Context Effect 73

[CHAPTER 02 ▶ 착시 효과]
053 문커 착시 Munker Illusion 76
054 문커-화이트 착시 Munker-White Illusion 77
055 색채 항상성 Color Constancy 78
056 환경광의 착시 The Dress Illusion 79
057 체커 그림자 착시 Checker Shadow Illusion 80
058 에렌슈타인 착시 Ehrenstein Illusion 81
059 네온 색 확산 효과 Neon Color Spreading 82
060 프레이저 착시 Fraser Illusion 83
061 마흐 밴드 착시 Mach Band Illusion 84
062 죌너 착시 Zollner Illusion 85
063 카니자 삼각형 Kanizsa Triangle 86
064 헤르만 격자 착시 Hermann Grid Illusion 87
065 뮐러-리어 착시 Muller-Lyer Illusion 88
066 피크 착시 Fick Illusion 89
067 바이컬러 착시 Bicolor Illusion 90
068 델뵈프 착시 Delboeuf Illusion 91
069 에빙하우스 착시 Ebbinghaus Illusion 92
070 폰조 착시 Ponzo Illusion 93
071 오펠-쿤트 착시 Oppel-Kundt Illusion 94
072 헬름홀츠의 정사각형 Helmholtz Square 95
073 상방 거리 과대 착시 Top-Heavy Illusion 96
074 자스트로 착시 Jastrow Illusion 97
075 크레이터 착시 Crater Illusion 98
076 피사의 사탑 착시 Leaning Tower Illusion 99
077 색채 동화 격자 착시 Color Assimilation Grid Illusion 100
078 색채 대비 Color Contrast 101

[CHAPTER 03 ▶ 색채 효과]
079 전진색과 후퇴색 Advancing and Receding Colors 104
080 팽창색과 수축색 Expanding and Contracting Colors 105
081 난색과 한색 Warm and Cool Colors 106
082 무거운 색과 가벼운 색 Heavy and Light Colors 107
083 색에 따라 연상되는 미각 Color and Flavor Association 108
084 미각 이미지와 색의 차이 Mismatch Between Flavor Image and Color 109
085 음식과 보색 Food and Complementary Color 110
086 음조에 따른 색감 Color Impressions by Tone 111
087 색과 후각 Color and Scent Perception 112
088 후각 이미지와 색의 차이 Color and Scent Image Mismatch 113

[CHAPTER 04 ▶ 레이아웃]
089 근접의 법칙 Law of Proximity 116
090 정렬의 법칙 Law of Alignment 117
091 반복의 법칙 Law of Repetition 118
092 대비의 법칙 Law of Contrast 119
093 연속의 법칙 Law of Continuity 120
094 유사의 법칙 Law of Similarity 121
095 폐쇄의 법칙 Law of Closure 122
096 공동 운명의 법칙 Law of Common Fate 123
097 면적의 법칙 Law of Area 124
098 대칭의 법칙 Law of Symmetry 125
099 시그니파이어 Signifier 126
100 제이콥의 법칙 Jakob’s Law 127
101 프로토타입 이론과 모범 이론 Prototype Theory & Exemplar Theory 128
102 베버?페히너 법칙 Weber?Fechner Law 129
103 피츠의 법칙 Fitts’s Law 130
104 도허티 임계값 Doherty Threshold 131
105 구텐베르크 다이어그램 Gutenberg Diagram 132
106 Z의 법칙 Z Pattern 133
107 F의 법칙 F Pattern 134
108 N의 법칙 N Pattern 135

[CHAPTER 05 ▶ CASE STUDY: 심리 효과가 적용된 디자인 사례]
CASE 01 웹사이트 138
CASE 02 포스터 141
CASE 03 랜딩 페이지(LP) 144
CASE 04 배너 147
CASE 05 배너 148
CASE 06 섬네일 149
CASE 07 섬네일 150
CASE 08 명함 151
CASE 09 온라인 쇼핑몰 152
CASE 10 해지 화면 154
CASE 11 UI 디자인 155

[COLUMN 해서는 안 될, 심리학을 악용한 디자인]

  회원리뷰