#05 상세페이지 디자인! 뷰티컷을 이용한 인트로 페이지 만들기

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

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

  • @호호-g9o2g
    @호호-g9o2g 6 лет назад +12

    목소리가 밝고 또랑또랑하셔서 보는데 지루하지않아요 !! 😍😍 웹디강의중에 가장 좋아하는 채널이에요 ㅎㅎ 오늘도 영상 올려주셔서 감사합니다!💖

    • @김연디
      @김연디  6 лет назад +1

      뜨뜻식빵맨님 안녕하세요!
      저는 항상 목소리가 컴플렉스였는데 이렇게 칭찬해주시니 몸둘바를 모르겠습니다!!ㅎㅎㅎ
      거기다가 웹디자인 강의 중 가장 좋아하신다니...앞으로 더욱 좋은 영상 올릴 수 있도록 노력하겠습니다.
      힘이 되는 댓글 너무 감사드립니다:D

  • @Lovelyhs89
    @Lovelyhs89 5 лет назад

    디자인과 나왔는데 학교에서도 안알려준 실무꿀팁들을 배워가네요 감사해요~!!

  • @쥐인님
    @쥐인님 5 лет назад +1

    인쇄물쪽만 주로 작업해서 cmyk와 일러스트가 익숙한 디자이넌데, 웹디쪽도 하게되서 참고중인데 너무 도움되는거같아요 정말고맙습니다(하트) 아직까지 포토샵과 rgb가 어색해서 어렵지만 참고해서 열심히 해볼게요~~ 고마워요~~ 복받으세요~~ 적게일하고 많이벌고 무병장수 하세요 !!!

  • @anoldhong2410
    @anoldhong2410 5 лет назад +2

    잘 보고 있습니다. ^__^ 더 많이 올려 주세요~ 새해 복 많이 받으시고요...

  • @은뚜기-k1z
    @은뚜기-k1z 5 лет назад +1

    연디님*o* 작은것두 상세하게 설명해주셔서 많은 도움되구있어요! 꿀팁짱🥰🥰🤟🤟👍🏻👍🏻

  • @류연희-q4t
    @류연희-q4t 6 лет назад +1

    이 영상 이후에 디자인하는건 언제올려주세용? 정말도움되서 이것만기다리고있어요>< 감사해요 항상!

    • @김연디
      @김연디  6 лет назад

      안녕하세요 연희님!
      오늘부터 차근차근 올라갈 예정입니다! 기다려주셔서 감사하구요.
      도움이 되셨다니 더욱 신경써서 만들도록 할게용ㅎㅎㅎ😍

    • @류연희-q4t
      @류연희-q4t 6 лет назад

      @@김연디 답변도 친절히 달아주시구ㅠㅠ 감동이예요! 실무경험 없지만 연디님 강의 보고 준비하고있는데 여러모로 정말 도움많이되고있어요. 연디님짱:-)♡

  • @user-jp1br3yb9h
    @user-jp1br3yb9h 6 лет назад +1

    공부 시작하려는 참에 이렇게 좋은 영상 찾게되서 너무 좋아요~~ 감사해요 연디님~~~ :)

    • @김연디
      @김연디  6 лет назад +1

      안녕하세요 아진님!
      영상이 도움이 되셨다니 ㅎㅎ 정말 뿌듯하고 앞으로 더욱 신경써서 제작해야 겠다는 책임감이 듭니다!
      앞으로 올라올 영상도 많이 봐주세요! 감사합니다😍

  • @diggiri82
    @diggiri82 6 лет назад

    좋은 컨텐츠 만들어 주셔서 감사합니다 실무디자인 채널 찾다 컨텐츠가 너무 괜찮아서 바로 구독하고 연디님 채널 매일 보고 있습니다. 응원합니다!

    • @김연디
      @김연디  6 лет назад

      황주경님 안녕하세요!
      앞으로도 더욱 도움 드릴 수 있도록 좋은 실무디자인 컨텐츠들 많이많이 업로드 하겠습니다.
      힘이 되는 댓글 너무 감사합니다!!ㅎㅎ 주경님의 응원에 힘이 빠샤빠샤 나요 ㅎㅎㅎㅎ

  • @zyh__8661
    @zyh__8661 5 лет назад

    실무에서 하는 디자인을 알아가는데 도움이 많이됬어요
    영상올려주셔서 정말감사해요 ㅠㅠ

  • @white11010
    @white11010 5 лет назад

    와 경계부분 어떻게 하시나싶었는데 지우개툴.....! 초보는 잘 알아갑니다ㅎㅎ

  • @hmyu3185
    @hmyu3185 4 года назад +1

    안녕하세요 일년전 동영상이라 댓글이 달릴지 모르겠으나 궁금해서 여쭤봅니다ㅠㅠ 유료폰트나 유료이미지는 제가 돈만낸다면 사용해도 문제가없는건가요?

    • @김연디
      @김연디  3 года назад

      늦어진 답변 죄송합니다ㅠㅠㅠ 유료폰트나 이미지는 돈을 내고 사용하시는거면 거의 문제가 안됩니다.
      자세한 내용은 구입하신 사이트 저작권을 확인하시는게 가장 정확해요!

  • @하얀구름-c9e
    @하얀구름-c9e 4 года назад

    연디님 치약파일은 따로 받을 수 없나요?

  • @성연-j6p
    @성연-j6p 6 лет назад

    디테일이 중요하네요 감사합니다!

  • @b-day8811
    @b-day8811 5 лет назад +2

    연디님! 영상 잘 보고있습니다 감사해요~!
    첫상단 여백 띄우라고 하시는게 85~90띄우는게 좋다고 하셨는데 단위가 무엇인가요?

  • @roghky
    @roghky 6 лет назад

    좋은강의 잘 보고 갑니다. 깨알같은 팁들이 많아서 좋네요~!!! :-)

    • @김연디
      @김연디  6 лет назад

      안녕하세요! 이경주님^_^
      앞으로도 깨알같은 팁들 많이 방출할게요!ㅎㅎ
      응원되는 댓글 남겨주셔서 너무너무 감사합니다!😘

  • @Sawing8
    @Sawing8 5 лет назад +4

    디자인 작업 시 들어가는 작은 글씨들은 최소 몇 pt여야 한다는 기준이 있으신가요? 만들어놓고 뽑으면 너무 작게 나온 경우가 많아서요 ㅠㅠ

    • @김연디
      @김연디  5 лет назад +2

      컨텐츠디자인 할 시 18pt아래로는 안떨어지게 작업하고있어요~
      모바일로 보시는 분들이 많기 때문에 작업하면서 수시로 작업물 폰으로 옮겨가면서 비교해보시면서 작업해보심
      사이즈가 잡힐겁니다😍

  • @hyukkukim
    @hyukkukim 6 лет назад +1

    연디님 덕분에 디자인에 흥미를 가지고 열심히 하고 있습니다 ㅠㅠ 감사합니다!! 한가지 궁금한게 있는데, 제가 보면서 따라하고 있는데, 저는 왜 색상을 선택하면 바로 미리보기가 적용이 안되는걸까요...COLOR OVERLAY를 하고 색을 선택해도 다 선택하고 ok를 눌러야 색이 변경됩니다...!

    • @김연디
      @김연디  6 лет назад

      안녕하세요 혀꾸님!
      제 덕분에 디자인에 흥미를 가지시게 되었다니ㅠㅠ 너무너무 감동이에요.
      앞으로도 좋은 모습 많이 보여드리도록 하겠습니다!
      색상을 선택했을 때 미리보기가 안된다는게 어떤 이야기이신지 잘 이해가 안되서요ㅠㅠ
      레이어 모드를 선택했을 때 미리보기가 안된다는 그런 이야기이신가요?ㅠㅠ
      다시한번 정리해서 질문해주시면 알아보고 답변 해드리도록 하겠습니다:D

  • @muke_muke_
    @muke_muke_ 6 лет назад

    믿고보는 연디님! 항상 잘보고있어요 ㅎㅎ 감사합니다

    • @김연디
      @김연디  6 лет назад

      안녕하세요 임성묵님^_^🙂
      언제나 힘이 되는 댓글 달아주셔서 너무 감사합니다!
      앞으로도 열심히 할게용!!ㅎㅎ 저도 너무너무 감사하고 사랑해용😍

  • @life_archiving
    @life_archiving 5 лет назад

    글자 색깔을 바꿀 때 텍스트 색깔을 바꾸지 않고 컬러 오버레이를 이용하는 이유를 알 수 있을까요?! 나중에 수정을 좀 더 쉽게 하기 위함인가요?! 궁금합니다!!!

    • @김연디
      @김연디  5 лет назад

      컬러오버레이를 사용할 때는 폰트같은 경우는 레스터화 되있을 경우에 사용합니다!ㅎㅎ

  • @joannakim756
    @joannakim756 6 лет назад +1

    이 다음꺼가 궁금해요... 어떤걸 봐야 하나요

    • @김연디
      @김연디  6 лет назад

      안녕하세요 주현님~!
      지금 정기적인 일정을 짜서 올리는게 대략적으로 1주에 1개씩 올라가고 있습니다ㅠㅠㅠ
      좀더 빠른 업데이트가 될 수 있도록 노력하겠습니다:D

  • @밍떠-t8f
    @밍떠-t8f 5 лет назад

    브러쉬로 치약부분 색상을 선명하게 하셨던 부분에서 궁금한게 있어요! 그냥 저 치약 색상으로 칠하면 글씨까지 같이 칠해지는데 어떻게하면 저 핑크색인 부분, 치약통만 색상이 입혀진걸까요..!?🙇🏻‍♀️

    • @김연디
      @김연디  5 лет назад

      배경을 밝게 하려는 목적으로 레이어 마스크를 씌우고 전체 이미지 밝기를 올렸어요. 그리고 제품 부분은 아까보다 너무 밝아졌기 때문에 원래색상대로 보이게 하기 위해서 마스크씌운 부분을 선택하고 브러쉬로 지워준겁니다^_^ㅋㅋ색상을 입히는게 아니고 원래 이미지가 보여지게끔 지워준다고 생각하시면 됩니다😀

  • @yong2817
    @yong2817 6 лет назад

    연디님 영상 잘 보고 있어요~! 웹쪽 포트폴리오를 만들 때 어떤식으로 만들어야되고 어떤걸 첨부해야되나요?ㅠㅠ 웹은 어떻게 해야되는지 하나도 몰라서 여쭤봐요ㅠㅠ 상세페이지랑 프로모션 들어가야 된다고는 하는데 감이 안잡혀서용... 몇개씩 넣어야하는지도 모르겟구요..

    • @김연디
      @김연디  6 лет назад

      안녕하세요 YONG님! 답변이 너무 늦어져서 죄송해요ㅠㅠ
      포트폴리오에는 경력기준으로 프로젝트7-80%/개인작품20% 비율정도로 배분해서 넣음 좋다고 알고 있어요.
      포트폴리오 제작에 있어서는 댓글로 설명드리기엔 부족함이 있을것 같아요ㅠㅠㅠ
      제가 좀더 준비해서 꼭 영상 제작해보도록 하겠습니다!ㅎㅎ

  • @무니무니-w2b
    @무니무니-w2b 5 лет назад

    실무에서 씨씨 많이 쓰나요? 제가다녔던곳은 다 예전버전 비정품사용했거든요ㅠ

    • @김연디
      @김연디  4 года назад

      넹 정품 사용 권장하여 어도비 클라우드로 제품 사용 중입니다😀

  • @쫑r
    @쫑r 6 лет назад

    많이 기다렸어염~^ㅇ^

    • @김연디
      @김연디  6 лет назад

      쫑아님 안녕하세요!
      많이 기다리게 해드려서 죄송해요ㅠ_ㅠ
      앞으로 꾸준한 업로드 약속하겠습니다^_^!

  • @happygonhyo
    @happygonhyo 5 лет назад

    인트로 네모 상자안에 이미지가 쏙 들어가지는데 저는 그렇지가 않아요~ㅠㅠ 어떻게 하면 이미지가 네모상자안에 삽입이 되나요?

    • @김연디
      @김연디  5 лет назад

      클리핑마스크 기능을 사용하면 지정한 모양이나 크기만큼 이미지가 들어갑니다~!
      단축키는 Ctrl+Alt+G 입니다^^

  • @장연-k6k
    @장연-k6k 5 лет назад

    포토샵에서 파워포인트 화면을 가져 오려면 어떻게 해야 하죠 ? 연디님 처럼요?

    • @김연디
      @김연디  5 лет назад

      저는 모니터 두개를 쓰고 있어서 한모니터에는 포토샵, 한모니터에는 파워포인트를 켜놓고 왔다갔다 한거에요!ㅎㅎ

  • @happykim2986
    @happykim2986 6 лет назад

    강의 재밌어요 감사합니다. 쇼셜이나 오픈마켓쪽 외에 보통 쇼핑몰의 상세페이지의 인트로 부분은 어느정도 길이가 적당한가요? 그리고 상세페이지기획안에도 좋은 기획안 나쁜기획안이 따로 있을까요?

    • @김연디
      @김연디  6 лет назад +3

      안녕하세요 빅토리아님
      제가 답변이 늦은것 같아 죄송합니다ㅠㅠㅠ
      한개씩 답변 드리도록 하겠습니다.
      1. 상세페이지 인트로의 길이 : 저는 뷰티컷을 사용할 경우 최대 1200px을 넘지 않게 제작하고 있습니다. 요즘엔 인트로 없이 바로 제품을 소개하는 형식의 페이지도 만들어지고 있기때문에 너무 길지 않게 제작하는게 추세인것 같습니다^^
      2. 상세페이지 기획안 : 넹넹 ! 당연히 있죠! 이 부분은 기획자 분들의 영역이라 제가 이게 맞다 아니다를 이야기 드릴 수는 없지만 디자이너의 관점으로 기획서를 보았을때 좋고 나쁨은 이야기 해드릴 수 있을것 같아 디자이너의 관점으로 이야기 드리겠습니다. 좋은 기획안은 말하고자 하는 내용이 잘 나와있는 기획안이고 나쁜 기획안은 그렇지 않은 기획안이라고 정리할 수 있을것 같아요^^

  • @lulukim4018
    @lulukim4018 6 лет назад

    안녕하세요. 자체제작 쇼핑몰에서 근무하고있는 1개월 차 웹디자이너입니다.. 주로 회사에서 하는 일이 상세페이지 제작인데 안에 들어가는 이미지요소들을 거의 다 합성해서(제품누끼 따서 배경 합성, 제품과 꾸밈요소들 합성 등, 제품컬러변경등) 상세페이지를 만들고 있어요... 이렇게 하디보니 시간도 오래걸리고 자연스럽지도 않아서 고민이 많았는데 오늘 영상보니까 이미 이미지를 업체측에서 제공해주시는 것 같더라구요. 원래 회사들이 실제이미지는 다 제공하고 디자이너는 레이아웃과 룩앤필을 잡는 건가요? ㅠㅠ 아니면 원래 저처럼 하나부터 열까지 다 수작업인건가여... 지금 좀 업무에 혼란이 와서 여쭤봅니다. 편하신 시간에 답글 남겨주세요. 감사합니다 ㅎㅎ

    • @김연디
      @김연디  6 лет назад +1

      안녕하세요 테스트님
      제가 답글이 많이 늦어져서 죄송해요ㅠㅠ😥
      지금 테스트님께서 하시는것처럼 이미지를 합성해서 만들수도 있구요 촬영을 통해서 비주얼 이미지를 확보해서 만들수도 있어요. 방법은 다양한데 그중 가장 적합한 방법을 선택해서 하시면 되요~ 요즘 뷰티/생활용품 업계는 only합성이미지만으로 작업하기 보다는 세팅 후 촬영을 하고 필요한 부분을 합성을 통해서 메꾸어서 비주얼 이미지를 작업하고 있는것이 추세이긴합니다ㅎㅎ
      테스트님께서 어떤 제품의 페이지를 만드는지는 제가 알 수 없어 영상에 쓰인 이미지를 토대로 답변을 드립니다!

    • @金兌暻
      @金兌暻 5 лет назад +1

      @테스트 저와 비슷한 고민을 하고계시네요. 회사규모가 작아 자본이 약하거나, 셋팅인력이 부족하면 디자이너 입장에서는 이미지 가공밖에 선택사항이 없네요 ㅠㅠ 퀄리티있는 디자인은 하고싶고...ㅠ 촬영도 공부해야하나 싶습니다... ㅠㅠㅠ

  • @로즈마리-x3s
    @로즈마리-x3s 4 года назад

    고딕 폰트는 어떤 폰트인가요?

    • @김연디
      @김연디  4 года назад

      윤고딕 700 시리즈로 작업했습니다!

  • @user-kz5se7ds5k
    @user-kz5se7ds5k 4 года назад

    예제 이미지는 따로 없는건가용?

    • @김연디
      @김연디  4 года назад

      네ㅜㅜ예제이미지는 따로 준비하지 않았습니다. 다른 영상에서는 준비할 수 있도록 해보겠습니다😀

  • @sadfasdfsadfsadfful
    @sadfasdfsadfsadfful 5 лет назад

    6분 30초에 뭐 누르고 드래그했길래 글자맠 저렇게 감싸나요???

    • @김연디
      @김연디  5 лет назад

      컨트롤T 단축키로 한것입니다^^

  • @깜냥-f7t
    @깜냥-f7t 4 года назад

    우선 좋은 영상 감사합니다~ 초보자이다보니 한가지 부탁드리고 싶은게 있습니다! 상세페이지 디자인 하시는 용도로 사용할 이미지(교육용)를 다운할 수 있게 링크를 걸어두시고 강의를 진행하시면 따라하면서 배울 수 있을 것 같아 지금보다 더 좋을 것 같습니다!

  • @leellee2758
    @leellee2758 6 лет назад

    연디님~ 포토샵cc을 이용중인데 이미지에 필요 영역만 드래그해서 확대 할 경우 중앙으로 전체 확대만 되더라구요 ㅜㅜ 이걸 부분만 확대하는 방법을 아시나요?

    • @김연디
      @김연디  6 лет назад

      안녕하세요 leeleel님^_^!
      질문에 답변이 늦어져 죄송합니다ㅠ_ㅠ
      제가 작업할 때 확대/축소를 할때는 마우스휠을 사용하거나 타블렛펜을 이용하기 때문에 leelee님의 작업환경을
      이해해야 제가 답변을 드릴 수 있을것 같아용
      혹시 아직 해결이 안되셨다면 작업환경에대한 설명을 덧붙여 다시 답변 해주신다면
      댓글을 다시 달도록 하겠습니다:D

    • @leellee2758
      @leellee2758 6 лет назад

      바쁘실텐데 답변 감사합니다~^^
      저는 마우스를 이용해서 작업중입니다!
      예를 들어 사다리 길이를 늘리기 위해 사다리의 끝부분을 드래그 선택후 크키 조절 툴로 한쪽으로만 키우고 싶은 데 계속 중앙으로 전체 크게만 됩니다 ㅜㅠ
      포토샵을 다시 깔기도 하고 환경설정도 이것저것 시도해봤는 데 방법을 못찾았어요ㅠ.ㅠ

    • @김연디
      @김연디  6 лет назад

      leel lee 혹시 cc2019버전으로 최근 업데이트 하셨나요? 그런거면 shift를 누르고 늘려보세요! 그러면 한쪽만 늘려질거에요 :->

    • @leellee2758
      @leellee2758 6 лет назад

      @@김연디 감사합니다~♡♡♡♡♡♡

  • @부천부동산중개집수리

    ❤❤❤

  • @사진쟁이양상순
    @사진쟁이양상순 5 лет назад

    조아효!

    • @김연디
      @김연디  5 лет назад

      좋아해주셔서 감사합니다>_

  • @고등어-k9j
    @고등어-k9j 2 года назад

    뚜시따시