안녕하세요, 에릭입니다. 오랜만에 인사드려요. 오늘은 요즘 디자인 업계에서 벌어지고 있는 변화, 그리고 그걸 직접 해볼 수 있는 영상 하나를 들고 왔어요. 피그마 주가가 하루에 7% 떨어진 날 두 달 전에 '클로드 디자인'이라는 게 나왔습니다. 그리고 그날, 피그마 주가가 하루에 7%나 떨어지는 일이 있었어요. 시장이 이렇게 반응했다는 건 의미가 커요. 이제 UX/UI 디자인도 손으로 그리는 작업에서 프롬프트로 만드는 방향 으로 가고 있다는 것. 그리고 클로드 디자인이 내놓는 결과물이 그 흔한 'AI 티'가 나는 게 아니라, 디자이너가 만든 것 같은 수준 으로 나오고 있었다는 겁니다. 저도 직접 써보면서 확인했어요. 보라색 그라디언트에 어디서 본 듯한 화면이 아니라, 브랜드의 톤을 지키는 정돈된 결과물이 나옵니다. 말만 하면요. 아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요 피그마 같은 툴을 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다. 그리고 피그마 같은 툴을 모르시더라도 도전해보신다면 충분히 원하시는 결과를 얻으실 수 있도록 처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다. 클로드 디자인 A to Z 마스터클래스 (유튜브, 47분 분량) 브랜드 하나를 처음부터 끝까지 세우는 전체 과정이에요. 이론만 배우는 게 아니라 'Flowdeck'이라는 칸반 보드 앱을 실제로 만들어서 배포까지 했습니다. 순서는 이렇게 됩니다. - 브랜드 컨셉 & 로고 — 프롬프트만으로 시안 3개 뽑고 고르기 - 브랜드 가이드라인 — 미션·철학·보이스앤톤까지 - PRD & 화면 정의서 — '기획서'가 처음인 분들을 위한 개념 설명 포함 - 디자인 시스템 구축 — 컬러·폰트·컴포넌트를 하나의 원천으로 - 와이어프레임 → 하이파이 프로토타입 — 그리고 클로드 코드와 연동해서 실제 작동하는 앱으로 구현 - 랜딩 페이지 + 피칭덱 + 카드 캐러셀 까지 — 전부 같은 브랜드 톤으로 포인트는 산출물 하나하나가 아니라, 브랜드 가이드라인이라는 뿌리 하나에서 모든 결과물이 일관되게 뻗어 나오는 워크플로우 를 가져가시는 겁니다. 회사에서 몇 명이 나눠 하던 일을, 이제 혼자서 하실 수 있어요. "PRD가 뭐지, 디자인 시스템은 어디까지지" 막막했던 분들, 포트폴리오에 '실제 출시한 제품'을 넣고 싶었던 분들에게 특히 도움이 될 거예요. ▶ 마스터클래스 영상 보러 가기 커피 한 잔 준비하시고, 가능하면 화면 옆에 클로드 켜두고 따라 해보세요. 실습에 쓴 문서들(브랜드 가이드라인·PRD 등)도 해당 유튜브 영상 댓글에 공개해뒀습니다. 그럼, 다음에 뵈요. 에릭 드림 [카카오 그룹챗 안내] 카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다. 그룹챗 조인하기 >>
안녕하세요, 에릭입니다. 오랜만에 인사드려요. 오늘은 요즘 디자인 업계에서 벌어지고 있는 변화, 그리고 그걸 직접 해볼 수 있는 영상 하나를 들고 왔어요. 피그마 주가가 하루에 7% 떨어진 날 두 달 전에 '클로드 디자인'이라는 게 나왔습니다. 그리고 그날, 피그마 주가가 하루에 7%나 떨어지는 일이 있었어요. 시장이 이렇게 반응했다는 건 의미가 커요. 이제 UX/UI 디자인도 손으로 그리는 작업에서 프롬프트로 만드는 방향 으로 가고 있다는 것. 그리고 클로드 디자인이 내놓는 결과물이 그 흔한 'AI 티'가 나는 게 아니라, 디자이너가 만든 것 같은 수준 으로 나오고 있었다는 겁니다. 저도 직접 써보면서 확인했어요. 보라색 그라디언트에 어디서 본 듯한 화면이 아니라, 브랜드의 톤을 지키는 정돈된 결과물이 나옵니다. 말만 하면요. 아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요 피그마를 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다. 그래서 처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다. 클로드 디자인 A to Z 마스터클래스 (유튜브, 47분 분량) 브랜드 하나를 처음부터 끝까지 세우는 전체 과정이에요. 이론만 배우는 게 아니라 'Flowdeck'이라는 칸반 보드 앱을 실제로 만들어서 배포까지 했습니다. 순서는 이렇게 됩니다. - 브랜드 컨셉 & 로고 — 프롬프트만으로 시안 3개 뽑고 고르기 - 브랜드 가이드라인 — 미션·철학·보이스앤톤까지 - PRD & 화면 정의서 — '기획서'가 처음인 분들을 위한 개념 설명 포함 - 디자인 시스템 구축 — 컬러·폰트·컴포넌트를 하나의 원천으로 - 와이어프레임 → 하이파이 프로토타입 — 그리고 클로드 코드와 연동해서 실제 작동하는 앱으로 구현 - 랜딩 페이지 + 피칭덱 + 카드 캐러셀 까지 — 전부 같은 브랜드 톤으로 포인트는 산출물 하나하나가 아니라, 브랜드 가이드라인이라는 뿌리 하나에서 모든 결과물이 일관되게 뻗어 나오는 워크플로우 를 가져가시는 겁니다. 회사에서 몇 명이 나눠 하던 일을, 이제 혼자서 하실 수 있어요. "PRD가 뭐지, 디자인 시스템은 어디까지지" 막막했던 분들, 포트폴리오에 '실제 출시한 제품'을 넣고 싶었던 분들에게 특히 도움이 될 거예요. ▶ 마스터클래스 영상 보러 가기 커피 한 잔 준비하시고, 가능하면 화면 옆에 클로드 켜두고 따라 해보세요. 실습에 쓴 문서들(브랜드 가이드라인·PRD 등)도 해당 유튜브 영상 댓글에 공개해뒀습니다. 그럼, 다음에 뵈요. 에릭 드림 [카카오 그룹챗 안내] 카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다. 그룹챗 조인하기 >>
첫번째 화면 처럼 상품확대 이미지가 이미지 안에 들어가야하는데 두번째 화면의 왼쪽 레이어를 보면 이미지5가 상품확대 안으로 안들어가져요 이미지들을 flatten slection을 만들었는데 이미지로만 남겨지구요 그리고 상품확대 인스턴스를 이미지 위에 덮으면 프로토타입이 걸리지만 이미지가 안 덮어지면 프로토타입이 안 걸려요 해결방법 상세히 알려주시길 바랍니다.
안녕하세요~ 덕분에 강의 잘 듣고 많은 도움 받고 있습니다 (_ _) 다름이 아니라, 강의 소개에 25년 하반기에 '인앱 결제' 관련 추가 강의가 예정되어 있다고 본 것 같아서요. 혹시 해당 강의 업로드 일정이 어떻게 되는지 알 수 있을까요? 기대하면서 기다리고 있는 내용이라 혹시 예정된 일정이 있다면 알려주시면 감사하겠습니다!
프레임의 사이즈를 조정하려고 축소할 때 벡터의 경우 프레임과 함께 사이즈가 줄어들고 위치가 조정되어 문의 드립니다. 프레임의 사이즈를 조정할때 벡터 사이즈와 위치를 고정할 수 있는 방법은 무엇인가요? 벡터 이미지를 고정 걸어보았는데도 안돼서 문의드려봅니다 답에 참고가 되실까 싶어 조정하기 전과 조정한 후를 보내드립니다.
구글 개발자 계정 생성시 시 개발자 프로필 및 연결된 개발자 계정도 항목에 있더라구요 이 부분도 추가해야 개발자 계정 생성이 가능한걸까요? 개발자 프로필에서 공개 계정 세부정보에서 아래와 같은 설명이 있어서 꼭 추가해야하는건지 궁금합니다 Google은 조직 인증 용도로 이 정보를 사용하며 이 정보를 최신 상태로 유지하지 않으면 개발자 프로필 및 앱이 Google Play에서 삭제될 수 있습니다. 개발자 인증 자세히 알아보기
쌩초보, 비전공자를 위한 [HTML 스타터] 부트캠프 모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.] [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.] 이렇게 강의를 수강 중입니다. 수강 기한을 무제한으로 연장시켜주시면 감사하겠습니다!
3 분 1초에 레이아웃 그리드 만들때 프레임을 그냥 새로 만들어서 한건가요? 똑같이 따라했는데 분홍색 배경이 안 만들어지는데요 가운데 컬럼 그냥 얇게 하나만 나타나고요 UI 도 너무 다르고 예제 파일도 업데이트 다운받았느데 그냥 다 다르고 제대로 확인하시는 지도 궁금하네요 그냥 뭔 설명없이 화면도 그냥 넘겨버리시고 실습으로 따라하기 매우 힘든 영상입니다.
