개발자의 디자인 독해력 : 비주얼 씽킹으로 이해하는 클린 디자인 법칙

개발자의 디자인 독해력 : 비주얼 씽킹으로 이해하는 클린 디자인 법칙

$22.91
저자

C.LDeuxArtistes

저자:C.LDeuxArtistes
우리는순수미술작가와컴퓨터그래픽디자이너이다.이십여년동안프랑스를오가며작품활동과디자인및일러스트작업을해왔다.문득우리의그림들이살아움직이면재미있겠다는생각이들었다.캐릭터가말하고움직이는앱을서너개만들었다.힘들게프로그래밍을공부해보니디자인을독학하는개발자도우리만큼힘들겠다는생각이들었다.
나름대학교를미술대학부전체수석으로졸업하고석사를마치고프랑스에서공부를한작가도미술용어와이론이여전히쉽게와닿지않는다.그래서디자인을공부하는개발자에게도움을주고싶다는마음으로디자인법칙을쉽게풀어쓰는노력을하고있다.

목차

Part1.디자인감각을갖춘개발자를위한첫걸음
Chapter1디자인과마주하기
01디자인을잘하고싶은개발자,그건바로나
02디자인에대한5가지오해
03디자인=언어
04개발자도디자인을잘할수있다

Chapter2디자인감각을키우는방법
01다양한각도에서관찰하기
02디자이너마인드갖기
03색감각을키우는연습하기
04단순한도형으로그리는연습하기
05사람의인지시스템이해하기
06그림문자쓰는연습하기

Chapter3디자인을시작하는법
01[],제목없음
02연관단어나열하기
03연관단어로유스케이스작성하기


Part2좋은디자인의기본법칙_색과형태
Chapter1색의밝기
01남이하면심플,내가하면허전
02색의본연의밝기
03색의밝기가만드는느낌
04밝기차이가만드는흐름
05바탕색밝기로결정하는스타일
06깜깜한밤에더욱빛나는별
07모바일화면에서사진이더선명해보이는이유

Chapter2색의맑기
01꽃보다화사한개발자
02순도100%,진한맛의원색
03강렬하거나화려한색_원색
04가장먼저보이는색_원색
05무료함을확깨우는색_원색
06흔한강조는무의미
07맑기차이주고화사함몰아주기
08모태형광_노란색원색
09멈추시오!_빨간색원색
10긍정의메시지_녹색원색
11쉿!종용한강조_파란색원색

Chapter3색상
01사물이반사하는빛의파장
02RGB,CMYK,HSB색모드
03지금RGB색모드인지확인하기
04물감으로색만들기_HSB
05찬란하게빛나는색모드_RGB
06인쇄용색모드_CMYK
07빛을스펙트럼해보여주는먼셀색상표
08색의하모니,색상설계
09솔직한돌직구스타일,단색설계법
10우린같은편_비슷한색설계
11밀당의재미_약한반대색설계

Chapter4형태
01점을찍어야선을긋지
02한줄로나란히위치한점의집합_선
03색을담는그릇_도형
04견고한사각형
05주목!삼각형
06평등과순환_원형
07선으로만드는무늬_글꼴
08점,선,면의조합이미지


Part3,좋은디자인을만드는색상표현법칙
Chapter1빨간색
01색중의색_빨간색원색
02빨간색을돋보이게하는색_하얀색
03하얀색과퓨전_코랄핑크색
04빨간색을맑게보이게하는색_은빛회색
05빨간색을산뜻하게하는색_녹색
06빨간색을상쾌하게하는색_하늘색
07빨간색을발랄하게하는색_짙고푸른어둠색
08빨간색을강하고무겁게하는색_검은색
09부드러운맛이느껴지는색_인디핑크색
10옛도시의낭만을담은빨간색_붉은갈색

Chapter2오렌지색과노란색
01에너지를충전해주는색_오렌지색
02명랑한색_오렌지색
03부드럽고따뜻한색_노란색
04원색을고급스럽게하는색_초콜릿색
05상큼한느낌을주는색_레몬색

