UIUX Design Margin Tips

Поділитися
Вставка
  • Опубліковано 12 лис 2024

КОМЕНТАРІ • 82

  • @UXUIDesign
    @UXUIDesign  Рік тому +5

    🔥나만 모르고 있는 폰트 원칙 7가지 실무 Tip 🔥
    ua-cam.com/video/w9vBVPCH69Q/v-deo.html

  • @seereal6915
    @seereal6915 Рік тому +10

    너무나 좋은 말씀인데 배경음악 컨셉을 혹시 바꿔주실 수 있나요? 정신세계로 들어가는 ASMR 브금같아요 ㅠ

  • @jinnylee6108
    @jinnylee6108 Рік тому +14

    항상 좁혔다 넓혔다~ 내 눈을 의심할 때까지 조절하다 지쳤는데... 유용한 팁 감사합니다👍🏻

  • @HoyaS2
    @HoyaS2 Рік тому +4

    이 시리즈 또 언제 나오나요? 너무 이해하기 편해요

  • @어이없으면짖는개
    @어이없으면짖는개 Рік тому +7

    0:53
    01. 여백을 활용한 폰트 그룹
    - 여백은 과감히 넓게 > 좁혀나가기
    1:45
    02. 아코디언 테이블 여백
    - 하단부의 여백을 더 넓게 줌으로써 그룹핑 효과
    2:21
    03. 연관 검색어 여백 활용
    - 클릭오류 방지, 손가락 두께 고려하기
    3:23
    04. 카드 UI 여백 활용 방법
    - 상하 여백, 라운드, 이미지보다 안쪽영역
    5:15
    05. 상품 섬네일 여백 활용 방법
    - 단 구분 여백 넓게
    6:24
    06. 각 타이틀간의 여백 활용 방법
    - 여백, 라인으로 그룹핑 효과
    7:51
    07. 중요도에 따른 여백 활용
    - 타이틀, 본문, 버튼 중요도별 여백 차이

  • @svelteDev
    @svelteDev Рік тому +25

    이 영상을 보고 제 디자인을 보니.. 이제는 잘 따라하는 것도 많이 보였지만, 아직도 부족한게 많다는 걸 느낄 수 있었던 영상입니다. 오늘도 항상 기본기에 충실할 수 있게 해주시는 좋은 영상에 쌍따봉 ㅜㅜ

  • @aestheticsmedia8645
    @aestheticsmedia8645 Рік тому +3

    여백, 행간 조정 하는 게 언제나 애매해서 디자인에 대한 자신감이 떨어지는데, 이런 세심하고 좋은 정보 알려주셔서 감사합니다.

    • @UXUIDesign
      @UXUIDesign  Рік тому

      도움되셨다니 다행입니다~

  • @user-uz6zy9td4s
    @user-uz6zy9td4s Рік тому +6

    감사합니다!! 홈페이지의 여백에 관해서도 다뤄주실 수있을까여ㅠㅠ?!!

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      기회가 된다면~!! 해보도록 할게용

  • @djashawe88923
    @djashawe88923 Рік тому +1

    깔끔한 설명과 이해를 돕는 예시, 시원하게 탁 트인 화면 모든 것이 베리 베리 굿입니다. 감사합니다. 👍

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      도움되셨다니!! 다행입니다 ㅎㅎ

  • @다루루
    @다루루 9 місяців тому +1

    너무 제가 고민하는 것들에 대해서 친절히 알려주셔서 바로 구독박았습니다~

  • @user-jg2nc6kl9hbv
    @user-jg2nc6kl9hbv Рік тому +3

    중급고급 여백 스킬 어서 빨리 보고 싶네요 😊 유용한 영상 감사합니다

  • @Ryunert
    @Ryunert 3 місяці тому +1

    깜소ㅑ합니다. 포토샵 여백 동일하게 맞추는거 찾다가 흘러들어왔는데 일단 환기하고 갑니다. 건강하세요. 그래야 오래 많이 알려주죠.

    • @UXUIDesign
      @UXUIDesign  3 місяці тому

      깜사~ 합니당!ㅎㅎ

  • @user-sjkim
    @user-sjkim 5 місяців тому

    마디아님 오래전영상이지만 질문있습니다~
    그리드를 활용해서 카드ui를 만들려고 한다면 컬럼 끝에 이미지를 배치하고 텍스트를 컬럼 안으로 들여쓰는게 일반적인 구성인가요?

  • @dang2168
    @dang2168 Рік тому +2

    5년 일하면서 느꼈던 원칙을...10분만에 간략히 모두 말씀주셨당...
    여백관련해서 좁혀달라는 말 나오면
    이 링크 공유해도 좋겠어요 너어무 쉽고 도움되는 정보였습니당

  • @김혜연-x2g8p
    @김혜연-x2g8p 3 місяці тому +1

    카드 ui 하면서 텍스트를 사진이랑 딱 맞게 정렬했더니 뭔가 균형이 안 맞는 느낌이라 고민했는데 역시 안쪽으로 넣어주는 게 맞았군요!ㅎㅎ 좋은 강의 감사합니다

    • @UXUIDesign
      @UXUIDesign  3 місяці тому

      ㅎㅎ잘 하고 있으셨군요 ㅎㅎ

  • @bbbo85
    @bbbo85 11 місяців тому

    지금 알아챈건데 카드 텍스트 불안해 보이는 게 라운드 처리 때문에 썸넬 밑 수평선 시작지점이 안으로 들어오면서 그런거네요 ㅋㅋㅋㅋㅋ
    여백 정도는 베이스 여백을 잡고 배수로 늘려주면 되는건가요? 수치를 어느정도 잡아야 하는지를 모르겠네요

  • @yonggeonko758
    @yonggeonko758 Рік тому +4

    가장 중요한 정보 같습니다. 사실 여백만 잘 잡아두면 나머지는 원하는 대로 만들어도 좋은 작품이 나옵니다. 게다가 요즘 material 3 같은 UI 키트가 매우 잘 나와있어서 활용만 하면 되는데 여백, 공간 활용을 못하면 아무리 보기 좋은 키트도 소용이 없더라고요. 이 분야 관련해서 더 많이 볼 수 있으면 좋겠네요.

    • @UXUIDesign
      @UXUIDesign  Рік тому

      좋은 말씀 감사합니다.

  • @MAY-y4w6j
    @MAY-y4w6j Рік тому +2

    너무 멋진 강의입니다..항상 감사합니다

  • @미술학도-i4k
    @미술학도-i4k Рік тому +2

    이 영상 너무 유익해용! 2탄으로 여백 치수도 알려주는 2탄 희망합니다❤

  • @글집자
    @글집자 8 місяців тому

    작년에 fail 났던 프로젝트에서 고객이 이야기했던 내용인데, 제가 전혀 인지를 못했거든요. 오늘 영상을 보니까 어떤 느낌으로 말씀했는지 알거 같습니다. 영상 너무 감사합니다. 웹디자인할 때 이제는 여백도 신경쓸 수 있을거 같아요!!

  • @샌드미-k8d
    @샌드미-k8d Рік тому +6

    와 카드 ui에서 라운드때문에 항상 텍스트랑 정렬맞춰도 안맞아보였는데 맞추긴 해야하고 그래서 고민했었는데 역시 들여쓰는게 시각적으로 편한게 맞았군요 너무 신기하네요 ㅎㅎ 감사해요!

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      그쵸 ㅎㅎ 그런 부분들이 좀 어려웠을 듯해서 추가했습니당

  • @한예원-l8d
    @한예원-l8d 4 місяці тому +1

    좋은 강의 정말 감사합니다.

    • @UXUIDesign
      @UXUIDesign  4 місяці тому

      저도 감사합니다₩

  • @김하연-n1n
    @김하연-n1n Рік тому +3

    이런 고급 스킬을 ㅎㅎ 너무 유용합니당

  • @I_lilac_you
    @I_lilac_you Рік тому +1

    핵심만 쏙쏙 전달해주시는 게, 영상 자체도 여백이 잘 활용된 느낌이네요. ㅎㅎㅎ 좋은 영상 감사합니다.

  • @븅븅-z9z
    @븅븅-z9z Рік тому

    디자인 배우고 있는 중인데 도움이 많이 될것 같아요
    좋은 정보 알려주셔서 감사합니다~목소리도 너무 좋으셔서 보는데 재미도 있네요

  • @minty_lime
    @minty_lime Рік тому

    저는 게임쪽 UI를 하고 있는데, 많이 배우고 있습니다. 항상 감사합니다.

  • @RNS0909
    @RNS0909 11 місяців тому

    취미로 웹디자인이랑 웹개발을 하면서, 마디아님 영상 보면서 열심히 배우고 있습니다.
    항상 좋은 정보와 여러가지 팁들을 알려주셔서 감사합니다. ^^

  • @huihue293
    @huihue293 6 місяців тому +1

    너무 도움이 되었습니다. 감사합니다!!☺

    • @UXUIDesign
      @UXUIDesign  6 місяців тому

      도움이 되셨다니 다행입니다.

  • @2082able
    @2082able Рік тому +1

    기본이지만 제가 모르고 놓친 부분도 많네요! 감사합니다~ 특히 라운딩 들어갈때 여백!! 더 많이 배워야겠어요 😛😛😛

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      기본보다 중요한 것은 없죠 ㅎㅎ

  • @tndussy
    @tndussy Рік тому +1

    교수님 최고.

    • @UXUIDesign
      @UXUIDesign  Рік тому

      아이고 저는 교수는 아닙니당 ㅠ

  • @Lily_of_the_valley93
    @Lily_of_the_valley93 Рік тому

    이제 디자인 배우기 시작했는데요. ux/ui 디자이너랑 웹디자이너랑은 다르다던데 ux/ui 디자이너도 웹 디자인을 하나요?? 아니면 앱만 하나요?

    • @UXUIDesign
      @UXUIDesign  Рік тому

      uiux가 웹디자인도 다 포함하고 있는 거라 생각하시면 됩니당 ㅎㅎ

  • @김정선-d7d
    @김정선-d7d Рік тому +3

    취준생인데 항상 좋은 영상 만들어주셔서 감사해요! 팀플하다보면 의견이 워낙 달라 여백을 어떻게 해야되나 걱정했는데 마디아님 덕분에 시각적 근거로 보여주기도하고, 도움이 많이 됩니다!🫶

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      기본기 학습이 되셨으면 좋겠어요 ㅎㅎ

  • @민경호-h3v
    @민경호-h3v Рік тому +6

    이건 돈주고도 못배우는건데 너무 좋은정보 주시는거 아닌가요? ㄷㄷㄷ

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      도움되셨나요?~ 감사합니다~

  • @borakim5748
    @borakim5748 2 місяці тому

    감사합니다!

  • @김동윤-v2o
    @김동윤-v2o Рік тому +1

    포토샵 포스터나 디자인 할때 어떻게 여백을 주는 것이 좋을까요 😀😃😄😁😆😅🤣

    • @UXUIDesign
      @UXUIDesign  Рік тому

      음!! 이건 질문이 너무 광범위 하네용!

  • @sou3374
    @sou3374 Рік тому

    역시 기본이 중요하군요 영상 잘 봤습니다

  • @jlhj10
    @jlhj10 Рік тому +2

    와 진짜 꿀팁이네요 신기방기

    • @UXUIDesign
      @UXUIDesign  Рік тому

      감사합니당!! 신기방기

  • @숨덕탈출
    @숨덕탈출 Рік тому +2

    굿굿♡♡꿀팁사랑합니다

  • @김동윤-v2o
    @김동윤-v2o Рік тому

    어도비 포토샵에서 텍스트 작업할때 여백을 어떻게 하면 디자인이 꾸밀 수 있을까요

  • @김동윤-v2o
    @김동윤-v2o Рік тому +1

    😀😃😄😁😆😅🤣안녕하세요 디자인 마디아 선생님

  • @뭉나-m8r
    @뭉나-m8r Рік тому +2

    오 첫댓글!!! 오늘도 하나 더 배웁니다💙

    • @UXUIDesign
      @UXUIDesign  Рік тому +1

      오 첫 댓 감사합니다!

  • @워보이-o4q
    @워보이-o4q Рік тому

    진짜 여백하기 어려워요. ㅠㅠ 이제 공부 막 시작인데. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  • @박종필-w6l
    @박종필-w6l 7 місяців тому

    좋은 상의 감사합니다.

  • @꾸미sss
    @꾸미sss Рік тому

    마디아님 정해진 여백을 정할때 정해진 값은 따로 없는건가요? 😊

    • @UXUIDesign
      @UXUIDesign  Рік тому

      통상적으로 많이 겹치는 여백은 있지만 꼭 이 여백 값을 사용해야 된다는 없습니당~

    • @꾸미sss
      @꾸미sss Рік тому

      @@UXUIDesign 답변 감사합니다☺️

  • @fuchsiaswinging
    @fuchsiaswinging Рік тому

    항상 감사합니다

  • @영희-o2i
    @영희-o2i Рік тому +4

    이거 진짜 유용..!!

  • @로즈워터토너
    @로즈워터토너 Рік тому +1

    알아두면 여기저기 쓰일 팁ㅠ

  • @kana816
    @kana816 Рік тому

  • @clearlearns
    @clearlearns Рік тому +1

    꾸르팁..