@@5ssam 아~ 저도 프론트엔드쪽 준비하는데 하다보니 UIUX 영역쪽도 관심이 생겨서 틈틈히 같이 병행하며 공부하고 있습니다. 강의를 워낙 쉽고 재미있게 알려주셔서 그런지 저한테 너무 잘맞는 것 같습니다. 리엑트나, 자바스크립트 영상도 더 많이 만들어졌으면 좋겠네요 ㅎㅎ 항상 감사합니다
메인 컨텐츠들 즉, 메인이미지 아래 부분의 컨텐츠가 크게 3컬럼으로 나오고 있습니다. 진한 남색 아래는 컨텐츠가 큰 주제로 3개가 수평나열 되어 있습니다. 컬럼은 수평으로 나열되는 큰 묶음 컨텐츠를 의미합니다. 사실 삼성화재는 메인 컨텐츠를 3개로만 하고 있는데, 그렇다면 3컬럼 그리드 시스템으로 해도 됩니다. 근데 보통 사이트들은 3,4컬럼을 많이 쓴다고 하면 공배수인 12컬럼 그리드로 많이 사용됩니다. 근데 3, 5컬럼을 사용하는 사이트다라고 하면 15컬럼 그리드로 사용됩니다. 삼성화재는 지금 현재 3컬럼으로 처리해도 되지만 보통 디자인할 때는 12컬럼, 15컬럼을 많이 사용해서 예시로 12컬럼으로 처리했습니다.
간단하고 명료한 좋은 강의 감사드립니다! 질문이 하나 있는데 가이드 부분에서 가이드 삭제할때 저는 아트보드 1과 2의 가이드 선이 이어져있어서 선생님처럼 아트보드 2에 관한 가이드선만 삭제하고 싶어도 가이드 선이 하나로 인식되어서 다 같이 삭제되는데 이건 왜 그런걸까요..?!
혹시 피그마 인터페이스가 바뀌었을까요? 24.1.24일에 설치해서 깔아보니 좀 달라서요. 제일 처음 new design file도 안 보이고. 데스크용으로 깔았는데 그것도 좀 다르고...데스크용 깔라고 하는 것의 위치도 상단 오른쪽이였음 저는 상단 왼쪽에 있어서 한참 찾았거든요...ㅠㅠ
![[피그마강좌] #03. 사각형과 원형 도형툴](http://i.ytimg.com/vi/dV93yNGxMuQ/mqdefault.jpg)
![[피그마강좌] #03. 사각형과 원형 도형툴](/img/tr.png)
![[피그마강좌] #04. 다각형툴과 별툴과 선툴](http://i.ytimg.com/vi/YM0XDC2Kdlc/mqdefault.jpg)
** UI3용 영상은 아래 주소에 있습니다.
ua-cam.com/video/0sXTWvFDFP4/v-deo.html
정말 알기 쉽게 설명해주시네요. 오쌤 덕분에 피그마 입문 잘하고 있습니다.
열심히 하시는 모습이 보기 좋습니다! 화이팅하세요👏👏
여기가 제일..명료하다........ 이해를 하고있어요........넘나..쉬워요!
쉽다니 다행입니다ㅜㅠ 즐겁게 열공하세여
아. 정말 저한테 필요한 강의였는데, 너무 좋은 강의 만들어 주셔서 감사드립니다.
좋은댓글감사합니다😎
피그마 배우고싶어서 영상들을 찾고있었는데 너무 좋은 강의를 찾았습니다 ㅠㅜㅠㅜ 감사합니다
좋은 댓글 감사합니다😆 공부 화이팅입니다!
감사합니다. 아주 기초적인 강좌를 찾고 있었는데 너무 감사합니다. 열심히 제가 공부하겠습니다. ^^
넵~ 더 좋은 영상 많이 올리겠습니다^^
UX UI 어디선가 알게돼서 일단 강의 보고있는데 재밌고 설명 잘 해주시네요 bb
이렇게 설명 잘하고 컨텐츠 만들 수 있는것도 부럽습니다
좋은 댓글 감사합니다!😍
대박! 정말 명료하고 쉽게 잘 가르쳐 주셔서 감사해요!! 피그마 강의가 필요했는데 도움 많이 받겠습니다!^^
좋은 댓글 감사드립니다~ 많은 좋은 강의 올리겠습니다!
피그마 공부하려고 구독합니다. 일단 초보자가 따라하기 쉬운 레벨이네요.
구독 감사합니다~ 공부화이팅하세요👍👍👍
학원을 통해 배울 때 너무 진도가 빨라 따라가기 급급했는데 누구나 쉽게 배울 수 있도록 만들어주셔서 감사드립니다
멤버십 형태라도 포토샵이나 일러스트 강좌도 만들어졌으면 좋겠네요
제가 프론트쪽이라 코딩 우선으로 강좌를 만들 예정이긴 한데, 포토샵이나 일러스트레이터도 생각해보도록 하겠습니다!
@@5ssam 아~ 저도 프론트엔드쪽 준비하는데 하다보니 UIUX 영역쪽도 관심이 생겨서 틈틈히 같이 병행하며 공부하고 있습니다.
강의를 워낙 쉽고 재미있게 알려주셔서 그런지 저한테 너무 잘맞는 것 같습니다. 리엑트나, 자바스크립트 영상도 더 많이 만들어졌으면 좋겠네요 ㅎㅎ 항상 감사합니다
자바스크립트 영상을 올렸는데, 반응이 별로 없어서,
올릴 의지가 잘 안생기네요 ;ㅁ;
워낙 유튜브들이 많아서 그런 것 같네요.
제가 영상을 많이 올리고 싶도록 많은 홍보 부탁드려요😊
초보자에게 너무 좋아요ㅠㅠ
좋은 댓글 감사합니다😌 오늘도 힘내서 강좌를 만들어보겠습니다😆
강의 감사합니다
좋은 강의 감사합니다!
도움이 되셨다니 다행입니다.👍
초보자 입니다.
컬럼 그리드를 잡는 이유가 어떤것 때문인지 궁금합니다.
제 생각은 레이아웃 잡는 것 떄문인건가? 생각이 드네요..
맞습니다. 디자인에 균형감을 주기 위함입니다. 최근에서는 웹, 태블릿, 모바일이 한번에 처리되는 반응형 웹을 디자인해야하다보니 더욱 중요해졌습니다. 디자인을 계속 해보시면 왜 중요한지 알게 되실 겁니다.
@@5ssam 감사합니다.
안녕하세요. 강의 잘보고 있습니다 :) 질문하나 드려도 될까요? 16:36 에 나오는 삼성화재 예시 사이트에서 마진의 개념은 눈에 확 들어오는데 거터의 갯수(?)는 사이트의 어떤걸 기준으로 보고 판별하는 건가요?
메인 컨텐츠들 즉, 메인이미지 아래 부분의 컨텐츠가 크게 3컬럼으로 나오고 있습니다.
진한 남색 아래는 컨텐츠가 큰 주제로 3개가 수평나열 되어 있습니다.
컬럼은 수평으로 나열되는 큰 묶음 컨텐츠를 의미합니다.
사실 삼성화재는 메인 컨텐츠를 3개로만 하고 있는데, 그렇다면 3컬럼 그리드 시스템으로 해도 됩니다.
근데 보통 사이트들은 3,4컬럼을 많이 쓴다고 하면 공배수인 12컬럼 그리드로 많이 사용됩니다.
근데 3, 5컬럼을 사용하는 사이트다라고 하면 15컬럼 그리드로 사용됩니다.
삼성화재는 지금 현재 3컬럼으로 처리해도 되지만 보통 디자인할 때는 12컬럼, 15컬럼을 많이 사용해서 예시로 12컬럼으로 처리했습니다.
@@5ssam 감사합니다 :)
간단하고 명료한 좋은 강의 감사드립니다! 질문이 하나 있는데 가이드 부분에서 가이드 삭제할때 저는 아트보드 1과 2의 가이드 선이 이어져있어서 선생님처럼 아트보드 2에 관한 가이드선만 삭제하고 싶어도 가이드 선이 하나로 인식되어서 다 같이 삭제되는데 이건 왜 그런걸까요..?!
아직도 안될까요? 제가 지금 테스트해보니 따로 삭제가 잘 됩니다. 다시 한번 해보시길 추천드립니다.
@@5ssam 답글감사드립니다!다시 해보겠습니다💕
공부는 제가 하겠습니당~~~
😊 화이팅입니다👍
잘보고 있습니다..감사합니다
넵~ 좋은 강의 많이 올리도록 하겠습니다!😀
감사합니다 ^^
네~ 저도 감사합니다😄
오늘 첨 맘 먹고 따라 합니다...가이드 라인 옵션키 눌러서 내리는데..수치가 보여지질 않네여...저기 아랫분도 맥인데 안나온다고 하는게..왜 그럴까요..^^ 고맙습니다..조은강의..
수치를 보고 싶은 오브젝트가 선택이 안된 것이 아닐까요? 저도 맥이 있어서 맥으로 해도 잘 됩니다.
옵션키 눌러보세요. 저도 맥사용자인데 잘 나오네요.
아떤 상황인지는 몰라도 그 담날 부터는 잘 나어더리구여~~
맥에서도 잘 나오구여 담날 맥에서 해 봤슴다~
답변 감사합니다.
안녕하세요. 개발 송부를 하면서 디자인 퍼블리싱 쪽도 공부해야하는 사항이 발생하여 영상보며 공부중인데 혹시 유튜브 출처를 남기고 블로그에 글을 정리하여도 괜찮을까요??
넵~ 대신 많은 홍보 부탁합니다😆
@@5ssam 감사합니다!! 많은 홍보해서 더 많은 사람이 영상볼 수 있도록 할게요
모바일/데스크탑의 보통 최적 gutter 픽셀이 몇이다 라는 룰이 있나요?
모바일은 보통 8의 배수로 8, 16이런식으로 잘 작업하고, 데스크탑은 20을 최소로 5나 10단위로 늘려 나갑니다. 이건 디자이너나 회사마다 다를 수 있습니다.
@@5ssam 답변 감사드립니다!!! :)
mac 사용중인데요. alt 키 눌러서 가이드선 픽셀 표시 나오는 기능이, option이 아닌가요? 아무런 반응이 없네요 ㅠ
음.. 일단 맥의 옵션키가 맞긴 한데, 다시 한번 해보실래요?
혹시 해결 되셨나여? 저도 피씨에서 알트키 누르고 하는데 안되셔 궁금합니다.^^
❤
😆
그리드는 왜 만드는 건가요?
디자인 컨텐츠 배치를 잘 하려고 만듭니다~
@@5ssam 가이드 라인 같은 거군요 감사합니다
ㅠㅠ 알트 눌렀는데도 숫자가 안나오네요ㅠㅠㅠ 왜지..ㅠㅠ
기준이 되는 오브젝트를 잡고, [Alt]를 누른 후 간격을 보고 싶은 오브젝트에 마우스를 올리시면 됩니다!
인트로 보고 댓글을 안남길 수 없었다
공부는 누가?
니가
좋은 댓글 감사합니다😄😄😄
혹시 피그마 인터페이스가 바뀌었을까요? 24.1.24일에 설치해서 깔아보니 좀 달라서요. 제일 처음 new design file도 안 보이고. 데스크용으로 깔았는데 그것도 좀 다르고...데스크용 깔라고 하는 것의 위치도 상단 오른쪽이였음 저는 상단 왼쪽에 있어서 한참 찾았거든요...ㅠㅠ
네~ 좀 바뀌는 것 같아요. 피그마는 인터페이스를 계속 바꾸네요 ㅠㅠ