Chapter3녹색
01자연의색_녹색
02하얀색과함께하면순수한느낌을갖는색_녹색
03바탕색용도로쓰이는색_녹색
04만능바탕색_칠판녹색
05강조할부분에적절한색_형광녹색
06그리움이느껴지는색_민트색
07햇살담은색_올리브녹색
08새내기처럼풋풋한색_연두색
09녹색을은은하고우아하게하는배색_녹색과회색배색
10생긴건엄마닮았는데성격은아빠인색_에메랄드녹색
11청량한느낌의색_아쿠아마린색

Chapter4파란색
01하늘색은진리
02글과아이콘에쓰는색_진한하늘색
03창밖의하늘은왜이리도맑고푸른지_하늘색원색
04마음을진정시키는색_파란색
05더운여름에더생각나는색_파란색
06지식과권력을상징하는색_깊은바다색
07‘산토리니’하면떠오르는색_코발트색

Chapter5보라색
01미치거나혹은예쁘거나_보라색
02겉은차가워도속은따뜻한색_라벤더꽃색
03봄바람이부는듯한색_진달래꽃색
04고귀한귀족의색_로얄보라색


Part4좋은디자인을만드는표현법칙
Chapter1이미지로설명하기
01이미지로보여주기
02느낌으로알려주기
03정보의뜻에맞는표현하기
04각나라마다다른이미지표현방식
05이미지로여러말을대신하기
06익숙한정보에비교하기
07표현을반복해서규칙보여주기
08이미지로움직임을보여주기
09선과도형으로관계표현하기
10진행절차표현하기
11표로데이터를분류하고정리하기
12그래프로차이를비교하기
13비율로보여주기
14위치보여주기

Chapter2착시를이용한다
01두뇌는착각의왕
02화면을창문이라착각
03평면이미지를입체이미지로착각
04화면을얼굴로착각
05기본도형으로결합한그림
06사각형보다작아보이는원형과삼각형
07실제와달라보이는간격과너비

Chapter3전체모양을다듬다
01의식이한곳에집중할때무의식이보는영역
02불안감을싫어하는무의식
03그림이여백이고여백이그림
04길을따라가는시선

Chapter4정보를분류하여정렬한다
01정보에순서매기기
02정보를주제별로정리하기
03같은주제는하나로뭉쳐보이게하기
04정보를작게잘라나누기
05정보사이사이에빈공간두기
06일의부담을줄이기
07확실한차이보여주기
08리듬살리기
09무게균형맞추기

Chapter5글과그림이어우러지도록한다
01이미지를배치해이야기만들기
02크기와비율유지하기
03글을그림의일부로만들기
04다크모드에서는짙은회색사용하기

출판사 서평

소스코드를읽듯
디자인도읽을수있어야한다!

디자인은어려운것이아니다.프로그래밍에도문법이있듯이디자인에도문법이있다.기본문법만잘지키면버튼하나,배너하나를만들더라도내가원하는감성을사용자에게잘전달할수있다.이책을통해디자인감각을갖춘개발자로업그레이드해보자!여러분도디자인을잘할수있다!


Part1.디자인감각을갖춘개발자를위한첫걸음
디자인도일종의언어다.따라서프로그래밍을공부하는것처럼연습한다면개발자도디자인을잘할수있다.

Part2.좋은디자인의기본법칙_색과형태
디자인을이루는기본요소인밝기,맑기,색상,형태의특성에대해알아본다.기본만알아도절반은성공한다.

Part3.좋은디자인을만드는색상표현법칙
바탕색은골랐는데버튼색을못고르겠다면색상이주는느낌부터알아야한다.특별히앱디자인에바로적용할수있는배색레이아웃샘플을소개한다.

Part4.좋은디자인을만드는표현법칙
사용자를고려한디자인의숨은법칙을비주얼씽킹방식으로설명한다.마치만화를읽듯술술이해할수있다.