마디아 UI 디자인 기초 팁 내용 요약 1.텍스트 1배수 12폰트 이상 2배수 24폰트 이상 2.적절한 버튼사이즈(터치시 오류가 발생하지 않도록) 3.아이콘의 통일감(및 컨셉 일정하게 유지) 4.접근성(폰트 컬러 4.5:1 이상 컬러 활용) 5.스타일 통일감 주기 6.계층 구조 구분짓기(버튼,폰트 등) 7.하단 네비게이션(텍스트의 무분별한 생략 X) 8.컨텐츠간 여백(모바일의 경우 스크롤 길이 신경안써도됨) 9.컨텐츠간 구분(라인,여백,면색,카드 ui등으로 구분) 10.모바일 레이아웃은 화면이 좁으니 큼지막하게 짤것. 다들 좋은 하루 되세요!
아주 정리가 잘 되어있는 유익한 영상이네요. 감사합니다. 질문이 2개 있습니다. ^^; 질문 1: 텍스트 1배수 12폰트 이상, 2배수 24폰트 이상이라고 하셨는데, 디자인 할때는 1배수로 하고 출력할때 2배수 3배수 PNG 하면 되는데 왜 2배수로 디자인을 알아야 하나요? 벡터는 픽셀처럼 깨지지 않으니, 이미지만 높은 해상도를 위해 2배 큰 이미지를 넣고, 나머지는 다 1배수로 디자인하고 출력할때만 2배수, 3배수 PNG로 출력하는 거 아니었나요? 이렇게 알고 있었는데... 갑자기 헷갈림이... 질문 2: Apple의 HIG에 따르면 iOS에서 일반 본문 텍스트의 최소 글꼴 크기는 11포인트였는데, 영어는 11이라도 괜찮고 너무 작지 않겠죠??
마디아 UI 디자인 기초 팁 내용 요약
1.텍스트 1배수 12폰트 이상 2배수 24폰트 이상
2.적절한 버튼사이즈(터치시 오류가 발생하지 않도록)
3.아이콘의 통일감(및 컨셉 일정하게 유지)
4.접근성(폰트 컬러 4.5:1 이상 컬러 활용)
5.스타일 통일감 주기
6.계층 구조 구분짓기(버튼,폰트 등)
7.하단 네비게이션(텍스트의 무분별한 생략 X)
8.컨텐츠간 여백(모바일의 경우 스크롤 길이 신경안써도됨)
9.컨텐츠간 구분(라인,여백,면색,카드 ui등으로 구분)
10.모바일 레이아웃은 화면이 좁으니 큼지막하게 짤것.
다들 좋은 하루 되세요!
정말 이러 것 올려주셔서 너무 감사해요...ㅠㅠ 애매하게 알고 있어서 스스로 활용하지도 못하는 부분들... 사실 알고 있다고 말하기도 부끄러운 그런 기본적인 점들이 확실히 정리되는 것 같아요 감사합니다 ㅎㅎ
10분만에 나를 레벨업시켜주는 영상. 👍🏻
일반인에 가까운 사람인데, 보면서 너무 공감을...많이 ㅠㅠ했습니다... 앱이든지 사이트든지 이용하면서 불편했던 점들을 잘 집어주셨네요. 동시에 많이 배웁니다. 감사합니다
8:27 오타 있습니다
마디아님께서 연애 하고 싶.... 아 아닙니다;;
프로젝트 진행하다 보면 컨셉이나 기초를 놓치는 부분들이 생기는데, 마디아님 영상보면서 항상 긴장하면서 공부하고 다시 인식하고 갑니다ㅎㅎ 감사합니다! 구독자로써 너무 자랑스럽습니다.
저 신입때 하던실수 모음집 같네요 ㅋㅋㅋ.. 영상 잘 봤습니다~
정말 감사합니다! 강의 잘들었습니다
대충 알고 있던 내용을 정확하게 알아가서 엄청나게 도움이 되었습니다. 이런 영상들 너무 감사해요!
2:53 이것도 나름대로 괜찮은 디자인 같은데요 ㅎㅎ
너무 도움이 많이되네요 감사합니다
유용한 정보 감사합니다 ❤
기본적이지만 절대 잊으면 안되는 중요한 사항이네요!! 항상 감사히 보고 있습니다 ^.^
오늘 처음으로 들어왔는데 도움이 많이 되었습니다.
이번 영상 너무 좋았어요! 다음 상세한 영상도 기대할게요!
이제 앱 개발을 시작하는 초보인데 많은 도움이 되었어요 감사합니다
이런 팁 좋아요!
마디아 최고
진짜 꿀정보가 담긴 영상이네요 감사합니다!!!
잘 정리해 주셨네요. 어느 하나 버릴 것 없는 팁들이네요
알고 있어도 간과하기 쉬운 부분이라 다시 상기시키는데 좋은 영상이네요!!
UIUX의 기본기를 중점으로 핵심을 잘 잡아주셨네요
오늘도 유익한 영상 업로드해주셔서 감사합니다!
사수없이 혼자 실무하고있지만 덕분에 많이 배웁니다 ! 꼭 섹션별 영상 올려주시면 감사하겠습니다 ㅠㅠ!!
카테고리간 여백 설정이랑 이를 간편하게 하는 법을
몰라서 포토샵에서 지옥을 맛보고 있다죠.
상페 만들다보면 결국 큐레이션인데 손으로 배치했으면 하는 마음만 늘 그득그득하네요.
비옵니다.
그래도 기분좋게 보내세요
마침 회사에서 안드 개발과 UX UI까지 떠맡았는데 좋은 정보 주셔서 감사합니다 ^^... 가뭄에 단비 같네요
5:07 북마크. 하단 네비게이션
좋은팁 감사합니다
우와~~예전에 실방에서 제가 도움청했던 부분이네용! 역쉬 이러니 마디아님을 사~~~~수로 뫼시고 싶은 분들이 28만명 이겠죠..😁 오늘도 언제나 마디아님 만세용!👍👍👍
알고리즘이 여기로 안내 했네요.. 햄버거집 UI를 보시면 ㅠ 좋은 반면교사가 될거 같습니다.
6:28 원래 알잘딱이 제일 어려움 ㄹㅇ
감사합니다!!! 이번에 처음으로 구글 코스 들으면서 모바일 디자인 하려고 하는데 많은 도움이 되었네요!!
역시 마디아
접근성 지키는 디자이너 거의 못봤어요ㅠㅠㅠㅠㅠ
섹션별 영상들 어떤 영상들인지 알 수 있을까요..??
알짜배기 꿀팁 감사합니다!
♥
이걸 고객들이 봐야 하는데....
..미투..
안녕하세요 마디아님, 예전에 제가 영문 자간의 대한 영상을 봤는데 그영상이 아직 있나요?
나만 모르고있는 이라길래 봤더니 기초중의 기초만 싹모아놨네
안녕하세요! Ui ux 공부해보려고 하는 일반인입니다. 혹시 개발자이시면 질문 드려도 될까요?
모바일 말고 웹도 해주세요!
아~ 웹..!! 그생각을 못 했네용 ㅎㅎ
Can you translate this to Arabic?
I'm Arabic
and love this content
Please use English sub too, because it's very good for learn UI/UX and I saw that your video it's inspirative. please
4.5 : 1 이 무슨 뜻인가요??😮
텍스트 컨텐츠와 배경간의 명도 대비 말하는거 같아요~
웹접근성 검색해보시면 느낌 오실꺼에요!
명도 대비 말씀하시는 것 같아요~
아주 정리가 잘 되어있는 유익한 영상이네요. 감사합니다. 질문이 2개 있습니다. ^^;
질문 1: 텍스트 1배수 12폰트 이상, 2배수 24폰트 이상이라고 하셨는데, 디자인 할때는 1배수로 하고 출력할때 2배수 3배수 PNG 하면 되는데 왜 2배수로 디자인을 알아야 하나요? 벡터는 픽셀처럼 깨지지 않으니, 이미지만 높은 해상도를 위해 2배 큰 이미지를 넣고, 나머지는 다 1배수로 디자인하고 출력할때만 2배수, 3배수 PNG로 출력하는 거 아니었나요? 이렇게 알고 있었는데... 갑자기 헷갈림이...
질문 2: Apple의 HIG에 따르면 iOS에서 일반 본문 텍스트의 최소 글꼴 크기는 11포인트였는데, 영어는 11이라도 괜찮고 너무 작지 않겠죠??
영상 보는 중에 궁금한게 있어서 댓글을 남깁니다. 2분 40~50초 정도 사이에서 접근성을 말하던데요. 혹시 그 접근성 비율을 보려면 어떻게 해야 하나요?
4:00
04:50 이 시간에 잘 된 부분과 잘못 된 부분의 위치가 바뀌지 않았나 생각이 들어요. 영상에서 대부분 오른쪽이 잘 된 부분이라고 저는 생각이 드는데 저것만 왼쪽이 잘 된 부분인 거 맞죠?
정답! 맞습니다 ㅎㅎ 의도해서 저 부분만 순서를 바꿨는데 정확하게 짚어내셨네요 ㅎㅎ
@@UXUIDesign 의도하셨다니 소름입니다.
텍스트를 1배수, 2배수일 때 바꾸라고 하셨는데 혹시 여기서 배수가 어떤걸 말하는지 알려주실 수 있을까요?
전공자는 디자인을 잘하는게 맞죠?
나랑 관련없..
ㄷㄷ..
게임 그래픽 디자인, 웹 디자인, 여러 다른 그래픽 디자인에 비해 이게 디자인이냐 싶을정도로 기교도 기술도 얕은 이런걸 디자인이라고 말하기 안부끄러움?
디자인이라는 단어에 구성의 의미도 담겨 있고 미적, 예술적 감각보다 실용적 감각이 더 중요한, 구성을 디자인이라고 하는게 불만인 이유는 예술적 가치만 중시하고 효율적 가치를 폄하하기 때문입니다.
항상 감사합니다 너무 잘 배우고 있어요
❤❤❤❤❤
저도 너무 감사합니당!!
유용한 내용 잘 보고 갑니다!!! 감사합니다 ❤
너무 감사합니다!