버려지는 디자인 통과되는 디자인: 웹&앱디자인

버려지는 디자인 통과되는 디자인: 웹&앱디자인

$19.59
Description
통과되는 디자인은 어떤 디자인일까?
버려지는 디자인과 통과되는 디자인의 기준이 있을까?

이 책은 20년 이상 웹&앱 디자인 작업을 진행해 온 저자가 실제 디자인 작업을 하면서 버려졌던 디자인과 통과되었던 디자인 시안을 통해 웹&앱 디자인 작업 시 꼭 알아야하는 실무 이야기를 들려줍니다.

디자인을 보는 눈을 키우고 명확한 기준을 세우는 데 도움이 되도록 디자인 이론을 제시하고 컬러, 그리드, 타이포그래피, 그래픽 요소, UX(사용자 경험)를 주제로 89개의 디자인 시안 아이템을 직관적으로 보며 이해할 수 있도록 비교 분석하였습니다. 다양한 웹&앱 디자인을 포괄적으로 작업해 온 저자의 경험을 통해 실무 노하우를 익힐 수 있으며, 웹/앱/웹&앱 디자인 사례를 통해 어떤 점을 수정해야 좋은 디자인이 되는지 파악할 수 있습니다. 좋은 디자인의 장점만 부각하는 게 아니라, 잘못된 디자인의 잘못된 부분을 함께 살펴보며, 실제 프로젝트를 디자인한 실무자의 시각으로 하나의 디자인을 심도 깊게 살펴볼 수 있습니다.

통과되는 디자인을 위해서는 단순히 좋아 보일뿐만 아니라 많은 경험과 연구가 필요합니다. 수차례 디자인을 수정했음에도 디자인이 통과되지 못한 경험이 있는 디자이너, 자신의 디자인이 통과되지 못했음에도 문제나 수정할 점이 보이지 않았던 디자이너, 도대체 무엇이 문제인지 어디서부터 시작해야 할지 모르는 디자이너에게 도움을 줍니다.

북 트레일러

  • 출판사의 사정에 따라 서비스가 변경 또는 중지될 수 있습니다.
  • Window7의 경우 사운드 연결이 없을 시, 동영상 재생에 오류가 발생할 수 있습니다. 이어폰, 스피커 등이 연결되어 있는지 확인 하시고 재생하시기 바랍니다.
저자

신승희

㈜더블에스텍대표,20년경력웹사이트디자이너

한양여자대학교스마트IT과겸임교수로강의하고있고,㈜더블에스텍대표이자엄마손초마늘쇼핑몰경영책임자입니다.
숙명여자대학교미술대학에서시각디자인을전공했으며,서강대학교경영전문대학원MBA경영학(마케팅)석사를졸업하였습니다.한양여자대학교스마트IT과웹디자인및모바일앱기획,숙명여자대학교e커머스창업,열린
사이버대학교창업연구소,소상공인진흥원(서울교육센터,안산교육센터),북부여성발전센터,G마켓옥션강남교육센터에서강의하였습니다.

IBK기업은행F-emore웹사이트및쇼핑몰을런칭하였으며,퓨즈Works(프랜차이즈전용그룹웨어)의웹사이트및모바일하이브리드앱개발,슈퍼바이저QCS네이티브앱런칭,파파이스,네네치킨등다수의프랜차이즈웹사이트와모바일웹을런칭했습니다.㈜SK브로드밴드FUSE프랜차이즈통합서비스모바일앱런칭및리뉴얼,평창동계올림픽프레젠테이션그래픽자료제작,보건복지부콜센터웹사이트구축,㈜LG텔레콤뮤직온리뉴얼,상명대학교그린에너지센터웹사이트런칭,대종상영화제KAF웹사이트구축,경기신용보증재단웹사이트구축,㈜에스콰이어영에이지웹사이트구축,KB국민은행웹진구축,㈜한국기상웹사이트구축,대림중앙시장웹사이트를구축하였습니다.

저서로는「쇼핑몰디자인무작정따라하기」가있습니다.

목차

Part1컬러

디자인이론l디자인은색의언어로말한다
디자인보는법l메시지가있는컬러로사용자의감정을끌어내라

01배경과색상을통일한인풋박스디자인
02네거티브요소로주목성을높인탭디자인
03바탕색을조절한상세페이지디자인
04톤온톤배색의로그인페이지디자인
05브랜드컬러를살리는인덱스디자인
06절제된컬러를사용한인덱스디자인
07색상대비로강조한로그인페이지디자인
08스트라이프패턴으로구분한테이블디자인
09주제에맞게색을적용한퍼스널웹디자인
10포인트컬러를적용한CTA버튼디자인
11흰색/배경색으로정리한정보페이지디자인
12포인트컬러로강조한주요메뉴디자인
13톤온톤배색을이용한테이블디자인
14일관성있는색상의전체페이지디자인
15포인트컬러로강조한인덱스디자인
16다채로운색상의인덱스디자인

Part2그리드

디자인이론l레이아웃과그리드로시선을사로잡아라
디자인보는법l그리드로화면에리듬감을만들어라

