|
UI 디자이너가 되고싶은 당신에게 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 추천합니다. 무료로 시작하고 빠르게 배워보세요. ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
흔히 UI와 UX를 같이 붙여놓습니다. "UI/UX 디자이너"이런식으로요. UX를 고려하지 않고서는 UI를 디자인 할 수 없기 때문에 그렇습니다. 개념과 프로세스에 대해 설명하고 있는 PART1을 읽어보시면 UX에 대해 전혀 아시는 바가 없더라도 천천히 이해되실겁니다.
작은 기업에서는 UX를 다 고려하고 설계를 할 정신이 없을 정도입니다. 그렇지만 간과해서는 아된다고 생각합니다. 시간이 없지만 그렇더라도 대표를 계속해서 설득해서 UX를 고려한 UI를 제작해야 이상한 괴물같은 놈이 만들어지지 않을거예요.
UI를 본격적으로 작업해볼 수 있는 부분은 PART2에서부터 시작합니다. UX에 대해 어느정도 이해도가 있으신 분들은 PART1을 과감히 스킵하시고 PART2에서부터 시작하는 XD의 기술적인 부분들을 살펴보세요.
저는 XD를 종종 사용합니다. XD를 사용하는 이유는 크게 2가지로 압축 할 수 있습니다. 포토샵 대신 가볍게 쓰고 싶을 때와 와이어프레임을 설계해야 할 때 입니다. UI를 제작하고 있으면 바로 코딩을 해버리고 싶은 딜레마에 빠지기도 합니다. 그리고 사실 UI를 제작하기 전에는 스케치를 해야하는데 스케치도 스킵해버리고 싶은 욕구도 생기지만 그렇게 한다고 한들 절대 일이 빠르게 진행되지 않습니다. 일을 빨리 할 수 있는 방법은 단계마다 제대로 하는 것입니다. UX없이, 스케치없이, UI를 제작한답시고 XD를 끄적거리다가 갑자기 코딩을 하다가는 어느순간 다시 막혀서 UX를 생각하고 스케치를 하고, UI를 하다가 갑자기 또 코딩을 하는 악순환에 빠지지 않으려면 처음 부터 제대로 해야겠죠.
마음이 급해서 도저히 안되겠다 하시는 분들은 221페이지의 마으스 오버 버튼 제작하기를 먼저 실습해보시는 것도 괜찮을 것 같습니다.
"마우스 오버 버튼 제작"편에서 포인트는 "구성요소" 기능을 이용하는 것입니다. 예전에는 상상만 했던 기능이 점점 현실이 되어가네요. 유튜브로 익히는 것도 좋지만 저는 책이 좋습니다. 내 속도에 맞춰서 천천히 따라가도 되고, 보고 싶은 부분부터 확 뛰어넘겨 읽을 수도 있거든요. UI 디자이너가 되고싶은 당신께 추천하고 싶은 책입니다. 가장 최신 기능이 담겨있는 '맛있는 디자인 어도비 XD CC 기본편+활용편'으로 시작해보세요.
YES24 리뷰어클럽 서평단 자격으로 작성한 리뷰입니다. 좋은 책을 보내주셔서 감사드립니다.
|
|
웹디자이너를 위한 UX/UI 디자인 기초. 기본과 활용까지 한 권으로 배울 수 있는 책이다.
XD는 UX/UI 디자인 작업에 활용할 수 있는 웹, 앱 프로토타입 제작 프로그램으로, Windows와 macOS에서 모두 사용할 수 있습니다.
디자인 제작부터 와이어프레이밍, 애니메이션 적용, 프로토타이핑, 협업까지 다양한 작업을 할 수 있습니다.
개인적으로 '포토샵'과 '프리미어프로'만 조금 사용할 줄 아는 정도라. 다른 프로그램들이 궁금했었는데.
한빛미디어의 '맛있는 디자인' XD가 나왔다.
이전에 '포토샵'도 '한빛미디어'의 '맛있는 디자인'시리즈 책으로 익혔기에 믿고 보는 교재. ㅎㅎ
포토샵도 마찬가지지만.. 어도비 홈페이지에 접속한 후 XD 스타터를 설치해 무료체험이 가능하고, 그 방법부터 알려주는 친절한 책이다. 또한, '맛있는 디자인 스터디 그룹'을 운영하고 있기에 스터디 공식 카페에서 같이 공부하고 배울 수도 있어서 더 좋은 듯.
친절한 설명을 따라 '한빛출판네트워크'에서 XD 예제 소스를 다운로드한다. '자료실' 클릭.
UX(User Experience)는 '사용자 경험 중심'이라는 말로 많이 쓰입니다. 일반적으로 UX의 X는 Experiennce, 즉, 경험이라는 측면에만 제한해 생각합니다. 그러나 단순히 보게 좋게 만드는 것보다 사용자가 필요로 하는 것(Needs)과 욕구를 충족할 수 있도록 만들어야 합니다. 32p
UI(User Interface, 사용자 인터페이스)란 웹과 모바일 간 의사소통을 할 수 있도록 만들어진 물리적, 가상적 매개체로 정의하고 있습니다. ... 즉 화면에서 사용자가 보게 되는 콘텐츠를 조작이 편리하고 유용하도록 설계하는 서비스를 말합니다. 33p
기획 브랜딩 프로세스를 살펴보며 개발 프로세스에 따라 어떻게 디자인되는지 확인해보세요. UX/UI 개발 및 디자인은 사용자의 요구를 반영하여 화면을 설계하는 것이 주요 활동입니다. 니즈 인식. 브랜딩 기획. 프로토타이핑을 통한 시각화. 사용성 테스트. 39p
아이디어 도출 및 정리를 도와주는 도구로는 마인드맵, 브레인스토밍, 스캠퍼 등이 있다. 47p
프로토타이핑(Prototyping)은 다양한 인터랙션이 결합되어 실제로 서비스하는 형태와 똑같이 만들어보는 모형 단계를 말합니다. 사용자의 행동 패턴이 분석되면 페이지 이동 등이 문제없이 적용되는지 테스트할 수 있고, 화면이 이동하는 동작까지 확인할 수 있습니다. 62p
UX의 기본 개념부터.
사진과 함께 과정까지 상세하게 알려주고 시작한다.
XD프로그램을 활용한 워크플로우는 '디자인 - 프로토타이핑 - 공유'입니다. ... XD를 활용한 기본 화면은 디자인 모드이고, 디자인 모드에서 작업한 후 프로토타입 모드를 거쳐 공유 모드를 활용합니다. 68p
XD는 프로그램뿐만 아니라 플러그인 및 UI 키트도 자주 업데이트됩니다. 따라서 작업을 시작하기 전에 각 항목을 클릭해 자주 확인해보는 것이 좋습니다. 70p
XD 실행 화면, 기본 도구에 대한 간단한 설명과 다루는 방법부터 하나하나 알려주는 책이다.
나는 XD는 개념부터 어려운 초보자인데, 책을 따라서 아트 보드와 레이어를 조작해 보고.
마우스를 어떤 방향으로 드래그를 해야 하는지까지 세심하게 나와있어서 따라 하기 좋고.
'간단 실습'에서 나 같은 왕초보도 알기 쉬운 간단한 예제로 XD에 익숙해질 수 있도록 도와준다.
책의 내용을 순서대로 그대로 따라 하면 되어서 처음 접하는 프로그램이지만 한 장 한 장 잘 넘어가는 중.
펜 도구의 사용법. '한눈에 실습'에서는 주요 핵심 기능의 사용법과 활용 과정을 한눈에 살펴보고 결과를 바로 알 수 있다.
어찌어찌 책을 따라서 하나둘씩 만들어갈 수 있어서 신기한 초보자.
라인 아이콘을 제작할 때 대부분 일러스트레이터를 활용해야 한다고 생각합니다. 그러나 XD의 도형 도구만 활용해도 일러스트레이터에서 제작한 아이콘 못지않은 결과물을 만들어낼 수 있습니다. 208p
XD의 기본 기능을 어느 정도 익히고 나면 디자인 감각 기르기.
뉴모피즘(Neumorphism) 스타일은 구성 요소와 배경을 그림자와 빛으로 구분하여 부드러운 느낌을 주는 디자인입니다. 강렬한 색의 대비 없이도 그림자를 활용해 3D와 같은 입체 느낌을 주는 것이 특징입니다. 283p
지금까지 배운 XD의 핵심 기능을 자유자재로 사용해 모바일용 프로토타입을 직접 만들어보며 실무에서 바로 써먹을 수 있는 UX/UI 디자인을 익혀보겠습니다. 304p
카페 앱 UI에 필요한 아이콘은 모두 XD에서 만들어봐도 좋습니다. XD에서는 기본 도형을 조합하는 것만으로도 충분히 아이콘을 만들 수 있습니다. 단순하고 직관적인 형태의 아이콘은 픽토그램과 같이 기호로 상징성을 부여할 수 있으므로 의미 전달을 더 확실하게 할 수 있어 유용합니다. 321p
기초지식이 있는 사람들도 활용편과 실무편에서 실제로 활용할 수 있는 것들을 제작할 수 있도록 도움이 되겠지만, 나는 정말 기본 개념조차 없던 초보자인데 전혀 모르던 부분을 하나씩 따라 하고 만들어 나가고 해결해 나가는 과정이 신기하기도 하고 재미있었다. 성취감도 있고.
마지막까지 잘 익히고 나도 나만의 앱을 디자인해 볼 수 있길.
Yes리뷰어클럽 서평단 자격으로 작성한 리뷰입니다.
|
|
맛있는 디자인 시리즈를 좋아하기도 하고 요즘은 디자인 프로그램으로 노는 데 푹 빠지다 보니, 어도비 XD CC까지 공부해 보게 되네요. 전 맛있는 디자인 시리즈를 좋아하는데 사실 XD가 뭔지는 잘 몰랐어요. 대충 홈페이지나 앱등에 들어가는 디자인을 할 수 있는 프로그램이라는 정도만 알았거든요. "나는 리뷰어다" 통해서 궁금했던 XD프로그램에 대해서 책을 읽고 배워보았습니다. 전 아도비프로그램을 매달 정기결제로 사용해서, XD 프로그램을 직접 깔고 책을 따라 사용해 보았어요. 생각보다 재미있네요. 책만 따라하면, 기초일러스트를 사용해본 분들이라면 '어라 생각보다는 쉬운데 ' 하는 생각을 하실수도 있어요. 이번 어도비XD책은 실무만을 알려주는 책은 아니라서 처음에는 좀 어렵게 다가왔는데요. UX.UI 디자인과 기획에 대해서 먼저 알려줍니다. UX.UI 디자인은 홈페이지나 전자책, 웹드라마, 앱등의 다양한 분야에 디자인등을 하는 건데요. 사용자 경험에 중심이라네요. 누가 사용하느냐? 어디에 사용하느냐?에 따라 완전히 디자인이 달라지네요. 포토샵이나 일러스트로 실기연습만 할때는 재미 있었는 데, 기획이라니? 디자인 제작이라~~ 뭔가 굉장한 것 같아요. 책 초입을 읽으면서 조금은 어렵게 다가오는 것 같아서 쬐금 부담스러웠는데, 음 이론이라 읽다보니 생각이 조금씩 달라지는 것 같아요. 막연히 디자인만 뽑는건 그때그땐 필요에 의한 건데. 내가 기획하고 거기에 맞게 디자인한다라 완전 다른느낌이자나요. 콘셉을 시각화하기위해서 스토리보드를 만들도 기술적으로 구현하는 것까지 자세히 알려줍니다 물론 실무에 투입되어도 좋다까지는 아니지만 ^^ 대략적인 아우트라인만 알아도 실무 대화를 들으면 이해는 할수 있자나요. 디자인툴들을 배우신다면 한번 쯤 읽어보시면 좋을 것 같아요 물론 UX.UI 디자인을 하시려고 생각하신다면 당연히 많은 도움이 될것 같아요. 기초과정은 쉬운것 같은데 활용쪽으로 가면 생각도 많이하고 디자인 해봐야 할것 같아요. 맛있는 디자인책은 가장 강점중 하나는 맛있는 디자인 까페에서 같이 공부하거예요. 이번에 5기에 참여했었는데요. 처음으로 책을 처음부터 끝갖지 완독만 한게 아니라 실습도 다해보았습니다. 혼자서 공부하는게 용두사미로 끝나기 마련인데, 같이 하니 해내게 되네요. 공부도 열심히라게 되지만 질문할곳이 있다는게 까페 공부에서 가장 큰 강점인것 같아요. 6기에는 XD를 같이 공부하는 기수가 생ㄱ긴다면 꼭 다시 참여하고 싶습니다. 책을 읽다보니 앞에서는 쉽지만 활용으로 갈수록 조금은 힘들어서요.^^ 혼자하다보면 아무래도 조금씩 건너뛰기도 하자요 XD도 생각보다 재미있어요. 포토샵과 일러스트를 배우시거나 공부하신분들이라 읽어보시면 새로운 디자인의 세계에 입문하실 수 있어요. 이책의 가장 좋은점을 꼽으라면 기초가 쉽고 이론을 이해하기 쉽게 설명해준다는 점이구요. 따라하기만 해도 책처럼 만들어 볼 수있다는 거예요. 음 단점은 아니고 아무래도 활용은 따라하기만 해서 쉽지는 않지만 도전해 볼만합니다. |
|
IT 기술이 발전되면서 세상의 발전 속도는 이전보다 더 높은 가속도를 가지고 있습니다.
항상 맛있는 디자인 시리즈를 개인적으로 좋아합니다.
초반에는 이 책의 구성에 대한 설명이 있습니다.
전체적인 공부 단계에 대한 설명부터 시작해서 이 책을 어떻게 공부하라는 작가의 생각이 담겨있기에 그냥 지나치지 말고 꼭 정독하시길 바랍니다.
전체적인 목차를 보면 크게 2가지로 나누어집니다.
LESSON의 제목을 꼭 확인하고 이번 LESSON에 내가 무엇을 배워야 하는지 숙지하시고 각 LESSON을 시작하면 됩니다.
책의 오른쪽 면에는 각 chapter를 구분할 수 있는 인덱스 디자인으로 표시되어 있습니다.
이론적인 내용보다는 간단 실습을 통해서 XD의 기능들을 공부할 수 있습니다.
그리고 한눈에 실습을 통해서 주요 기능의 사용과 활용법을 한눈에 확인할 수 있고 전체적인 결과들을 보면서 학습할 수 있습니다.
중간에 분홍색 박스에는 참고할 내용이나 실수할 수 있는 부분을 설명하고 있습니다.
각 LESSON 시작 부분에는 준비 파일과 완성 파일와 호환되는 버전을 알려줍니다.
또한 완성된 디자인을 먼저 확인하고 내가 어떤 디자인을 목표로 공부를 시작하는지 알려줍니다.
그리고 활용편에서는 공부하는 예제를 따라 하면 내가 무엇을 공부하고 어떤 능력이 생기는지 설명합니다.
기능 꼼꼼 익히기를 통해서 작가의 노하우를 공부할 수 있습니다. 책의 제목을 보면 웹디자이너를 위한 책으로 나와있지만 저는 웹디자인 말고도 편집 디자인이나 앱 디자인, 제품 운영 UI 작업할 때도 많이 사용하고 있습니다. 이 책을 읽고 난 후에 느낀 점 "한빛미디어 ＜나는 리뷰어다＞ 활동을 위해서 책을 제공받아 작성된 서평입니다." |
결론 및 평가
스마트 폰 사용인구가 늘어나고 인터넷 환경이 PC에서 모바일로 변경됨에 따라 모바일에 최적화된 다양한 콘텐츠에 대응할 수 있는 역량이 필요한 시기이다.
어도비 XD는 UX/UI 디자인 작업에 활용할 수 있는 웹, 앱 프로토타입 제작 프로그램이다. 평소 디자인에 대해 무지하기도 하고 손재주가 없다. 초보자에서 중급자정도까지의 실력으로 키우고 싶은 마음에 서평단 모집에 응모하게 되었다. 수많은 매체에 다양한 정보가 널려 있는 마당에 좋은 선택을 하신 여러분께 실질적인 가이드를 제시하고 있으며 맛있는 어도비 XD 책은 크게 Part1, 2로 구성되어 있고 책의 목차는 독자들이 모르는 기능들을 골라볼 수 있도록 상세히 분류되어 있고, UX/UI 디자인할 때 이 책을 보면 필요한 기능들을 빠르게 탐색해 참고할 수 있을 듯 하다.
배우면 할수 있는것들 · 텍스트와 도형, 이미지 등을 활용한 웹/앱 화면의 디자인, 프로토타입 · 프로토타이핑 된 화면을 팀원 및 클라이언트와 보다 쉽게 공유
도움되는 분들 · UX/UI 디자인을 시작하시는 분들 · 평소 어도비 포토샵 등의 디자인 툴을 사용했지만 프로토타이핑 단계에서 툴 활용이 힘드셨던 분들
배우는것들 어도비 XD로 화면을 디자인하고, 프로토타이핑을 공유하기
발췌 및 해석(주요내용 요약)
초보자에게 적합한 웹 디자인 툴
ⓒ 한빛미디어 제공 다양한 콘텐츠들의 종류와 범위 등을 알 수 있어서 웹의 목적과 역할을 제대로 배울 수 있고 초보자들은 처음 접하는 내용들이 많기 때문에 다양한 사이트들을 제공해주고 있으며, 책과 함께 공부하면 좋은 시너지와 아이디어를 얻을 수 있을 것 같다. 본 도서에서는 다음과 같은 정보를 제공하고 있다. ① 손쉽게 활용할 수 있는 3D 변형 기능 3D 변형 기능을 활용하면 오브젝트에 입체감 또는 원근감을 손쉽게 표현할 수 있고,오브젝트를 만들고 속성 관리자에서 3D 변형 기능을 활성화시킨다. 오브젝트에 3D 캔버스 컨트롤이 나타나면 X, Y, Z축을 기준으로 회전해 입체감 또는 원근감을 더하여 3D 변형 기능은 개별 오브젝트,텍스트, 레이어에 적용할 수 있다. ② 인터랙션 기능으로 애니메이션 적용 인터랙션 기능을 활용하면 코딩이나 별도의 애니메이션 제작 도구를 사용하지 않아도 매끄러운 시각적 피드백, 화면 전환 효과 등 자동 애니메이션을 적용할 수 있다. ③ 편리한 디자인 사양 공유 XD는 디자인 사양을 손쉽게 공유할 수 있으며,웹브라우저에서 인터랙티브한 프로토타입, CSS 속성, 에셋, 변수 이름 등 다양한 구성 요소의 디자인 사양을 공유할 수 있다. ④ 내용 인식 레이아웃으로 반응형 크기 적용 아트보드에서 오브젝트의 크기와 간격 등을 쉽게 조정할 수 있고, 정렬이나 간격 등을 일일이 수정하지 않아도 자동으로 조절되어 디자인을 편리하게 수정할 수 있다. ⑤ 협업이 쉬워지는 디자인 공동 편집 XD를 활용하면 동료 디자이너와 실시간으로 공동 편집을 진행하여 동료 디자이너와의 협업을 효율적으로 진행할 수 있도록 도와주고개발자나 카피라이터 등 협업자를 초대해 실시간으로 작업하면 디자인 프로세스를 원활히 진행할 수 있다. 또한 작업한 파일을 클라우드에 저장해두면 초대된 협업자는 언제 어디서나 최신 버전의 작업물에 액세스할 수 있는 기능이 제공된다.
웹디자인 하는 사람들이 은근히 부러울 때가 많았다. 또한 이 분들은 포토샵부터 인디자인까지 XD 프로그램만 사용하는 게 아닐 것 같은데 처음 시작하는 사람이나 좀 더 이론적인 부분을 자세히 알고싶은 사람들은 한빛미디어의 같은 시리즈인 '맛있는 디자인' 책 들 중 필요한 프로그램 이론서를 구입하면 기본적인 활용을 할 수 있을 것 같다. 향후에는 이 책을 보지 않아도자유스럽게 프로그램 활용할 수 있도록 다양한 프로그램 활용방법을 배워, 블로그를 더 아름답게 만들고 싶고 어도비의 모든 것을 배우고 싶지만 초보인 경우 이 책을 추천한다.
작품설명
지금 시대가 많이 언택트로 바뀜에 따라 온라인에 대한 시장의 크기도 커지면서 많은 회사들에서도 온라인쪽으로 투자를 하고 있고, UI 나UX쪽으로 홈페이지 제작 및 그래픽작업들에 대해서 많은 수요가 생기면서, 그만큼 진로전망에서도 좋다. 백터드로잉툴 , 색상 , 문자스타일을 사용하여 유저 인터페이스를 정의할 수 있고, 스케치 뿐만아니라 포토샵과 일러스트의 파일을 가지고 와서 자동 변환할 수도 있어 새롭게 만들어야 하는 번거러움도 없다. 어도비 XD는 풍부한 사용자 경험을 디자인하고 프로토 타이핑하거나 공유 및 협업을 할 수 있는 기능을 제공하며 기본적인 와이어프로임을 만드는 것과 디자인을 완성하는 모든 작업들을 빠르게 진행할 수 있도록하는 프로그램으로서 웹기획과 UIUX디자인을 알고 있는 분들에게 인기가 높은 과정으로 강력한 멀티미디어 디자인을 실행할 수 있어 무엇보다 효율적인 실무작업이 가능하다. 이 도서는 특히 웹디자인에 꼭 필요한 UX/UI 디자인 기초 이론부터 프로토타입 제작 도구인 XD 활용법까지 제대로 배울 수 있다. UX/UI 디자인 기획과 웹디자인 워크플로우를 먼저 이해한 후 XD의 기본&핵심 기능을 익혀 다양한 실무 활용 예제로 프로토타입을 직접 제작해본다. XD 최신 버전에 완벽히 대응하였으며, 기본 기능과 활용법을 완벽하게 마스터할 수 있는 3단계 학습 방법인 [기능 실습] - [한눈에 실습] - [실무 실습]의 구성은 누구나 XD를 제대로 배워 바로 써먹을 수 있도록 도와준다. 인상 깊은 내용
1어도비 XD는 무료로 제공하기도 하고 가볍고 간편하여 배우는데 어려움은 없으나 전문(?) 기술을 배우면 더 공통되고 편리하게 작업할 수 있고, 작업자가 여럿일 경우에는 서로 약속된 포맷을 사용해야 하기 때문에 기본 도구부터 시작하여 도형, 레이아웃 그리드, 라인 아이콘 제작 및 인터랙션 애니메이션 등 실무에서 사용되는 기본과 날씨, 카페 앱 등의 디자인을 직접 활용, 응용하는 법을 배울 수 있다
2 사진에 나와 있는 사이트 외에도 다양한 사이트를 소개하고 있고, 다양한 콘텐츠들의 종류와 범위 등을 알 수 있어서 웹의 목적과 역할을 제대로 배울 수 있다. 초보자들은 처음 접하는 내용들이 많기 때문에 다양한 사이트들을 제공하고 있어 도움이 되고, 책과 함께 공부하면 좋은 시너지와 아이디어를 얻을 수 있다.
다양한 프로토타입을 만들어볼 수 있는 노하우 소개 ??웹디자이너를 위한 UX/UI 디자인 기초.기본과 활용까지 한 권으로 배울 수 있는 책이다. ??UX(User Experience)는 '사용자 경험 중심'이라는 말로 많이 쓰입니다. 일반적으로 UX의 X는 Experiennce, 즉, 경험이라는 측면에만 제한해 생각합니다. 그러나 단순히 보게 좋게 만드는 것보다 사용자가 필요로 하는 것(Needs)과 욕구를 충족할 수 있도록 만들어야 합니다. P 32 ??UI(User Interface, 사용자 인터페이스)란 웹과 모바일 간 의사소통을 할 수 있도록 만들어진 물리적, 가상적 매개체로 정의하고 있습니다. ... 즉 화면에서 사용자가 보게 되는 콘텐츠를 조작이 편리하고 유용하도록 설계하는 서비스를 말합니다. P.33 ??기획 브랜딩 프로세스를 살펴보며 개발 프로세스에 따라 어떻게 디자인되는지 확인해보세요. UX/UI 개발 및 디자인은 사용자의 요구를 반영하여 화면을 설계하는 것이 주요 활동입니다. 니즈 인식. 브랜딩 기획. 프로토타이핑을 통한 시각화. 사용성 테스트. P.39 ?? 아이디어 도출 및 정리를 도와주는 도구로는 마인드맵, 브레인스토밍, 스캠퍼 등이 있다. P.47 ??프로토타이핑(Prototyping)은 다양한 인터랙션이 결합되어 실제로 서비스하는 형태와 똑같이 만들어보는 모형 단계를 말합니다. 사용자의 행동 패턴이 분석되면 페이지 이동 등이 문제없이 적용되는지 테스트할 수 있고, 화면이 이동하는 동작까지 확인할 수 있습니다. P.62
XD는 UX/UI 디자인 작업에 활용할 수 있는 웹, 앱 프로토타입 제작 프로그램이다. Windows와 macOS에서 모두 사용할 수 있고, 개인 사용자라면 XD 스타터 플랜을 무료로 스타터 플랜이라도 레이아웃 및 디자인, 프로토타이핑 및 애니메이션 기능 등을 모두 활용할 수 있디. XD를 활용하면 다양한 운영체제에 적용할 수 있는 벡터 디자인 제작부터 와이어프레이밍, 애니메이션 적용, 프로토타이핑, 협업까지 다양한 작업을 할 수 있다. 지금도 그렇고 앞으로도 그렇고 한 분야의 전문가라고, 혹은 다른 분야와 연관성이 없다고 그 분야만 알아서도 안될 것 같다. 이처럼 4차 산업시대에는 누가 대신 해주기를 바라는 것보다 다양한 능력을 키우기 위해 융합, 다중지능 등의 관련 화두가 많이 된다고 느껴지기때문이다. 직접 만들기는 단시간에 어렵지만 아는 만큼 잘 할 수 있을 것 같다. 알아야 직원에게 업무를 맡길수 있고, 시대가 바뀌니 엑셀책 뿐만 아니라 흐름에 맞는 컴퓨터와 관련된 지금까지 우리가 잘 모르는 분야였고 관심이 적었지만 지금 UI, UX디자인이라는 것이 매우 관심받고 있는 것이기에 배워두면 활용도가 높다 책표지
책 읽기 방법 - 증정도서 책 읽은 시간 또는 공간 - 자택 Tag ㅡ #맛있는디자인어도비XDCC #웹디자이너 #웹디자인 #콘셉트시각화 #UX_UI디자인 #어도비#그래픽툴 #컬처블룸 #컬처블룸리뷰단 #컬처블룸서평단 #서평단 #소원지기 #kthigh11
임선주
중앙입시교육연구원, 신문사, IT 벤처 회사 등에서 온라인 개발부의 웹디자이너로 일하며 관련 업무를 익혀왔다. 유럽의 풍부한 감성적 토양을 내 것으로 만들고자 스위스 남부 루가노에 위치한 USI(Universita della Svizzera Italiana)에 편입하여 Communication Arts를 전공하며 기호학, 미디어, 디지털 문화기획에 대한 지식 습득의 즐거움을 누렸고, 대학원에서는 디자인공예를 전공하며 디자인 소양을 갖추고자 했다. 현재는 협회 및 학원 등에서 UX/UI 디자인을 강의하고 있다.
맛있는 디자인 프리미어 프로 & 애프터 이펙트 CC 2021
[이 책은 한빛미디어에서 도서지원 받아 작성한 글입니다.]
무조건적인 칭찬과 비난은 하지 않습니다. 제가 읽은대로, 느낀대로, 생각한대로 정리하고, 기록합니다
#맛있는디자인어도비XDCC #웹디자이너 #웹디자인 #콘셉트시각화 #UX_UI디자인 #어도비#그래픽툴 #컬처블룸 #컬처블룸리뷰단 #컬처블룸서평단 #서평단 #소원지기 #kthigh11 |
|||||
|
[맛있는 디자인 어도비 XD 기본+활용]
공부를 좋아하지 않는 아이의 진로를 고민해 보며 세상을 살아가려면 디자인적 요소도 무시할수 없으니 미술을 해보라고 권했어요.
쫄라맨 수준의 그림을 그리는 아이에게 약간은 무리였지만 정해진 패턴으로 미술을 하다보니 어느정도 미술을 하게 되더라구요.
타고난 감각은 없는 아이기에 남들보다 더 힘들어하고 노력해야 하는 아이를 보며 미안한 마음이 들기도 했지만 지금은 미술을 좋아하는 모습을 보며 약간의 위로를 느낍니다.
UX/UI 디자인에 용어조차 모르면서 도전해봅니다. 디자인은 계속 새로운 것을 익히고 응용해야 하는 부분인지라 IT 분야의 지식과 디자인은 필수가 되는 것 같더라구요 그러기 위해서는 호기심을 갖고 문제 해결 능력을 키우는 것이 중요하고 몇 년을 올인할 마음오로 진지하게 고민해야 한다고 하네요.
UX 는 사용자 경험 중심으로 단순히 보기 좋게 만드는 것보다 사용자가 필요로 하는 것과 욕구를 충족할 수 있다는 개념이더라구요 그러기 위해서는 비즈니스 전략을 수립하고 디자인 전략을 수립해서 UX 디자인 콘셉트를 설정 개발수행을 하는 제대로 된 UX 기획과 디자인 과정을 거쳐야 한다고 합니다.
UI 는 사용자가 보게 되는 콘텐츠를 조작이 편리하고 유용하도록 인식에 어떠한 의미가 있는지 전달되어야 하고 디자인이 명확하게 구현되어야 하며 원하는 정보를 잘 찾을수 있도록 정리하는 직관성, 유효성, 학습성, 유연성을 고려한 설계지침을 따르는 것이 기본원칙이더라구요.
결국은 단순히 예쁘고 독특한 개성을 가지는 디자인이 아니라 사용자 중심에서 디자인적 시각과 유용한 서비스까지 고려하는 맞춤 디자인과 같은 것 같았아요
그러기 위해서는 사용자의 니즈를 인식하고 브랜딩을 기획, 프로토타이핑을 통한 시각화와 사용성 테스트를 거치는 개발 프로세서를 이해해야 하더라구요
수준별 3단계 학습으로 구성되어서 초보자인 저에게도 어느정도 이해를 할 수 있는 경험을 하게 합니다.
UX/UI 디자인이 처음인 사람들을 위해 디자인 기초 이론과 워프플로우를 이해하고 디자인 전반에 대한 흐름을 통해 기본의 토대를 마련할 수 있는 1단계부분과 기초부터 체계적인 학습을 배울 수 있는 2단계를 통해 XD 화면과 패널, 도구의 핵심 기능을 실습 할 수 있도록 입문자 눈높이의 구성을 제공합니다. 3단계에서는 전문가 과정처럼 활용법을 제대로 배울수 있도록 실무실습과 실무에서 활용할 수 있는 아이콘부터 다양한 디자인 요소를 제작해보는 활용편이 제공 되더라구요.
또한 크리에이티브 클라우드를 다루기 위해 어도비 무료 체험판의 가입 과정부터 데스크톱 앱, 스타터를 설치하도록 안내해 줍니다
사용자의 요구와 콘텐츠 내용을 분석하기 위한 벤치마킹 과정은 장단점별로 이미지를 지서치하는 것이 매우 중요하고 명확한 분석 기준을 토대로 접근하여 객관적이고 구체적인 방안과 사용자 관점에서의 분석을 필요로 하더라구요.
주제에 맞는 아이디어를 정리하기 위해 아이디어 도출을 이해하고 마인드매핑이나 브레인스토밍 스캠퍼 기법등을 활용하는 것도 필요하더라구 생각을 구체화 시키는 과정은 결코 쉽지는 않은 것 같아요
필요한 이론을 충분히 이해하고 활용편을 보면 약간은 감을 잡을 듯한 느낌이었습니다. 아직 일러도 포토도 세대로 하지 못하면서 너무 과한 욕심을 부린건 아닐까 고민했는데 다른 도서와는 달리 초보자인 저도 이해하기 쉽게 설명해주어서 따라하기는 수월했습니다.
[이 글은 한빛미디어로부터 도서를 협찬 받아 주관적인 견해에 의해 작성했습니다.] #맛있는디자인어도비XD #임선주 #한빛디자인 #책과콩나무 #서평도서 #도서협찬 #어도비 #웹디자이너 |
|
제대로 된 웹을 만들어보기 위해 [맛있는 디자인 어도비 XD CC]로 공부를 해보았다.
저자 임선주는 중앙입시교육연구원, 신문사, IT 벤처 회사 등에서 온라인 개발부의 웹디자이너로 일하며 관련 업무를 익혀왔다. 유럽의 풍부한 감성적 토양을 내 것으로 만들고자 스위스 남부 루가노에 위치한 USI(Universita della Svizzera Italiana)에 편입하여 Communication Arts를 전공하며 기호학, 미디어, 디지털 문화기획에 대한 지식 습득의 즐거움을 누렸고, 대학원에서는 디자인 공예를 전공하며 디자인 소양을 갖췄다. 현재는 협회 및 학원 등에서 UX/UI 디자인을 강의하고 있다.
이 책은 웹디자인에 꼭 필요한 UX/UI 디자인 기초 이론부터 프로토타입 제작 도구인 XD 활용법까지 제대로 배울 수 있다. UX/UI 디자인 기획과 웹디자인 워크플로우를 먼저 이해한 후 XD의 기본&핵심 기능을 익혀 다양한 실무 활용 예제로 프로토타입을 직접 제작해 볼 수 있다.
프로토타입 제작을 제대로 하기 위해 반드시 알아야 할 XD의 기초 기능부터 실전 웹디자인 감각을 길러주는 실무 실습까지 한 번에 익히고 제대로 써먹을 수 있도록 도와준다. [기초가 튼튼해지는 XD 기본편]에서는 웹디자인에 꼭 필요한 UX/UI 디자인 기초 이론과 웹디자인 워크플로우를 먼저 이해한 후 XD의 기본&핵심 기능을 익힌다.
[UX/UI 디자인을 위한 XD 활용편]에서는 다양한 실무 활용 예제를 통해 아이콘 등 프로토타입에 필요한 다양한 디자인 요소를 제작하고 모바일 앱 UI도 디자인해보며 XD를 활용한 프로토타입 제작법을 효과적으로 익힌다.
3D 변형 기능, 애니메이션을 적용하는 인터랙션 기능, 반응형 웹&앱을 만드는 내용 인식 레이아웃, 협업이 쉬워지는 디자인 사양 공유 및 공동 편집 등 XD를 더 효율적으로 다룰 수 있는 신기능을 쉽고 빠르게 학습할 수 있으며, 신기능을 활용한 예제도 실습할 수 있다.
어도비 크리에이티브 클라우드 시스템은 안정성 향상이나 사용자 편의를 위해 프로그램을 지속적으로 업데이트하고 있다. 특히 XD CC는 업데이트가 잦은데, 수시로 변경되는 인터페이스나 기능에도 유연하게 대처할 수 있도록 자세한 설명을 수록했다.
왕초보도 알기 쉬운 [간단 실습]부터 눈으로만 봐도 쏙쏙 이해되는 [한눈에 실습], 지금 당장 써먹을 수 있는 [실무 실습]까지, 가장 완벽한 3단계 학습 구성으로 XD를 제대로 배울 수 있다.
[간단 실습]에서는 꼭 알아야 하는 UX/UI 디자인 기초 지식, XD의 화면 구성 및 패널과 도구 등을 살펴보고, 예제 실습 전 필요한 기본 조작과 설정 방법을 익힌다. [한눈에 실습]에서는 기능별 예제로 XD의 핵심 기능을 익힌다. 주요 기능의 사용법과 활용 과정을 한눈에 살펴보며 결과를 바로 확인할 수 있어서 기능이 쏙쏙 이해된다. [실무 실습]에서는 여러 개의 기능을 조합하여 하나의 완성된 예제를 만들어보며 실무 감각을 익힌다.
이 책 한 권이면 예비 웹디자이너가 필요한 것을 모두 학습할 수 있어 꼭 추천드리고 싶다. [이 글은 출판사로부터 도서를 협찬받아 주관적인 견해에 의해 작성했습니다]
|
|
어도비 XD CC: 기본편+활용편 - 임선주
언제부터인가 사용하게된 어도비xd 프로그램. 처음 프로그램을 사용하게 되었을 때는 어도비 홈페이지에 있는 동영상을 보고, 그 후에는 나름대로 검색을 해가며 프로그램을 사용했다.
그러다보니 Xd를 사용은 할 수 있으나 과연 이게 잘 사용하고 있는건지, 누군가 프로그램 사용 능력치에 대해 물어본다면 뭐라고 대답해야 할지도 참 막막했다.
나 자신이 보기에도 엉성하게 사용하는 느낌이랄까? 그리고 당시에는 Xd에 관한 서적도 없었다. 그러다 보니까 더 인터넷 검색만으로 프로그램 사용법을 익혔던건데 지금 생각해봐도 참 체계적이지 않았다.
그런 의미에서 이 책은 나에게 아주 유용했다. 정말 기초부터 하니씩 차근차근 설명해주고 있고, 무엇보다도 각 기능을 실습해 볼 수 있도록 구성되어 있는 부분이 좋았다. 프로그램이라는게 이 기능 하나 익히고 끝이 아니고 실제 상황에서 거기에 맞게 적용할 수 있어야하기 때문이다.
그리고 책을 읽어 나갈수록 확실히 내가 사용하지 못한 기능이 많았구나라는걸 알 수 있었다. 사실상 애니메이션 사용 부분은 거의 사용을 못했었다. 그런데 이제는 사용할 수 있다. 역시 책으로 공부하는게 좋다. 영상은 보고 영상 정지하고 다시보고 이런식이었는데 책은 그럴필요도 없고, 이제서야 Xd의 다양한 기능을 접하게 된 느낌이다.
지금까지는 엉성하게 사용하다보니 Xd 사용할 일이 있으면 꺼려지고 그랬는데 이제는 그럴 걱정없이 사용할 수 있다.
-------무단 복사 및 사용을 금지해 주세요. 출판사로부터 도서를 제공받아 작성된 리뷰입니다.------ |
|
나는 현재 웹디자인과 관련된 일을 하고 있지 않다. 하지만 이 책에 관심을 가지고 서평을 쓰는 이유는 지금도 그렇고 앞으로도 그렇고 한 분야의 전문가라고, 혹은 다른 분야와 연관성이 없다고 그 분야만 연구하면 안된다는 생각이 들었다. 다양한 능력을 키우기 위해 융합, 다중지능 등의 관련 화두가 많이 된다고 느껴지기때문이다. 잘 모르는 분야였고 관심이 적었지만 지금 UI, UX디자인이라는 것이 매우 관심받고 있는 것이라고 한다. ux는 사용자가 어떤 시스템, 제품등을 직간접으로 접하면서 느끼고 생각하는 총체적인 경험이라고 한다. UI는 사용자가 보게된느 콘테츠를 조작이 편리하고 유용하도록 설계하는 서비스를 말한다고 한다. 어도비adobe도 한글로 써있어서 처음에는 무슨뜻, 단어인줄 몰랐다. 하지만 내가 많이 사용하던 컴퓨터상의 용어였는데 몰랐던 것이다. 온라인시대에 온라인으로 쇼핑하는 것이 더욱 증가한 시대에 더욱 관심사와 시장이 커진 곳이라고 생각된다. 온라인상에서 판매를 했던 사람들은 온라인 판매장을 대부분 업체에 맡길것이다. 이 책은 이런 사람들에게도 크게 도움이 될것 같았다. 직접 만들기는 단시간에 어렵지만 아는 만큼 요구하고 관리를 잘 할 수 있을 것 같다. 사장은 뭐든지 알아야 직원에게 업무를 맡길수 있는 차원으로. 책안에 내용들은 설명과 함께 그림, 자료들이 제시되어 있다. 그래서 엑셀처럼 책을 옆에 두고 조금씩 직접 실행해보기에 도움이 되는 책이다. 시대가 바뀌니 책상에 엑셀책 뿐만 아니라 흐름에 맞는 컴퓨터와 관련된 책들이 더욱 꽂혀있게 된다. 이 책역시 그런부류의 책같다 |
|
책을 제공해준 YES24 감사합니다.
어도비 XD는 UX/UI 디자인 작업에 활용할 수 있는 웹, 앱 프로토타입 제작 프로그램이다. 평소 디자인에 대해 무지하기도 하고 손재주가 없어서 초보자에서 중급자정도까지의 실력으로 키우고 싶은 마음에 서평단 모집에 응모하게 되었다.
프롤로그
머리말에서 읽은 내용들 중 독자에게 전하는 말에 친절한 인상을 받았다 '자신의 도전에 감탄하며 배움의 기쁨을 아는 분일 것이라 짐작합니다. 자격증 공부로 다양한 분야의 이론서를 많이 구입했었는데 독자에게 감사 인사를 하는 책이 많지 않아서 기분 좋게 시작하는 느낌이었다.
맛있는 어도비 XD 책은 크게 Part1, 2로 구성되어 있고 책의 목차는 독자들이 모르는 기능들을 골라볼 수 있도록 상세히 분류되어 있다 UX/UI 디자인할 때 이 책을 보면 필요한 기능들을 빠르게 탐색해 참고할 수 있을 듯 하다.
이론으로 들어가기 앞서 Part1, 2에 대해 어떤 것을 공부할 것인지 안내하고 있다. Part1은 이론을 주로 배울 수 있고 프로그램을 조작하는 방법을 배울 수 있다. 활용편으로 넘어가기 전에 간단한 실습을 해볼 수 있다. Part2는 디자인을 미리 예시로 보여주고 직접 디자인할 수 있도록 만드는 과정을 상세하게 안내하고 있다.
예제 및 완성 파일은 한빛미디어 사이트에서 다운받을 수 있다.
본문
사진에 나와 있는 사이트 외에도 다양한 사이트를 소개하고 있고, 다양한 콘텐츠들의 종류와 범위 등을 알 수 있어서 웹의 목적과 역할을 제대로 배울 수 있다. 초보자들은 처음 접하는 내용들이 많기 때문에 다양한 사이트들을 제공해주는 것이 도움이 되었고, 책과 함께 공부하면 좋은 시너지와 아이디어를 얻을 수 있을 것 같다는 생각이 들었다.
단계별로 어떤 내용들을 학습할 수 있는지 알 수 있는데 책이 전체적으로 가시화가 잘 되어 있는 책이라고 느꼈다.
Part 2는 1에서 배웠던 내용들을 복습하는 겸 다양한 프로토타입을 만들어볼 수 있는 노하우들이 자세히 기록되어 있다.
완성파일을 미리 보여주고 만드는 과정들을 실습할 수 있다. 앱을 디자인은 어떻게 하는 걸까 궁금했는데 어도비 XD라는 프로그램으로 손쉽게 만들 수 있다는 걸 책을 통해 알게 되었다. 책의 내용을 다 찍어 올릴 순 없지만 만드는 과정이 생각보다 간단해서 실력을 더 키우면 근사한 작업을 할 기회가 많아질 것 같다.
책 끝에는 프로그램에서 작업할 때 필요한 단축키 표가 책갈피로 만들어져있다. XD프로그램이나 컴퓨터활용에 필요한 프로그램들 단축키를 정리한 표를 찾아보려고 하면 몇 개 빠져있거나 제대로 게시되어 있는 내용들이 잘 안 보여서 은근 불편하다. 이 단축키 표를 잘라서 계속 보고 외우면 디자인 작업을 더 효율적으로 할 수 있을 것 같다.
웹디자인 하는 사람들은 XD 프로그램만 사용하는 게 아닐 것 같은데 처음 시작하는 나같은 사람이나 좀 더 이론적인 부분을 자세히 알고싶은 사람들은 한빛미디어의 같은 시리즈인 '맛있는 디자인 CC 2021' 책 들 중 필요한 프로그램 이론서를 구입하면 기본을 잘 잡을 수 있을 것 같다.
마무리
이론서가 없어서 인터넷에서 필요한 내용들을 서치해가면서 공부할 예정이었다 그런데 운좋게 서평단에 당첨되어서 이 책을 통해 다양하게 실습하며 공부할 수 있게 되었다 나중에는 이 책을 보지 않아도 뚝딱 만들 수 있는 프로그램 활용자가 되고싶다 개인적으론 다음에 기회가 된다면 프리미어 프로 책을 구입해서 동영상을 만드는 방법을 배우고싶다. 어도비의 모든 것을 배우고 싶지만 아무 것도 모르는 사람들에게 이 책을 추천한다.
YES24 리뷰어클럽 서평단 자격으로 작성한 리뷰입니다. |
