inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

4일 안으로 UI 디자인 완료 후 개발자한테

미해결

안녕하세요. 저는 스타트업의 1인 신입 디자이너라 판단이 어려워 조언 부탁드립니다.. 와이어프레임이 비교적 체계적으로 구성되어 있고, 전체 페이지가 약 70장 정도 됩니다. 이 경우 4일 안에 UI 디자인을 완성해 개발자에게 넘기는 게 현실적으로 가능한지 궁금합니다. 런칭 가능한 수준의 완성도를 요구하고 있습니다..ㅠ 제 생각으로는 불가능할 것 같은데 뭐라고 얘기해야 설득이 될까요

  • uiux
  • 개발자
  • UI디자인
박소현 댓글 0 좋아요 0 조회수 50

웹을 제작할땐 프레임을 몇으로 잡는게 좋아요?

미해결

AI 도구와 피그마를 활용한 앱 서비스 기획

모바일은 360x640이라고 알려주셔서 하면 되는데요. 보통 노트북으로 접속하는 사용자가 많은 서비스를 만드는데요. 어떻게 잡고 가면 좋을까요? AI는 1440 x 900 이라고 알려줍니다. 이대로 하면 될까요? 이게 AI가 믿을수가 없는게 모바일도 첨엔 370으로 알려주더라구요. 360이 맞지 않냐 하니까 "아 죄송합니다!"이러고요.

  • 프로토타이핑
  • figma
  • 서비스-기획
  • 인공지능(ai)
  • uiux
  • 카카오공채-서비스
박상원 댓글 1 좋아요 0 조회수 91

캡쳐할때 쓰시는 프로그램 이름 알 수 있나요?

미해결

AI 도구와 피그마를 활용한 앱 서비스 기획

캡쳐 하실때 쓰는 프로그램이 좋아보이는데요. 이름이 궁금합니다

  • 프로토타이핑
  • figma
  • 서비스-기획
  • 인공지능(ai)
  • uiux
  • 카카오공채-서비스
박상원 댓글 1 좋아요 0 조회수 131

실제로 개발할때 IA, 페르소나만 있으면 되나요?

미해결

AI 도구와 피그마를 활용한 앱 서비스 기획

제가 앱을 하나 개발중인데요. 저 혼자 1인 개발로 하고 있습니다. 일단 생각나는데로 페이지 하나씩 개발하다보니 페이지 다 만들고나서 기능 추가, 수정을 위해 갈아 엎는 경우가 계속 생기더라구요. AI에 물어보니, 혼자서 개발할 때의 적용 순서 (요약) "대참사"를 막기 위한 가장 이상적인 생각의 흐름은 다음과 같습니다. "누구를 위한 앱이지?" -> 유저 페르소나 를 간단히 정의한다. (예: "30대 초반의 이직 준비생, 김코딩") "김코딩은 지금 어떤 어려움을 겪고 있지?" -> 유저 저니맵 을 그려본다. (예: "강의 정보가 흩어져 있어 비교하기 힘들다"는 Pain Point 발견!) "좋아, 이 문제를 우리 앱으로 어떻게 해결해 줄까?" -> 핵심 기능들의 유저 플로우 를 그린다. (예: "강의 비교하기" 플로우, "수강 신청" 플로우를 그려보며 필요한 화면들을 구체화한다.) "그래서 우리 앱은 총 몇 개의 화면이 필요하고, 메뉴는 어떻게 구성할까?" -> IA 를 정리한다. (예: 엑셀에 필요한 페이지 목록과 메뉴 구조를 쭉 적는다.) "각 화면의 레이아웃은 어떻게 잡고, 흐름은 자연스러운가?" -> 와이어프레임/프로토타입 을 만든다. (예: Figma로 간단히 화면들을 그리고 연결해서 직접 클릭해본다.) "오케이, 이대로 만들면 되겠다!" -> 이제 개발을 시작한다. 이 과정을 거치면, 개발 단계에서는 이미 구조가 다 정해져 있기 때문에 '뭘 만들어야 하지?'를 고민하는 대신 '어떻게 잘 만들지?'에만 집중할 수 있습니다. 라우팅이 꼬이거나 페이지를 뒤엎을 확률이 극적으로 줄어들게 됩니다. 위와같이 얘기해주는데요. 유저 저니맵과 유저 플로우는 따로 할 필요가 없나요? 선생님 강의에 내용이 없는거 같아서요. 그리고 와이어프레임과 프로토타입은 같은거에요?

  • 프로토타이핑
  • figma
  • 서비스-기획
  • 인공지능(ai)
  • uiux
  • 카카오공채-서비스
박상원 댓글 2 좋아요 0 조회수 218

Auto layout 관련

미해결

UXUI 디자인 6주 완성 챌린지 (w. 피그마)

안녕하세요. 표제 관련 문의 드립니다. 수업대로 박스 생성 후 텍스트를 넣었고 그룹화한 다음에 add auto layout을 하였습니다. 이렇게 구두 박스를 만들고 복사해서 스니커즈를 만드려는데, auto layout이 됐음에도 텍스트가 프레임 밖으로 삐져 나옵니다. 구두 프레임 width를 hug로 맞추면 복사한 프레임 내 텍스트가 삐져나오는 현상을 막을 수는 있으나 선생님이 하신 것처럼 구두는 width를 작게 시작해서 스니커즈같이 긴 것은 긴대로. 이런식으로 구현하려면 어떻게 해야 하나요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
  • uiux
platform_Biz 댓글 3 좋아요 0 조회수 138

component, frame, variants 그리고 컴포넌트에 새로운 property 추가하기 관련 질문

미해결

UXUI 디자인 6주 완성 챌린지 (w. 피그마)

안녕하세요. 질문드립니다. frame과 component, variants, instance의 관계를 다시 설명해주시면 감사하겠습니다. 그리고 실제로 수행하는 부분에서 잘 안되는게 있어서 질문드립니다. Icon/Button component에 새로운 1,2번 아이콘을 추가하려고 합니다. 그런데 기존 Icon/Button variants로 합쳐지지 않아요. 1,2번을 선택하면 우측에 combine as variants 버튼이 확인되는데 Icon/Button 자체가 variants라서 그런가? 잘 안되네요. 이렇게 variants 자체를 클릭하면 추가할 수는 있는데 제가 새로 만든 1,2번을 추가하는 것이 원활하게 잘 안되고 있습니다 ㅜㅜ 이때부터 어떻게 바꿔야 하는지 잘 모르겠어서 추가가 잘 안되고 있는데, 혹시 알려주실 수 있으실까요?

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
  • uiux
platform_Biz 댓글 3 좋아요 0 조회수 158

미묘하게 다른 구조 ㅜㅜ

미해결

UXUI 디자인 6주 완성 챌린지 (w. 피그마)

PC 앱 버전이나 브라우저 버전이 모두 강사님과 위치나 이런 것들이 다르고.. Arrow auto plug in도 조회가 안됩니다. 이런 것들이 없는 경우나, 구조가 다른 경우(찾아 보니 현재 버전은 좀 구조가 다르다던데..)에 대한 설명이 보완됐으면 좋겠어요. 찾다가 시간 가네요.

  • 웹-디자인
  • 모바일-디자인
  • figma
  • 프로덕트디자인
  • uiux
platform_Biz 댓글 2 좋아요 0 조회수 98

인기 태그

인프런 TOP Writers

주간 인기글