본문 바로가기

웹디자인

디자이너와 엔지니어를 위한 모델 기반 UI 디자인 감각에만 의존하지 않는 논리적인 UI 설계 방법이 책은 소프트웨어에서 사용자 경험과 개발 효율을 함께 높이는 구조 설계의 원칙을 제시한다. UX 리서치에서 얻은 인사이트를 UI 모델로 전환하는 방법, 개념 구조와 내비게이션 구조를 체계적으로 정리하는 방법, 레이아웃과 인터랙션에 적용 가능한 디자인 패턴을 실제 사례를 통해 설명한다. 모델 기반 UI 디자인 프로세스를 따라 구조와 모델로 UI를 설계하는 방법을 구체적으로 배울 수 있다. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [쿠팡] 출판사 제이펍저작권사 翔泳社원서명 モデルベースUIデザイン (9784798182681)도서명 디자이너와 엔지니어를 위한 모델 기반 UI 디자인부제 감각이 아니라 구조로 만드는.. 더보기
감으로 만든 UI, 왜 설명이 안 될까? 요즘 UI 디자인 이야기를 하다 보면 묘하게 공허한 순간이 있습니다. 피그마 파일은 그럴듯하고, 컴포넌트도 잘 쪼개져 있는데, 그래서 이 화면이 왜 이렇게 생겼냐고 물으면 설명하기가 어렵습니다. 감으로 만든 UI의 한계가 드러납니다. 이 시점에 나오는 책이 《디자이너와 엔지니어를 위한 모델 기반 UI 디자인》입니다. UI 디자인 책은 많습니다. 그런데 실무에서 진짜 막히는 지점은 예쁜 화면을 못 그릴 때가 아닙니다. 요구사항은 계속 늘어나고, 기능은 계속 붙고, 화면은 점점 복잡해지는데 팀 안에서 같은 걸 다르게 이해하기 시작하는 순간이 가장 위험합니다. 이 책은 그 문제를 정면으로 다룹니다. 트렌드나 스타일 얘기가 아니라, UI를 어떻게 설계할 것인지에 대한 이야기입니다. 핵심은 모델 기반 UI 디자인.. 더보기
한 권으로 끝내는 올인원 피그마 기획부터 디자인, 프로토타입, 반응형 웹 제작까지 한 권으로 끝내는 올인원 피그마 실습 가이드! 이 책은 단순한 도구 설명서가 아니다. 기획자, 디자이너, 개발자가 함께 볼 수 있는 실습형 협업 가이드다. 로그인 화면, 캐러셀, 드로어 메뉴 같은 실제 예제를 직접 만들며, 팀 프로젝트에서 바로 활용할 수 있는 협업 스킬을 익힐 수 있다. 처음 배우는 사람도 쉽게 따라 하고, 실무자는 곧바로 써먹을 수 있도록 구성했다. 또한, 최신 UI3 인터페이스와 2025 Figma Config 업데이트 내용을 반영했다. 이 책 한 권이면 피그마 입문부터 반응형 웹 실무까지 완벽하게 준비할 수 있다. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [쿠팡] 전자책 구매 사이트.. 더보기
피그마로 디자인하고, 반응형 웹까지 만드는 시대 디자이너가 개발 흐름을 이해하고, 개발자도 디자인 의도를 바로 읽는 피그마 올인원 실습서가 온다.피그마(https://www.figma.com/)가 매년 진화를 거듭하면서 이제는 디자인 툴을 넘어, 프로토타입 → Dev Mode → 코드 생성 흐름까지 이어지는 ‘웹 제작 플랫폼’으로 자리 잡고 있습니다. 하지만 막상 시작하려고 하면 이런 고민이 한 번쯤 떠오르죠. “피그마로 코드까지 만든다던데… 나도 해야 하는 걸까?”“오토레이아웃, 변수, Dev Mode… 대체 어디서부터 배워야 하지?”“디자이너는 디자인, 개발자는 개발만 하면 안 되는 시대가 온 거야?”그런 분들을 위해, 기획 → 디자인 → 프로토타입 → 반응형 웹 제작까지 한 권으로 따라 할 수 있는 실전형 안내서가 곧 출간됩니다. 이 책은 단.. 더보기
나의 첫 HTML & CSS 웹 디자인 이토록 쉬운 웹 디자인 책을 기다려왔다 웹 제작을 전혀 몰라도 이 책 한 권이면 HTML과 CSS의 기본을 확실히 익힐 수 있다. 귀여운 만화와 풍부한 일러스트로 보는 재미까지 더했다. 멋진 웹 디자인의 SNS 링크 모음 사이트, 블로그 사이트, 웹 초대장 사이트, 레스토랑 사이트를 따라 만들면서 기초적인 내용은 물론 Flexbox 레이아웃, CSS 그리드 레이아웃, 반응형 웹 디자인, CSS 애니메이션까지 배운다. 부록으로는 웹사이트 공개 방법, 제작을 도와주는 추천 사이트 모음, 치트시트, 사이트의 샘플 디자인 XD 데이터를 제공한다. 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [인터파크] [쿠팡] 전자책 구매 사이트(가나다순) [교보문고] [구글북스] [리디북스.. 더보기
혹시... 나만의 웹사이트를 만들어보고 싶지 않으신가요? 혹시 ‘나만의 웹사이트’를 만들어보고 싶지 않으신가요? 이 책의 편집자는 코딩을 배우자마자 저만의 웹사이트를 만들었어요(놀러 오세요). 템플릿을 써서 어찌어찌 만들어보기는 했으나 더 멋지게 만들려면 어떻게 해야 하는지는 오리무중이었습니다. 이 책을 편집하면서 편집자는 깨달았습니다. 제가 바라던 초보자를 위한 웹 디자인 책이 바로 이 책이라는 것을요! 일단 너무 귀엽고요, 결과물이 멋져 너무 뿌듯합니다. 만화만 봐도 아시겠죠? 이 책이 얼마나 재밌고 쉬울지 말이예요. 책을 펼치면 귀여운 카피바라 캐릭터 ‘카피조우’가 우리를 반겨요. 카피조우는 카피코에게 데이트 신청을 하기 위해 SNS 링크 모음 사이트를 만들고, 당근 농장 홍보를 위해 업무용 블로그 사이트를 만듭니다. 카피코와 결혼하기로 한 카피조우는 웹.. 더보기
2022년 11월 서평 이벤트 결과 안녕하세요, 독자님들! 2022년, 올해도 딱 한 달 남았네요. 다들 12월만 기다렸는지, 벌써 예쁜 소품으로 치장한 트리가 거리를 꾸미고 형형색색의 연말 엽서가 온 집안을 장식하고 있습니다. 그 흔하디흔한 공연 좌석 하나 남아있지 않아, 연말을 제 속도대로 맞은 저만 바보가 된 느낌입니다. 제이펍 독자님들은 올 한 해 동안 채우지 못한 행복을 채울 수 있는 12월이 되길 바라는 마음으로, 이번 서평 이벤트 당첨 소식을 준비했습니다. 11월에도 제이펍 서적을 읽어주시고 리뷰 이벤트에 참여해주셔서 진심으로 감사드립니다. 그럼 11월 당첨자 발표하겠습니다. 차O운, 김O현, 서O선 님입니다! - 차O운 님 웹 디자인, 이렇게 하면 되나요? 서평 - 김O현 님 일잘러의 엑셀 데이터 분석 서평 - 서O선 님 디.. 더보기
웹 디자인, 이렇게 하면 되나요? HTML & CSS로 깔끔하게 구현하는 93가지 웹 디자인 레시피 도서구매 사이트(가나다순) [교보문고] [도서11번가] [알라딘] [예스이십사] [인터파크] [쿠팡] 전자책 구매 사이트(가나다순) 교보문고 / 구글북스 / 리디북스 / 알라딘 / 예스이십사 출판사 제이펍 저작권사 Mynavi Publishing Co. 원서명 現場で使える Webデザインアイデアレシピ (ISBN 9784839977351) 도서명 웹 디자인, 이렇게 하면 되나요? 부제목 HTML & CSS로 깔끔하게 구현하는 93가지 웹 디자인 레시피 지은이 고바야시 마사유키 옮긴이 김모세 감수자 (없음) 시리즈 이렇게 하면 되나요? 출판일 2022. 11. 10 페이지 296쪽 판 형 46배판변형(188*245*12.6) 제 본 무선(sof.. 더보기