01비율이다른사진을정리한레이아웃디자인
02가독성을높인2단컬럼디자인
03확장그리드로공간을활용한콘텐츠디자인
04사선그리드로역동적인인덱스디자인
05레이아웃을변경해전문적인콘텐츠디자인
06여백으로전달력을높인인덱스디자인
07핵심정보의강약을살린상세페이지디자인
082단그리드를변형한정보페이지디자인
09제품사진으로구분한블로그모듈디자인
10배경과연결해그리드를확장한모듈디자인
11테두리를이용한모듈디자인
12그림자를활용한모듈디자인
13여백으로사진을구분한모듈디자인
14기능에충실한로그인페이지디자인
15사용목적을고려한레이아웃디자인
162단그리드로한눈에파악하는테이블디자인
17사선그리드로화면을분할한인덱스디자인
18레이아웃에변화를준콘텐츠디자인
19계층그리드를나눈인덱스디자인
20경계를명확히나눠구분한모듈디자인

Part3타이포그래피

디자인이론l속삭이는글자크게외치는글자
디자인보는법l이야기의리듬감을확인하라

01서체에변화를준소개페이지디자인
02캘리그래피를활용한인덱스디자인
03서체변화로전달력을높인인덱스디자인
04글자크기로가독성을높인인덱스디자인
05텍스트를정렬한인덱스디자인
06영역의강약을조절한상세페이지디자인
07여백을적용해가독성을살린모듈디자인
08이니셜로시리즈앱을표현한스플래시디자인
09중요도에따라강조한관리자페이지디자인
10작아도가독성좋은콘텐츠메뉴디자인
11단에변화를준콘텐츠디자인
12콘텐츠우선순위로강조한정보디자인
13프레임을더한회원가입페이지디자인
14타이틀에변화를준메뉴디자인
15타이틀크기에변화를준메뉴디자인

Part4그래픽요소

디자인이론l몸짓언어로대화하듯시각언어로대화하라
디자인보는법l멀리서보면요소가보인다

01여백이있는사진을활용한인덱스디자인
02핵심내용이담긴아이콘디자인
03상품의모티브를살린메뉴디자인
04도형으로주제를상징한인덱스디자인
05그래픽요소를줄여정리한상품사진디자인
06장식요소를줄인인덱스디자인
07전면사진으로강조한인덱스디자인
08무형메시지를전달하는상품목록디자인
09배경없는이미지를활용한콘텐츠설명디자인
10계층그리드에사진을활용한모듈디자인
11라인일러스트를활용한인덱스디자인
12사선으로공간감을살린인덱스디자인
13통일성과개성을모두잡은배너디자인
14트리밍으로흥미를유발하는상품디자인
15원형으로주목성을높인스플래시디자인
16블러처리로집중력을높인팝업디자인
17인포그래픽으로전달력을높인블로그디자인
18상품을돋보이게하는메인슬라이드디자인
19그래프로데이터를시각화한테이블디자인

Part5UX

디자인이론l사용자와함께디자인하라
디자인보는법l편리한가?즐거운가?만족스러운가?

01페이지기능을부각한헤더디자인
02주요기능을배치한메인슬라이드디자인
03이동의편리성을높인내비게이션디자인
04접근성을높인펼침메뉴디자인
05사진활용으로정보력을높인게시판디자인
06정보를한눈에알수있는인덱스디자인
07클릭횟수를줄이는이벤트디자인
08직관성을높이는인포그래픽디자인
09사용성을높이는인풋박스디자인
10톤앤매너를맞춘서브헤더디자인
11기능을더한인덱스디자인
12마음을읽는상세페이지디자인
13섬네일배너를활용한슬라이드디자인
14구매이유를안내하는상세페이지디자인
15단순해서눈에띄는앱아이콘디자인
16임팩트있게구성한프로필디자인
17터치영역의크기를고려한메뉴디자인
18행동을유도하는버튼디자인
19반응형웹사이트를고려한카드형디자인

찾아보기

출판사 서평

디자인에는원칙과이유가있어야합니다.

디자인에는정답도없고,오답도없습니다.하지만분명선택되는디자인은있습니다.
선택되는디자인에는분명한원칙과이유가있습니다.이책은실제로버려졌던디자인과통과되었던디자인시안89개를대조하여디자인시꼭알아야할원칙과이유를설명합니다.
다양한디자인시안을통해디자인을보는눈을키우고명확한기준을세우며,디자이너로성장하는데있어서다양한시각을넓혀줄것입니다.

1.디자인이론
웹&앱디자인을하면서통과되는디자인을위해꼭알아야할디자인이론을알아보고,다양한웹&앱디자인사례를통해서좋은디자인과잘못된디자인을살펴봅니다.이론에대한이해를돕기위해설명이미지와사례이미지를통해개념을확실히이해할수있습니다.

2.디자인해설
잘된웹&앱디자인사례를통해디자인할때어떤점을고려해야하는지매체의특성,주제,웹&앱디자인에사용해야할콘텐츠에따라어떤디자인이효과적인지알아봅니다.뚜렷한기준을알아두면디자인이훨씬쉬워집니다.

3.버려지는디자인(NG)/통과되는디자인(GOOD)
왼쪽페이지에는버려진디자인이있고,오른쪽페이지에는통과된디자인이있습니다.실제로버려졌던디자인과통과되었던디자인을대조하여그차이를확연히알수있으며,어떤점을수정했을때통과되었는지살펴보면서좋은디자인을위한힘을키울수있습니다.