UIUX Design Font Tip

Поделиться
HTML-код
  • Опубликовано: 11 ноя 2024

Комментарии • 101

  • @claudia5496
    @claudia5496 Год назад +36

    1. 화려함보단 심플하게 1:18
    _텍스트는 화려함 x 집중도 떨어짐
    2. 읽기 편한 폰트 정렬 2:21
    _가운데보단 좌측정렬
    3. 폰트 포인트 컬러 사용 3:24
    _매우 중요한 부분만 포인트 컬러
    4. 폰트 계층구조 4:33
    _자연스럽게 시선이 흐르게끔
    5. 일관된 폰트 스타일 6:04
    _다양한 폰트 x
    6. 다양한 폰트 두께 7:34
    _많으면 3개, 2개
    7. 폰트는 잘 보이고 크게 9:33
    _모바일 디자인은 모바일로 최종확인

  • @128beat
    @128beat Год назад +52

    정말 기본이 되는 내용.. 실무하다보면 자꾸 잊게되는데 선생님 덕분에 다시 한번 되새기고 갑니다! 감사합니다.
    실무에서 정말 짜증날때
    거래처 : '이거 중요하니까 눈에 잘띄게 넣어주세요'
    몇일뒤 ' 이부분도 중요하니까 글씨 크게 잘보이게 넣어주세요'
    몇일뒤 '이거 고객 클레임 들어와서 잘보이는 부분에 박스 쳐서 넣어주세요'
    결국 페이지 난장판됨;; ㅠㅠ

  • @milgnuyk0425
    @milgnuyk0425 Год назад +21

    요새 무료폰트 중에는 확실히 프리텐다드,suit 두 폰트가 대세인 듯 싶어요 (한글폰트)

  • @유니버스-q8d
    @유니버스-q8d Год назад +6

    이거를 알려줘도 진짜 실무를 많이 해봐야 맛이나게 하니 경험이 많이 중요한 듯.

  • @루모스-l9v
    @루모스-l9v Год назад +22

    건축 전공중인데 전혀 다른 분야같지만 디자인 언어는 어느 분야에서나 통하는 것 같아요 배울점이 너무 많네요 영상 잘 보고있습니다!

    • @UXUIDesign
      @UXUIDesign  Год назад

      좋은 말씀 감사합니다!

  • @user-dg7sq2dm4p
    @user-dg7sq2dm4p 5 месяцев назад +2

    이건 중고등학교 대학 ppt에서도 굉장히 중요한 내용이네요
    나름 디자인좀 친다고 생각했는데 이거보고 머리가 띵 하네요

  • @Hyewon_bae
    @Hyewon_bae Год назад +5

    진짜 저희 팀장님이 매번 강조하시는내용이 여기다있네요! 팀장님의 말씀이 사실 다 완벽하게 이해는안됐지만 마디아님 영상 예시보니 저희 팀장님이 얼마나 답답하셨을지...느껴져요😂 마디아님 감사합니다!

    • @UXUIDesign
      @UXUIDesign  Год назад

      하핫.. 도움되셨다니~ 좋아요~

  • @서인정-m3x
    @서인정-m3x Год назад +7

    요즘 글씨 강약에 대해 고민이 참 많았는데 이영상으로 한방에 해결됬어요..!! 감사합니다.

    • @UXUIDesign
      @UXUIDesign  Год назад

      고민해결!! 다행입니다

  • @pepe-vh3lp
    @pepe-vh3lp Год назад +5

    폰트 계층구조 약관이나 금융권 상품 상세설명같은 텍스트 양 많은거 작업하면 은근 빡세더라구요. 항목마다 내용의 양과 계층의 볼륨이 가지각색인 경우가 많아서요. 어떤건 제목밑에 한줄인데 어떤건 여러줄 어떤건 1.2.3에 가나다로도 모자라고 어떤건 표 포함 이런 식인데다 타이틀에 큰 폰트로 뽷 강조할 수 있는 성격의 페이지도 아니고 비슷비슷한 사이즈의 폰트로 그룹핑을 해야해서 빡세지만.... 한편으론 연습하기 좋겠다는 생각도 들었어요

    • @UXUIDesign
      @UXUIDesign  Год назад

      폰트는 항상 ㅠㅠ 아무리 해도 어려운 것 같아요 ㅠ

  • @찐빵생단팥
    @찐빵생단팥 Год назад +2

    기본중에 기본만 지켜도 퀄리티가 확 올라가는거 같아요. 감사합니다!

    • @UXUIDesign
      @UXUIDesign  Год назад

      좋은 말씀 감사합니다!

  • @moon-daran3977
    @moon-daran3977 Месяц назад

    디자인 기초 개념조차 없이 감으로 시작하려니 내가 해놓고도 너무 엉망인데 뭘 고쳐야할지 모르겠고 막막했는데 잘 배워갑니다. 고마워요 ^^

  • @jmni
    @jmni Год назад +4

    진짜 좋은 정보입니다 ㅎㅎㅎㅎ 신입때 제가 했던 실수들이 다 있는거 같아요! 요즘도 가끔 기본을 잊고 있었는데 영상 보고 다시 정신을 차립니다 ㅋㅋㅋㅋㅋ 감사합니다

    • @UXUIDesign
      @UXUIDesign  Год назад

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

  • @bagberkin8701
    @bagberkin8701 Год назад +2

    와 진짜 막막하던 와중 빛이 보이는 영상이였습니다 감사합니다!

    • @UXUIDesign
      @UXUIDesign  Год назад +1

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

  • @meipark
    @meipark Год назад +3

    너무 알차고 좋은 강의예요! 이런 강의를 인터넷 접속으로 바로 볼 수 있어서
    제가 지금 좋은 시대에 살고 있다는 걸 새삼 느끼네요!
    감사합니다 마디아님

    • @UXUIDesign
      @UXUIDesign  Год назад

      감사합니당!! 좋게 말씀해주셔서

  • @nijin39
    @nijin39 5 месяцев назад +1

    일인 개발하려고 하는데 도움이 많이 되는 컨텐츠 입니다. 잘되면 꼭 한턱을 내도록 하겠습니다.

    • @UXUIDesign
      @UXUIDesign  5 месяцев назад

      말씀만으로도 너무 감사합니다~

  • @김나무-b7p
    @김나무-b7p Год назад +2

    영상보면서 다시 한번 디자인을 되돌아 보게 되는거 같습니다ㅠㅠ
    늘 좋은 영상 감사합니다!

    • @UXUIDesign
      @UXUIDesign  Год назад

      도움되셨다면!! 감사합니당!

  • @rejoyful
    @rejoyful Год назад +48

    신입분들 이 영상 보고 타이포에 대한 기초 개념을 꼭 잡으시길 바랍니다. 현직 에이전시 팀장이 전합니다 ㅎㅎㅎㅎ 제발..

    • @UXUIDesign
      @UXUIDesign  Год назад

      좋은 말씀 감사합니다. 팀장님

    • @user-bz9mh7sk7z
      @user-bz9mh7sk7z 6 месяцев назад

      이것만 봐도 되나요?

  • @김동윤-v2o
    @김동윤-v2o Год назад +2

    정말 고맙습니다 디자인 마디아선생님

  • @갬이-e6k
    @갬이-e6k Год назад +1

    깔끔한 정리 ! 이해가 잘돼요 감사합니다

  • @yan-so4ww
    @yan-so4ww Год назад +7

    국비로 UI/UX 반응형 도전하고 있는데, 베이스가 없다보니 두려움이 큰데 학원 수강 전부터 꾸준히 영상보기 시작했어요. 요새도 학원 가기 전 후 자기전에 영상 보는데, 참고할 것이 정말 많은 것 같아서 감사한 마음으로 보고 있습니다. 좋은 영상 감사해요❗️❗️

    • @UXUIDesign
      @UXUIDesign  Год назад +1

      너무 감사합니다 ㅠㅠ

    • @yan-so4ww
      @yan-so4ww Год назад

      @@UXUIDesign 제가 더 감사하죠ㅠㅜ막막한 제 마음에 진짜 큰 힘이 되고 있어요 나중에 취업이 되고 현업에서 꼭 뵐 수 있었으면 좋겠어요ㅎㅎㅎ

  • @dykim4233
    @dykim4233 Год назад +2

    ㅎㅎㅎㅎ 저도 19년차 디자이너 이긴 합니다만.. 완전 공감... 오히려 설득하는거 보다는 아~ 예예~ 하는게 더 익숙해져버림..

    • @UXUIDesign
      @UXUIDesign  Год назад +1

      공감해 주셔서 감사합니다.!!

    • @dykim4233
      @dykim4233 Год назад

      @@UXUIDesign 제가 더 감사합니다. 신입으로 들어오는 꼬맹이들 아...후... 가르친다고 힘들긴 하지만은... 뭐 베이스가 사람마다 다르고... 기준 또한 다르다보니 이레저레 트러블은 늘 있는게 당연하고...
      도리어 영상보면 아 이게 베이스지~ 하면서 초심!!! 초심!!! 하면서 찍어보는 거점 같아 보여요. 제가 더 고맙고 감사합니다. 초심!!!

  • @1ql464
    @1ql464 Год назад +3

    디자인 전공이 아님에도 몇 가지는 깨지고 부셔지면서 체득한것들이네요 :D
    체계적으로 설명해주셔서 좀더 깊게 알게되었습니다

    • @UXUIDesign
      @UXUIDesign  Год назад

      전공자도 아니신데 혼자서 체득하시다니 대단합니다!

  • @LalChisobelliaPaPaPoJam
    @LalChisobelliaPaPaPoJam 3 месяца назад

    정말 기본중의 기본.

  • @김효림-f1k
    @김효림-f1k 5 месяцев назад

    너무 감사합니다... uxui 독학러에게 한줄기 빛이신 *_*

  • @아바락
    @아바락 8 месяцев назад

    안녕하세요~ 보다가 궁금한 부분이 생겨서 질문 드려요~ 폰트 크기는 한페이지당 3개 이하로 쓰는게 좋을까요? 아니면 폰트 크기를 4~5개 다양하게 써도 상관이 없을까요?

  • @rachellewis6255
    @rachellewis6255 Год назад +1

    강의 감사드립니디!!

  • @seoyeoonie
    @seoyeoonie 5 месяцев назад

    영상 너무 감사합니다 너무 유용해요🫶🏻

  • @김동윤-v2o
    @김동윤-v2o Год назад

    포토샵에서 디자인할때 폰트 자간 조정하면 디자인이 좋을까요😉😊🤣

  • @김성은-t7j
    @김성은-t7j Год назад +1

    폰트 도움받고 갑니다~~!!

    • @UXUIDesign
      @UXUIDesign  Год назад

      도움되셨다니!! 감사합니당1

  • @다루루
    @다루루 9 месяцев назад +1

    아셨죠~?

  • @pixie2620
    @pixie2620 3 месяца назад

    감사합니다😮❤

  • @우곰-s9k
    @우곰-s9k Год назад

    영상 너무 좋아요!!

    • @UXUIDesign
      @UXUIDesign  Год назад

      좋게 봐주셔서 감사해요!

  • @휜쌀밥둥둥
    @휜쌀밥둥둥 Год назад

    신입 디자이너인데 계속 폰트때문에 지적받아서 영상 보니까 왜 그랬는지 알 것 같아요. 정말 도움이 많이 되었습니다! 폰트 계층구조… 저만 어려운게 아니었군요ㅜㅜ 저혼자 자괴감 느낄뻔 했네요😔🥹

  • @전주용-l3s
    @전주용-l3s Год назад

    모바일 ui 작업한 걸 모바일로 연동해서 보는 방법이 있나요?! 프로토타입, 인터렉션 적용한 것까지 보고 싶은데 피그마 어플로 가능한가요?!

  • @HotdogYumyum
    @HotdogYumyum Год назад

    크아악 이 영상이 좀 더 빨리 올라왔다면 뻘짓 안했을텐데(그래도 리마인드 하고 갑니다~!)

  • @djashawe88923
    @djashawe88923 5 месяцев назад

    베리 굿 설명!

  • @워보이-o4q
    @워보이-o4q 6 месяцев назад +1

    이런 강의도 있는지 뒤늦게 봤네요 ㄷㄷ 강의 감사합니다

  • @yilalang9701
    @yilalang9701 Год назад +5

    폰트로 머리 깨지고있던 저한테 구원같은 영상

    • @UXUIDesign
      @UXUIDesign  Год назад +1

      하핫.. 도움되셨으면 좋겠네용

  • @ovovovk
    @ovovovk Год назад +2

    감사합니당!!!!!!!!

  • @potato_motion
    @potato_motion Год назад +1

    감사합니다 ♡

  • @소소-j5s
    @소소-j5s Год назад +1

    감사합니다!!♡♡♡

  • @마리나아브라모비치
    @마리나아브라모비치 Год назад +1

    회사 디자이너가 이걸 꼭 봤으면 좋겠네. 이쁘다는 이유로 폰트 종류 여러가지, 폰트 크기 굵기 색상 규칙없이. 사용자는 폰트 다운로드받다가 나가버리는걸 이해 못하는 사람인데

    • @UXUIDesign
      @UXUIDesign  Год назад

      감사합니다 좋게 말씀해주셔서~

  • @ililiiliil8177
    @ililiiliil8177 Год назад

    폰트 두께 중 Light는 안쓰시는 이유가 있나요? 레귤러&볼드 보다 라이트&볼드를 사용했을 때 더 가독성이 좋다고 생각했는데 ㅜㅜ

    • @UXUIDesign
      @UXUIDesign  Год назад +2

      아~ 제가 오해를 좀 드린 것 같습니다~
      라이트를 사용 안 하는 것이 아니라 아니라~
      너무 다양한 두께를 사용하면 안된다 입니다.
      라이트 볼드 사용하셔도 됩니다~ 제가 말씀드린 건 예시 입니당~

  • @111-w8d8x
    @111-w8d8x Год назад

    xd로 디자인하고 보내면 개발자(비쥬얼스튜디오)한테는 같은 픽셀로 해도 크기가 다르게 출력되는데요 보통 그런건가요?

  • @SangMin-ps1sf
    @SangMin-ps1sf Год назад +1

    감사합니다

    • @UXUIDesign
      @UXUIDesign  Год назад

      시청해 주셔서 감사드립니다.

  • @쀼-t5c
    @쀼-t5c Год назад

    상업용 한글 폰트는 어떤걸 대중적으로 많이 쓰나요? 영상에서는 윤고딕같아 보이는데.
    .ㅎㅎ

    • @UXUIDesign
      @UXUIDesign  Год назад +2

      영상은 g마켓 산스~ 입니다.
      어떤 디자인이냐에 따라 다르긴한데
      구축에서는 산돌, 애플고딕, 노토산스, 로보토, 프리탄데드등~ 입니다~

    • @쀼-t5c
      @쀼-t5c Год назад

      @@UXUIDesign 감사합니다!

  • @il7764
    @il7764 Год назад

    ANTON폰트는 혹시 상업용 무료폰트일까요? 구글폰트에서 다운받았습니다.

  • @qnrpwjd5225
    @qnrpwjd5225 Год назад

    강의 내용 넘 유익한데 혹시 bgm 좀 바꿔주실 수 있나요..? 넘 스릴러 분위기인데 ㅋㅋㅋㅋㅋㅋ

    • @UXUIDesign
      @UXUIDesign  Год назад

      ㅠㅠ 초이스를 잘못했네요 ㅠ

  • @handsmell
    @handsmell Год назад +1

    오 도입부분이 영화같아요 😂❤

    • @UXUIDesign
      @UXUIDesign  Год назад

      헛.. 그런가용 ㅎㅎ! 감사합니다.

  • @그림자-o6r
    @그림자-o6r 7 месяцев назад

    1:30초쯤 프라다 폰트는 어떤 것일까요?

  • @비빔밥국밥
    @비빔밥국밥 Год назад +2

    안 좋은 예시 만들면서 마디아님 얼마나 불편했을까 ㅋㅋㅋㅋㅋ

    • @UXUIDesign
      @UXUIDesign  Год назад +1

      ㅡ.ㅡ.. 탄산으로 고구마를 넘기면서 했답니다..

  • @UXUIDesign
    @UXUIDesign  Год назад +1

    🔥실무디자인 여백 활용 팁 7가지🔥
    ruclips.net/video/YNDhbNQo_io/видео.html

  • @김동윤-v2o
    @김동윤-v2o Год назад

    😉😊🙂🙂안녕하세요 마디아선생님

  • @kana816
    @kana816 Год назад

  • @mose012600
    @mose012600 Год назад +3

    ㅜㅜ

    • @UXUIDesign
      @UXUIDesign  Год назад +1

      ㄷㄷ.. 왜 울고 있으세요 ㅠ

    • @mose012600
      @mose012600 Год назад

      고퀄 영상이 너무 좋아서요ㅜ
      항상 감사합니다 마디아님..

  • @Dadadi2
    @Dadadi2 2 месяца назад

    ㅋㅋ 정말 디자인 아무것도 모르는 사람이 상사랍씨고, 그림체같은 폰트 안쓰냐고 자기는 그런 폰트 좋다고 해서, 하아.. 맞춰서 쓰기는 했지만,
    가독성이나, 여러면에서 아니란걸 알고 있었기에 속은 부글부글 ..

  • @Pegasus-uo7rk
    @Pegasus-uo7rk Год назад +5

    모바일 디자이너가 모바일 최종 화면을 기준으로 만들지 않는 사람들이 있다는 사실에 놀람

  • @clouds-k-y
    @clouds-k-y Год назад +1

    운영디자이넌데 그래도 헛경력 만든건 아니네요 무의식적으로 다 익힌거 같아요 그럼에도 디자인은 항상 어려워요

    • @UXUIDesign
      @UXUIDesign  Год назад

      맞아요 ㅠㅠ 너무 어렵죠 디자인은ㅠ

  • @rickpat1255
    @rickpat1255 9 месяцев назад

    이런걸 글로 배워야 한다면 디자인 안하는게 좋지

    • @kikioo-fc2kc
      @kikioo-fc2kc 4 месяца назад

      웃고갑니다 ㅋㅋㅋㅋㅋ