Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
🔥나만 모르고 있는 폰트 원칙 7가지 실무 Tip 🔥ua-cam.com/video/w9vBVPCH69Q/v-deo.html
0:5301. 여백을 활용한 폰트 그룹 - 여백은 과감히 넓게 > 좁혀나가기1:4502. 아코디언 테이블 여백 - 하단부의 여백을 더 넓게 줌으로써 그룹핑 효과2:2103. 연관 검색어 여백 활용 - 클릭오류 방지, 손가락 두께 고려하기3:2304. 카드 UI 여백 활용 방법 - 상하 여백, 라운드, 이미지보다 안쪽영역5:1505. 상품 섬네일 여백 활용 방법 - 단 구분 여백 넓게6:2406. 각 타이틀간의 여백 활용 방법 - 여백, 라인으로 그룹핑 효과7:5107. 중요도에 따른 여백 활용 - 타이틀, 본문, 버튼 중요도별 여백 차이
항상 좁혔다 넓혔다~ 내 눈을 의심할 때까지 조절하다 지쳤는데... 유용한 팁 감사합니다👍🏻
감사합니당!
이 시리즈 또 언제 나오나요? 너무 이해하기 편해요
이 영상을 보고 제 디자인을 보니.. 이제는 잘 따라하는 것도 많이 보였지만, 아직도 부족한게 많다는 걸 느낄 수 있었던 영상입니다. 오늘도 항상 기본기에 충실할 수 있게 해주시는 좋은 영상에 쌍따봉 ㅜㅜ
감사합니당!!
여백, 행간 조정 하는 게 언제나 애매해서 디자인에 대한 자신감이 떨어지는데, 이런 세심하고 좋은 정보 알려주셔서 감사합니다.
도움되셨다니 다행입니다~
너무나 좋은 말씀인데 배경음악 컨셉을 혹시 바꿔주실 수 있나요? 정신세계로 들어가는 ASMR 브금같아요 ㅠ
허걱..네넵 ㅠ
너무 멋진 강의입니다..항상 감사합니다
5년 일하면서 느꼈던 원칙을...10분만에 간략히 모두 말씀주셨당...여백관련해서 좁혀달라는 말 나오면이 링크 공유해도 좋겠어요 너어무 쉽고 도움되는 정보였습니당
고맙습니다~!
중급고급 여백 스킬 어서 빨리 보고 싶네요 😊 유용한 영상 감사합니다
좋은 강의 정말 감사합니다.
저도 감사합니다₩
가장 중요한 정보 같습니다. 사실 여백만 잘 잡아두면 나머지는 원하는 대로 만들어도 좋은 작품이 나옵니다. 게다가 요즘 material 3 같은 UI 키트가 매우 잘 나와있어서 활용만 하면 되는데 여백, 공간 활용을 못하면 아무리 보기 좋은 키트도 소용이 없더라고요. 이 분야 관련해서 더 많이 볼 수 있으면 좋겠네요.
좋은 말씀 감사합니다.
너무 제가 고민하는 것들에 대해서 친절히 알려주셔서 바로 구독박았습니다~
이 영상 너무 유익해용! 2탄으로 여백 치수도 알려주는 2탄 희망합니다❤
접수완료!
감사합니다!!
깔끔한 설명과 이해를 돕는 예시, 시원하게 탁 트인 화면 모든 것이 베리 베리 굿입니다. 감사합니다. 👍
도움되셨다니!! 다행입니다 ㅎㅎ
이런 고급 스킬을 ㅎㅎ 너무 유용합니당
파이티이이잉~
너무 도움이 되었습니다. 감사합니다!!☺
도움이 되셨다니 다행입니다.
와 카드 ui에서 라운드때문에 항상 텍스트랑 정렬맞춰도 안맞아보였는데 맞추긴 해야하고 그래서 고민했었는데 역시 들여쓰는게 시각적으로 편한게 맞았군요 너무 신기하네요 ㅎㅎ 감사해요!
그쵸 ㅎㅎ 그런 부분들이 좀 어려웠을 듯해서 추가했습니당
교수님 최고.
아이고 저는 교수는 아닙니당 ㅠ
감사합니다!! 홈페이지의 여백에 관해서도 다뤄주실 수있을까여ㅠㅠ?!!
기회가 된다면~!! 해보도록 할게용
감사합니다!
핵심만 쏙쏙 전달해주시는 게, 영상 자체도 여백이 잘 활용된 느낌이네요. ㅎㅎㅎ 좋은 영상 감사합니다.
역시 기본이 중요하군요 영상 잘 봤습니다
오 첫댓글!!! 오늘도 하나 더 배웁니다💙
오 첫 댓 감사합니다!
깜소ㅑ합니다. 포토샵 여백 동일하게 맞추는거 찾다가 흘러들어왔는데 일단 환기하고 갑니다. 건강하세요. 그래야 오래 많이 알려주죠.
깜사~ 합니당!ㅎㅎ
와 진짜 꿀팁이네요 신기방기
감사합니당!! 신기방기
카드 ui 하면서 텍스트를 사진이랑 딱 맞게 정렬했더니 뭔가 균형이 안 맞는 느낌이라 고민했는데 역시 안쪽으로 넣어주는 게 맞았군요!ㅎㅎ 좋은 강의 감사합니다
ㅎㅎ잘 하고 있으셨군요 ㅎㅎ
디자인 배우고 있는 중인데 도움이 많이 될것 같아요 좋은 정보 알려주셔서 감사합니다~목소리도 너무 좋으셔서 보는데 재미도 있네요
취준생인데 항상 좋은 영상 만들어주셔서 감사해요! 팀플하다보면 의견이 워낙 달라 여백을 어떻게 해야되나 걱정했는데 마디아님 덕분에 시각적 근거로 보여주기도하고, 도움이 많이 됩니다!🫶
기본기 학습이 되셨으면 좋겠어요 ㅎㅎ
작년에 fail 났던 프로젝트에서 고객이 이야기했던 내용인데, 제가 전혀 인지를 못했거든요. 오늘 영상을 보니까 어떤 느낌으로 말씀했는지 알거 같습니다. 영상 너무 감사합니다. 웹디자인할 때 이제는 여백도 신경쓸 수 있을거 같아요!!
굿굿♡♡꿀팁사랑합니다
저도 사랑요 ㅎㅎ
기본이지만 제가 모르고 놓친 부분도 많네요! 감사합니다~ 특히 라운딩 들어갈때 여백!! 더 많이 배워야겠어요 😛😛😛
기본보다 중요한 것은 없죠 ㅎㅎ
취미로 웹디자인이랑 웹개발을 하면서, 마디아님 영상 보면서 열심히 배우고 있습니다.항상 좋은 정보와 여러가지 팁들을 알려주셔서 감사합니다. ^^
좋은 상의 감사합니다.
진짜 여백하기 어려워요. ㅠㅠ 이제 공부 막 시작인데. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
항상 감사합니다
감사합니다~
저는 게임쪽 UI를 하고 있는데, 많이 배우고 있습니다. 항상 감사합니다.
이건 돈주고도 못배우는건데 너무 좋은정보 주시는거 아닌가요? ㄷㄷㄷ
도움되셨나요?~ 감사합니다~
이거 진짜 유용..!!
고맙습니당!
마디아님 오래전영상이지만 질문있습니다~ 그리드를 활용해서 카드ui를 만들려고 한다면 컬럼 끝에 이미지를 배치하고 텍스트를 컬럼 안으로 들여쓰는게 일반적인 구성인가요?
😀😃😄😁😆😅🤣안녕하세요 디자인 마디아 선생님
이제 디자인 배우기 시작했는데요. ux/ui 디자이너랑 웹디자이너랑은 다르다던데 ux/ui 디자이너도 웹 디자인을 하나요?? 아니면 앱만 하나요?
uiux가 웹디자인도 다 포함하고 있는 거라 생각하시면 됩니당 ㅎㅎ
포토샵 포스터나 디자인 할때 어떻게 여백을 주는 것이 좋을까요 😀😃😄😁😆😅🤣
음!! 이건 질문이 너무 광범위 하네용!
지금 알아챈건데 카드 텍스트 불안해 보이는 게 라운드 처리 때문에 썸넬 밑 수평선 시작지점이 안으로 들어오면서 그런거네요 ㅋㅋㅋㅋㅋ여백 정도는 베이스 여백을 잡고 배수로 늘려주면 되는건가요? 수치를 어느정도 잡아야 하는지를 모르겠네요
마디아님 정해진 여백을 정할때 정해진 값은 따로 없는건가요? 😊
통상적으로 많이 겹치는 여백은 있지만 꼭 이 여백 값을 사용해야 된다는 없습니당~
@@UXUIDesign 답변 감사합니다☺️
❤
알아두면 여기저기 쓰일 팁ㅠ
맞습니당 ㅎㅎ
어도비 포토샵에서 텍스트 작업할때 여백을 어떻게 하면 디자인이 꾸밀 수 있을까요
꾸르팁..
![처음과 끝이 너무 다른 포트폴리오 [시청자 컨펌]](http://i.ytimg.com/vi/BuqVZT51M3c/mqdefault.jpg)
![이 습관 못 고치면 취업 힘들어요 [시청자컨펌]](/img/n.gif)
🔥나만 모르고 있는 폰트 원칙 7가지 실무 Tip 🔥
ua-cam.com/video/w9vBVPCH69Q/v-deo.html
0:53
01. 여백을 활용한 폰트 그룹
- 여백은 과감히 넓게 > 좁혀나가기
1:45
02. 아코디언 테이블 여백
- 하단부의 여백을 더 넓게 줌으로써 그룹핑 효과
2:21
03. 연관 검색어 여백 활용
- 클릭오류 방지, 손가락 두께 고려하기
3:23
04. 카드 UI 여백 활용 방법
- 상하 여백, 라운드, 이미지보다 안쪽영역
5:15
05. 상품 섬네일 여백 활용 방법
- 단 구분 여백 넓게
6:24
06. 각 타이틀간의 여백 활용 방법
- 여백, 라인으로 그룹핑 효과
7:51
07. 중요도에 따른 여백 활용
- 타이틀, 본문, 버튼 중요도별 여백 차이
항상 좁혔다 넓혔다~ 내 눈을 의심할 때까지 조절하다 지쳤는데... 유용한 팁 감사합니다👍🏻
감사합니당!
이 시리즈 또 언제 나오나요? 너무 이해하기 편해요
이 영상을 보고 제 디자인을 보니.. 이제는 잘 따라하는 것도 많이 보였지만, 아직도 부족한게 많다는 걸 느낄 수 있었던 영상입니다. 오늘도 항상 기본기에 충실할 수 있게 해주시는 좋은 영상에 쌍따봉 ㅜㅜ
감사합니당!!
여백, 행간 조정 하는 게 언제나 애매해서 디자인에 대한 자신감이 떨어지는데, 이런 세심하고 좋은 정보 알려주셔서 감사합니다.
도움되셨다니 다행입니다~
너무나 좋은 말씀인데 배경음악 컨셉을 혹시 바꿔주실 수 있나요? 정신세계로 들어가는 ASMR 브금같아요 ㅠ
허걱..네넵 ㅠ
너무 멋진 강의입니다..항상 감사합니다
5년 일하면서 느꼈던 원칙을...10분만에 간략히 모두 말씀주셨당...
여백관련해서 좁혀달라는 말 나오면
이 링크 공유해도 좋겠어요 너어무 쉽고 도움되는 정보였습니당
고맙습니다~!
중급고급 여백 스킬 어서 빨리 보고 싶네요 😊 유용한 영상 감사합니다
감사합니당!
좋은 강의 정말 감사합니다.
저도 감사합니다₩
가장 중요한 정보 같습니다. 사실 여백만 잘 잡아두면 나머지는 원하는 대로 만들어도 좋은 작품이 나옵니다. 게다가 요즘 material 3 같은 UI 키트가 매우 잘 나와있어서 활용만 하면 되는데 여백, 공간 활용을 못하면 아무리 보기 좋은 키트도 소용이 없더라고요. 이 분야 관련해서 더 많이 볼 수 있으면 좋겠네요.
좋은 말씀 감사합니다.
너무 제가 고민하는 것들에 대해서 친절히 알려주셔서 바로 구독박았습니다~
이 영상 너무 유익해용! 2탄으로 여백 치수도 알려주는 2탄 희망합니다❤
접수완료!
감사합니다!!
깔끔한 설명과 이해를 돕는 예시, 시원하게 탁 트인 화면 모든 것이 베리 베리 굿입니다. 감사합니다. 👍
도움되셨다니!! 다행입니다 ㅎㅎ
이런 고급 스킬을 ㅎㅎ 너무 유용합니당
파이티이이잉~
너무 도움이 되었습니다. 감사합니다!!☺
도움이 되셨다니 다행입니다.
와 카드 ui에서 라운드때문에 항상 텍스트랑 정렬맞춰도 안맞아보였는데 맞추긴 해야하고 그래서 고민했었는데 역시 들여쓰는게 시각적으로 편한게 맞았군요 너무 신기하네요 ㅎㅎ 감사해요!
그쵸 ㅎㅎ 그런 부분들이 좀 어려웠을 듯해서 추가했습니당
교수님 최고.
아이고 저는 교수는 아닙니당 ㅠ
감사합니다!! 홈페이지의 여백에 관해서도 다뤄주실 수있을까여ㅠㅠ?!!
기회가 된다면~!! 해보도록 할게용
감사합니다!
핵심만 쏙쏙 전달해주시는 게, 영상 자체도 여백이 잘 활용된 느낌이네요. ㅎㅎㅎ 좋은 영상 감사합니다.
감사합니당!!
역시 기본이 중요하군요 영상 잘 봤습니다
오 첫댓글!!! 오늘도 하나 더 배웁니다💙
오 첫 댓 감사합니다!
깜소ㅑ합니다. 포토샵 여백 동일하게 맞추는거 찾다가 흘러들어왔는데 일단 환기하고 갑니다. 건강하세요. 그래야 오래 많이 알려주죠.
깜사~ 합니당!ㅎㅎ
와 진짜 꿀팁이네요 신기방기
감사합니당!! 신기방기
카드 ui 하면서 텍스트를 사진이랑 딱 맞게 정렬했더니 뭔가 균형이 안 맞는 느낌이라 고민했는데 역시 안쪽으로 넣어주는 게 맞았군요!ㅎㅎ 좋은 강의 감사합니다
ㅎㅎ잘 하고 있으셨군요 ㅎㅎ
디자인 배우고 있는 중인데 도움이 많이 될것 같아요
좋은 정보 알려주셔서 감사합니다~목소리도 너무 좋으셔서 보는데 재미도 있네요
취준생인데 항상 좋은 영상 만들어주셔서 감사해요! 팀플하다보면 의견이 워낙 달라 여백을 어떻게 해야되나 걱정했는데 마디아님 덕분에 시각적 근거로 보여주기도하고, 도움이 많이 됩니다!🫶
기본기 학습이 되셨으면 좋겠어요 ㅎㅎ
작년에 fail 났던 프로젝트에서 고객이 이야기했던 내용인데, 제가 전혀 인지를 못했거든요. 오늘 영상을 보니까 어떤 느낌으로 말씀했는지 알거 같습니다. 영상 너무 감사합니다. 웹디자인할 때 이제는 여백도 신경쓸 수 있을거 같아요!!
굿굿♡♡꿀팁사랑합니다
저도 사랑요 ㅎㅎ
기본이지만 제가 모르고 놓친 부분도 많네요! 감사합니다~ 특히 라운딩 들어갈때 여백!! 더 많이 배워야겠어요 😛😛😛
기본보다 중요한 것은 없죠 ㅎㅎ
취미로 웹디자인이랑 웹개발을 하면서, 마디아님 영상 보면서 열심히 배우고 있습니다.
항상 좋은 정보와 여러가지 팁들을 알려주셔서 감사합니다. ^^
좋은 상의 감사합니다.
진짜 여백하기 어려워요. ㅠㅠ 이제 공부 막 시작인데. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
항상 감사합니다
감사합니다~
저는 게임쪽 UI를 하고 있는데, 많이 배우고 있습니다. 항상 감사합니다.
이건 돈주고도 못배우는건데 너무 좋은정보 주시는거 아닌가요? ㄷㄷㄷ
도움되셨나요?~ 감사합니다~
이거 진짜 유용..!!
고맙습니당!
마디아님 오래전영상이지만 질문있습니다~
그리드를 활용해서 카드ui를 만들려고 한다면 컬럼 끝에 이미지를 배치하고 텍스트를 컬럼 안으로 들여쓰는게 일반적인 구성인가요?
😀😃😄😁😆😅🤣안녕하세요 디자인 마디아 선생님
이제 디자인 배우기 시작했는데요. ux/ui 디자이너랑 웹디자이너랑은 다르다던데 ux/ui 디자이너도 웹 디자인을 하나요?? 아니면 앱만 하나요?
uiux가 웹디자인도 다 포함하고 있는 거라 생각하시면 됩니당 ㅎㅎ
포토샵 포스터나 디자인 할때 어떻게 여백을 주는 것이 좋을까요 😀😃😄😁😆😅🤣
음!! 이건 질문이 너무 광범위 하네용!
지금 알아챈건데 카드 텍스트 불안해 보이는 게 라운드 처리 때문에 썸넬 밑 수평선 시작지점이 안으로 들어오면서 그런거네요 ㅋㅋㅋㅋㅋ
여백 정도는 베이스 여백을 잡고 배수로 늘려주면 되는건가요? 수치를 어느정도 잡아야 하는지를 모르겠네요
마디아님 정해진 여백을 정할때 정해진 값은 따로 없는건가요? 😊
통상적으로 많이 겹치는 여백은 있지만 꼭 이 여백 값을 사용해야 된다는 없습니당~
@@UXUIDesign 답변 감사합니다☺️
❤
알아두면 여기저기 쓰일 팁ㅠ
맞습니당 ㅎㅎ
어도비 포토샵에서 텍스트 작업할때 여백을 어떻게 하면 디자인이 꾸밀 수 있을까요
꾸르팁..
감사합니당!