개발을 파헤치다/앱 만들기 튜토리얼(4)
-
Adobe XD 디자인을 Zeplin으로 Export하는 방법
Adobe XD에서 앱 디자인과 프로토타이핑까지 마쳤다면 이제 디자인 요소들을 준비해야죠! 디자인에 필요한 요소들을 안드로이드 프로젝트에 다 갖추고 개발을 시작하는 것이 편하고 좋거든요. 개인적으로 개발을 마치고 후에 디자인을 입혀본 적이 있는데 원하는 모양도 안 나오고 Activity 쪽 코드도 수정해야 하는 불상사가 발생했었습니다. (이건 물론 아키텍처나 구현 방식에 따라 얘기가 달라지지만요) 오늘은 이 디자인 요소들을 클라이언트 개발자가 정말 개발하기 편하게 도와주는 도구를 알려드릴 거예요. 그리고 XD로 만든 앱 디자인을 이 도구에 옮겨볼 예정입니다. 바로 Zeplin이라는 도구인데요. 이 도구 덕분에 디자이너와 개발자 사이의 거리가 많이 가까워졌다고 얘기들 많이 하더라고요. 일단 Zeplin 프..
2021.01.20 -
[앱 만들기 #2] Adobe XD 프로젝트 시작하기
앱 만들기 튜토리얼 두 번째 시간이네요 이 튜토리얼은 혼자서 앱 기획부터 개발까지 전체 과정을 보여드리는 튜토리얼인데요 완전히 모든 내용을 보여드리긴 어렵지만 굵직하게 중요한 부분과 앱 서비스를 만드는 전체적인 흐름을 보다 자세하게 보여드릴 수 있다는 점이 최강 장점일 것 같네요 (이 정도의 자세한 무료 강의는 아직 보지 못했네요ㅎㅎ) 이번 시간에는 Adobe XD로 프로젝트를 생성할 건데요 시작부터 플러그인을 설치합니다. Adobe XD로 하나하나 일일이 다 만들기는 상당히 어렵죠 게다가 안드로이드 어플을 프로토타이핑할 때 해당 사이즈도 존재하지 않습니다 그래서 레이아웃을 수동으로 만들어줘야 하는데... 이런 불편함을 감수하면서 진행하면 안 됩니다 불편한 게 있으시면 더 나은 방법은 없을까 고민하고 개..
2021.01.08 -
앱 프로토타이핑 툴 Adobe XD 설치하기
어플리케이션 시장은 여전히 성장하고 있고 기회의 땅이라고 생각합니다 당연 레드오션임에도 분명하지만 말이죠^^ 될 사람들은 어떻게 해서든 되도록 만드는 것 같아요 어플리케이션으로 수익을 내고 싶다면, 제일 중요한 건 이것을 만들 수 있는 개발 실력을 갖추는 것이 아니라고 생각합니다 진짜 괜찮은 것을 기획할 수 있는 능력이 있는가? 바로 이 질문에 대답할 수 있어야 합니다. 오늘 제가 이 질문에 대답할 수 있는 능력을 만들어드릴게요 :) 저 같은 개발자들은 디자인이 완료된 어플리케이션의 모습(흔히 디자인 요소, 스토리보드 등)을 보고 어플리케이션을 제작합니다. 흔히 기획, 디자인을 거친 다음에야 실제 제작에 돌입하는데요 개발에 들어가기전에 어플리케이션을 실제 모습과 비슷하게 흉내 낼 수 있는 도구가 있답니다..
2021.01.08 -
[앱 만들기 #3] Adobe XD에서 구성요소 만들기
이제 본격적으로 Adobe XD를 활용한 앱 프로토타이핑을 진행해볼 텐데요 1인 개발자에게 Adobe XD를 활용한 프로토타이핑이 너무 좋은 이유는 하나의 프로그램에서 기획/디자인을 완성하고 실제 어플리케이션처럼 구동해 볼 수 있다는 점에 있죠 아마 제일 먼저 스플래시 화면(어플을 켜면 제일 먼저 나오는 화면)과 메인 화면을 기획하게 됩니다 가장 먼저 하면 좋은 것은 바로 구성요소들을 만들어 놓는 것입니다 상단 바나 하단 바 같은 경우에는 화면마다 등장하는 요소입니다 이것을 매번 만들려고 하면 너무 번거로울뿐더러 수정하는 상황이 발생할 경우 곤란하겠죠 ;; Adobe XD에서 제공하는 구성요소를 활용하면 고민할 필요가 없어집니다 보시는 바와 같이 구성요소로 만들 컴포넌트(요소)들을 선택해주세요 Shift..
2020.10.29