연정님~ 좋은 강의 정말 감사합니다! UX/UI 독학 하고 있는데 개발자와 협업 경험이 부족해서 질문 하나 드려도 괜찮을까요? :) 개발하는 제품이 애플 앱스토어와 안드로이드 앱스토어에 출시가 되는 전제가 있다면.. 주로 개발자에게 다른 grid 시스템/아이콘/스타일 적용한 두가지 스타일 버전을 공유해야 하나요? 아니면 예를 들어 ios 가이드라인을 따른 디자인이더라도 안드로이드 앱스토어에 출시되는데에 문제가 없나요? 답변 미리 감사드립니다!
부트스트랩 그리드 시스템 참고용 figma 파일 링크 첨부드립니다 : www.figmacrush.com/bootstrap-grid-v4-figma/ 명확한 가이드는 getbootstrap.com/docs/4.0/layout/grid/ 공식 사이트를 참고하시면 됩니다. ^^ 질문 감사합니다.
저는 모바일의 경우, 프로토타핑을 아이폰 기준으로 미러링해서 테스트를 하고 있어서 iphone 기준 가로 375 *812을 기본 해상도로 작업하고 있어요. 필요한 경우, 특정 화면만 320 버전을 별도로 만들기도 해요. 반응형을 고려해서 컴포넌트를 제작할 시 다양한 해상도에 대응이 가능합니다.
![[번외편] figma에서 프로토타입핑 어디까지 될까? (왓챠 APP #case-study) # prototyping #피그마](http://i.ytimg.com/vi/oY4EoQCOzeo/mqdefault.jpg)
![[번외편] figma에서 프로토타입핑 어디까지 될까? (왓챠 APP #case-study) # prototyping #피그마](/img/tr.png)
![Gunna - HIM ALL ALONG [Official Visualizer]](http://i.ytimg.com/vi/HiCxoDeo0hc/mqdefault.jpg)
* 동영상의 음성녹음 상태가 좋지 않기때문에, 소리를 키우셔야 시청이 가능한점 양해부탁드립니다.
*Layout Grid 참고 링크
1. 머터리얼 디자인 - 그리드 시스템: material.io/design/layout/responsive-layout-grid.html
2. Bootstrap - 그리드 시스탬: getbootstrap.com/docs/4.0/layout/grid/
* [참고 링크] Bootstrap 프레임웍 그리드 기반 Figma 샘플: www.figmafreebies.com/download/bootstrap-grid-templates-for-figma/
* 국가별 웹 브라우저 해상도 사용 비율 확인 사이트: gs.statcounter.com/
단비같은 영상..! 정말 감사합니다:)
감사합니다^^!
안녕하세요,
강의 내용 공유 감사합니다!
그리드 시스템 정보(화면에 보여지는)페이지는 material design페이지에서 찾앚볼 수 있나요?
안녕하세요 UX UI 배우고싶은 입문자 입니다.! 첫번째 강좌 잘들었고! 남은 영상들도 차근차근 공부해서 피그마 잘 활용해보고 싶네요.! 차근차근 천천히 잘알려주시는 목소리도 넘 좋아요! 이런 좋은 강의해주셔서 감사드립니다 :) 연정님!
감사합니다. 💕
피그마 강같은 강의를 찾아보게돼서 너무 기븝니다!!!!!!!! 새로운 툴이라 막막하기 그지없었는데 너무너무너무 도움이돼요 감사합니다 ♡
피그마 급하게 사용하는데 정말 많은 도움이 되고 있습니다 연정님 고마워요
차근차근 알려주셔서 정말 도움이 되는 영상이었어요!! 감사합니다!!앞으로도 좋은 피그마 영상들 부탁드려요!🥰🥰
감사합니다~ ㅎㅎ😍
연정님~ 좋은 강의 정말 감사합니다! UX/UI 독학 하고 있는데 개발자와 협업 경험이 부족해서 질문 하나 드려도 괜찮을까요? :)
개발하는 제품이 애플 앱스토어와 안드로이드 앱스토어에 출시가 되는 전제가 있다면.. 주로 개발자에게 다른 grid 시스템/아이콘/스타일 적용한 두가지 스타일 버전을 공유해야 하나요? 아니면 예를 들어 ios 가이드라인을 따른 디자인이더라도 안드로이드 앱스토어에 출시되는데에 문제가 없나요? 답변 미리 감사드립니다!
감사합니다!!! 너무 유용해요 피그마 덕분에 공부시작합니다
좋은 강의 감사합니다
저 궁금한게 있는데요 풀리스판시브 디자인 작업하실때 디자인은 어떤 해상도 기준으로 하시는지요. 저는 1920으로 하는데 풀반응형은 어떤 해상도 부터 작업하시는지 궁금합니다.
정말 도움이 많이되었어요 좋아요와 구독눌렀어요!!
굳굳 잘봤습니당 ~
전반적인 페이지 너비를 디자인대로 1440으로 픽스하면 될까요?라는 말이 페이지를 줄여서 볼 때 가로 폭이 안짤리게 하려면 어떤 사이즈로 말씀드려야 하는지 알 수 있을까요??
감사합니다.
그리드를 어떻게 써야하는건지 알수있을까요... 만드는건 보고 배워서 알겠는데 좌우 마진은 참고 할 수 있을 거 같은데 다른거 (컬럼, 거터)는 실제 어떻게 쓰인지 상상이 안가네요ㅠ
참조로 걸어주신 부트스트랩의 그리드 시스템은 어떻게 작성해아할까요? 컨테이너의 Max width 1140px로 잡아뒀더라구요. 이 경우 컨테이너 사이즈 기준으로 컬럼의 너비를 조절해줘야하는걸까요?
부트스트랩 그리드 시스템 참고용 figma 파일 링크 첨부드립니다 : www.figmacrush.com/bootstrap-grid-v4-figma/ 명확한 가이드는 getbootstrap.com/docs/4.0/layout/grid/ 공식 사이트를 참고하시면 됩니다. ^^ 질문 감사합니다.
선생님 좋은 강의 감사합니다. 모바일 플랫폼 창업을 준비 중이라 노베이스 상태에서 선생님 강의로 ui를 짜고 있습니다 ㅎㅎ 여쭤보고 싶은게 있는데 디바이스별로 프레임의 사이즈가 다른데 ui를 짤 때 모든 디바이스별로 짜야하는건지 궁금합니다.
저는 모바일의 경우, 프로토타핑을 아이폰 기준으로 미러링해서 테스트를 하고 있어서 iphone 기준 가로 375 *812을 기본 해상도로 작업하고 있어요. 필요한 경우, 특정 화면만 320 버전을 별도로 만들기도 해요. 반응형을 고려해서 컴포넌트를 제작할 시 다양한 해상도에 대응이 가능합니다.
감사합니다 감사합니다 감사합니다 ㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜㅜ
감사합니다 !!!
오 재밌어요
이 영상에서 작업하신건 다운로드 받아서 설치하신 피그마인거죠??
1:00 에 나온 머티리얼 디자인 가이드 피그마버전은 어디서 구할 수 있나요? 찾아보는데 안나오네요ㅠㅠ
해당 부분은 제가 별도로 번역한 페이지입니다~(참고로 공유용이 아닙니다.) 최신 버전은 머터리얼 공식 사이트를 참고하시면 됩니다. material.io/design/layout/responsive-layout-grid.html#columns-gutters-margins
@@yeonjung-figma 빠른답변 감사합니다!
저도 만들어서 사용해야겠네요ㅎㅎ
@@isk-nv3gv www.figma.com/resources/assets/material-design-themeing-ui-kit/ figma에서 제공하는 오픈 소스도 참고 하시면 머터리얼을 이해하는데 좋은 참고가 될거 같아요~ 추천드립니다 ^^
@@yeonjung-figma 정보 감사합니다 >
저 피그마 초보인데여 피그마에서 이미지 편집을 위해 포토샵으로 바로 갈수 있는 방법없나여? -_-
연정님 좋은강의 감사합니다. 저희집에서는 볼륨을 최대로 해도 거의 들리지가 않습니다. 어떻게 해결이 안될까 궁금합니다 ㅜㅠ
답글을 이제 보았네요. 영상 만들기 초보때라 많이 부족했습니다. ㅜㅡ 이 영상 이후 녹음기를 장만했어요. 추후에 레이아웃 그리드 관련해서 재 업데이트 예정입니다. 최근 피그마가 여러모로 개편 중이어서 영상을 처음부터 다시 만드는걸 고려중이에요. ㅎㅎ
영상 잘 보고 있어요 감사해요 부트스트랩 피그마 샘플 다운받았는데 이거 피그마에 설치 어떻게 하나요?
designer-story.tistory.com/m/38 블로그 본문 내용 중 5)번 참고하시면 될거 같아요~
피그마로 구글머터리얼 시스템 어떻게 여는건지 궁금합니다.
영상 속 샘플은 제가 자체 제작한 파일입니다. 유사한 샘플을 원하실 경우 피그마 커뮤니티에서 검색이 가능합니다.
혹시 회사명이?..
목소리가 너무작습니다.
Richard Cko 볼륨을 높여 주세요 ㅎㅎ 유튜브 초보라 음량 조절에 실패했습니다 ㅜㅡ
감사합니다!
감사합니다!