취업성공패키지로 웹디자인 과정 들었는데 코딩위주로만 배워서 웹디자이너로 취업하면 실무에서 배운걸 적용할 수 없을까봐 너무 걱정되요 ... 이런 실무 교육영상 너무 좋고 감사합니다!! uiux 디자이너로 취업하고 싶은데 실무에서 아무것도 할줄 모를까봐 겁나요 ㅠㅠ코딩은 왠만큼 할줄 아는데 디자이너가 코딩할일이 많이 없을거같아서요..그렇다고 퍼블리셔로 취업하긴 싫고.. 고민이 많은데 주변에 조언해줄 사람이 없어서 유튜브 엄청 뒤져서 찾고있긴한데 ㅠㅠ
덕분에 아이콘 디자인하는 법을 많이 배웠습니다! 강의 보고 디자인 과정은 많이 알게됬는데 그 후에 코딩할때 적용하는게 어렵더라고요ㅎ; 웹용 아이콘이 사이즈별로 16, 24, 32, 48이 필요한데 처음에 48에서 디자인하고 png로 내보내기하니까 규격이 다 다르게 나오는데 혹시 실제로 디자인한 아이콘을 특정한 규격별로 내보낼수있는 방법을 알려주실 수 있나요? 그리고 24*24 그리드안에서 2px으로 작업하니까 아이콘이 너무 굵어 보이더라고요ㅠㅠ 굵기가 얇은 아이콘을 디자인 할 떈 어떻게 하시나요? 좋은영상 많이 제작해주셔서 감사합니다!
마디아님은 아이콘 컨텐츠를 많이하시는데 궁금한게.. 코딩하는 입장에서는 폰트어썸으로 작업하는것이 훨씬 편합니다. 물론 아이콘을 만드시고 svg로 변환해서 사용해도 되지만... 저도 디자인을하고 코딩도 직접하지만 디자인을 할때 코딩하기 편한쪽으로 하는게 맞다고 생각합니다. 디자이너의 섬세한 욕심도 이해하지만.. 폰트어썸 프로 유료 결제하는게 더 효율이 좋을거같아요.. 하나씩 다만드는 시간이 돈이니..
@호박고구마 답글 주신분 피드백 감사합니다. 제가 잘못알고 있는걸까요? 폰트어썸을 이용할때 svg때문에 이용하는거에요. 폰트를 텍스트처럼 사용하는거잔아요. 디자이너가 png로 아이콘을 주면 수정할때마다 자료를 받아야되잔아요. svg를 사용하면 퍼블리셔가 수정요청마다 바로 수정이 되는거구요. 컬러나 사이즈나 바로.. 코딩에 유용하다고 말씀드린거에요. 아이콘 디자인을 하는것은 브랜딩 혹은 ui , ux에 도움이 많이 되는것은 사실인데 그것는 상황에 따라 매우 달라요. 디자이너 성격에 따라도 다르구요. 홈페이지 업종에 따라 다른것도 사실이구요. 일반 비즈니스 아이콘은 대부분 svg를 이용하는게 대부분이라서 폰트어썸을 언급한거구요.
@@아장-c1b 폰트 어썸은 아이콘을 CDN 방식으로 제공하는 사이트입니다. 이런 점은 편하다는 큰 장점이 있죠. 문제는 이런 호스팅을 한번 더 거치는 방식이 사이트를 느리게 만드는 요소로 적용될 수 있다는 겁니다. 그 외에도 보안 이슈나 다른 문제점이 발생할 수 있기 때문에 대기업같은 큰 규모의 회사는 대부분 로컬을 선호합니다. 그리고 SVG 사용 유무는 웹 운영자가 얼만큼의 크로스 브라우징을 지원할 것인가에 달려 있는 문제죠. 마디아님이 말씀하시는 문제점들은 아마 이런 부분일거예요. 특히 행정기관들 같은 경우 아직도 매우 오래된 브라우저를 쓰는 경우가 허다해서 웹 구축 시에 그런 이슈들이 없거나 브랜딩이 중요하지 않은 상황이라면 오픈소스 혹은 벡터 이미지 쓰는게 매우 편하긴 하죠.
![[3 Minute-Tip] How to design a logo](http://i.ytimg.com/vi/YeU2_xCOgT0/mqdefault.jpg)
![[3 Minute-Tip] How to design a logo](/img/tr.png)
이렇게 천천히 자세히 쉽게알수있도록 하나하나 알려주시다니... 돈받고배워야할걸.. 이케 무료로보다니..
취업성공패키지로 웹디자인 과정 들었는데 코딩위주로만 배워서 웹디자이너로 취업하면 실무에서 배운걸 적용할 수 없을까봐 너무 걱정되요 ... 이런 실무 교육영상 너무 좋고 감사합니다!! uiux 디자이너로 취업하고 싶은데 실무에서 아무것도 할줄 모를까봐 겁나요 ㅠㅠ코딩은 왠만큼 할줄 아는데 디자이너가 코딩할일이 많이 없을거같아서요..그렇다고 퍼블리셔로 취업하긴 싫고.. 고민이 많은데 주변에 조언해줄 사람이 없어서 유튜브 엄청 뒤져서 찾고있긴한데 ㅠㅠ
저 질문이 있는데 아이콘 그릴때 40*40안에만 들어가면 아이콘 간에 사이즈가 똑같을 필요는 없는건가요?
가로나 세로 둘중에 하나만 2칸 띄우고 그리면 되는건가요? 아이콘끼리의 사이즈 맞추기가 어렵네요.
오랜만에 들어왔는데 따라하기 쉽게 설명을 잘해주셔서 이해가 잘 됐습니다!
집에가서 연습해봐야겠어여
항상 좋은 강의 감사합니다.
덕분에 아이콘 디자인하는 법을 많이 배웠습니다! 강의 보고 디자인 과정은 많이 알게됬는데 그 후에 코딩할때 적용하는게 어렵더라고요ㅎ;
웹용 아이콘이 사이즈별로 16, 24, 32, 48이 필요한데 처음에 48에서 디자인하고 png로 내보내기하니까 규격이 다 다르게 나오는데 혹시
실제로 디자인한 아이콘을 특정한 규격별로 내보낼수있는 방법을 알려주실 수 있나요?
그리고 24*24 그리드안에서 2px으로 작업하니까 아이콘이 너무 굵어 보이더라고요ㅠㅠ 굵기가 얇은 아이콘을 디자인 할 떈 어떻게 하시나요?
좋은영상 많이 제작해주셔서 감사합니다!
아~~~아이콘~~ 이 영상을 제일 먼저 봐야했네요....주의할 사항이나 팁 같은데 자세히 나와있는 듯해용^^
좋은영상 감사드립니다!! 영상 보고 도전해보겠습니다!! 😊
잘 따라하셨나요~
@@UXUIDesign 처음이라 익숙치가 않긴 한데 잘 설명해주셔서 한땀 한땀 따라하고 있습니다 😃 감사합니다!!!
정말 감사합니다... 감사합니다!!
mac preferences = 상단 illustrator -> preferences -> guides and grid
크..역시 전문가는 다르시네요ㅠㅠ잘배우고갑니다!!
2:05 여기 오타났어요 40*44 -> 40*40
모니터는 어떤가 쓰시는지 궁금합니다. 웹디자이너는 ips패널이 좋을까용?
마디아 선생님 오늘도 감사합니다!!
크 역시 마디아님!! 감사합니다.
아이콘이 제일 어려운데 고맙습니다 ㅜㅡㅜ
1:55 마디아님께서 알려주신대로 설정해서 아이콘 작업을 해 보는데...격자에 맞게 안 되는데 왜 그럴까요? 😭 cc버전이 업데이트 되면서 설정이 뭐가 바뀐 걸까요?
개꿀팁이네요 진짜 🎉🎉🎉🎉
오늘도 너무너무 잘봤습니다!!!
아따 성님 잘생겼다
격자를 켜면 화면이 하얀 대지가 사라지고.. 마디아님이 하신것처럼 오브젝트들이 투명하게 보여지게 되는건가요? 어떻게 하는거죠?
질문 있습니다~
사각형 스트로크를 아웃라인으로 그리고 바닥 라인을 잘라내면 스트로크가 센터로 바뀌는데 왜 그런지 궁금합니다^^;
감사합니다 정말 도움 많이 돼요
단축키눌렀는데 왜 흰바탕이 안없어지고 그위에 그리드가 생길까요ㅠ
8:15 여기서 스트로크를 안쪽으로 넣을 수 있는 아이콘이 활성화되어 있지 않을 땐 어떡해야 하나요..(도형일때는 활성화되는데 그냥 직선은 안되나요?)
직선상태면안되구 패쓰 막으셔야조 !
와 신기하다
도움되셨나용?!
궁금한게.... 격자에 맞춰 디자인한후 크기를 늘렸다 줄였다해도 상관없는걸까요?
신기하네요
격자 켜니까 확대 축소할 때 엄청나게 렉이 걸리는데 저만 그런가요? ㅠㅠ
마디아님은 아이콘 컨텐츠를 많이하시는데
궁금한게..
코딩하는 입장에서는 폰트어썸으로 작업하는것이 훨씬 편합니다.
물론 아이콘을 만드시고 svg로 변환해서 사용해도 되지만...
저도 디자인을하고 코딩도 직접하지만
디자인을 할때 코딩하기 편한쪽으로 하는게 맞다고 생각합니다.
디자이너의 섬세한 욕심도 이해하지만..
폰트어썸 프로 유료 결제하는게 더 효율이 좋을거같아요.. 하나씩 다만드는 시간이 돈이니..
저도 ㅠ 그러고 싶은데 ㅠㅠ 차마 그렇지 못하는 내부사정들이 있네요 ㅠㅠ슬픕니다..힘들고 ㅠ 좋은말씀 감사합니다!(꾸벅)
@감정동남자 저는 코딩에 유용하다고만 말했을뿐.. 다른의도없습니다. 아이콘을 제작하는 시간이 많이 소요되고 하니 어썸을 언급한거구요. 당연히 아이콘몬스터 혹은 폰트어썸 모두 업체 디자이너들이 만들겠죠 ㅎㅎ
@호박고구마 답글 주신분 피드백 감사합니다.
제가 잘못알고 있는걸까요?
폰트어썸을 이용할때
svg때문에 이용하는거에요.
폰트를 텍스트처럼 사용하는거잔아요.
디자이너가 png로 아이콘을 주면 수정할때마다 자료를 받아야되잔아요.
svg를 사용하면 퍼블리셔가 수정요청마다
바로 수정이 되는거구요. 컬러나 사이즈나
바로..
코딩에 유용하다고 말씀드린거에요.
아이콘 디자인을 하는것은 브랜딩 혹은 ui , ux에 도움이 많이 되는것은 사실인데 그것는 상황에 따라 매우 달라요. 디자이너 성격에 따라도 다르구요. 홈페이지 업종에 따라 다른것도 사실이구요. 일반 비즈니스 아이콘은 대부분 svg를 이용하는게 대부분이라서 폰트어썸을 언급한거구요.
@@아장-c1b 폰트 어썸은 아이콘을 CDN 방식으로 제공하는 사이트입니다. 이런 점은 편하다는 큰 장점이 있죠. 문제는 이런 호스팅을 한번 더 거치는 방식이 사이트를 느리게 만드는 요소로 적용될 수 있다는 겁니다. 그 외에도 보안 이슈나 다른 문제점이 발생할 수 있기 때문에 대기업같은 큰 규모의 회사는 대부분 로컬을 선호합니다. 그리고 SVG 사용 유무는 웹 운영자가 얼만큼의 크로스 브라우징을 지원할 것인가에 달려 있는 문제죠. 마디아님이 말씀하시는 문제점들은 아마 이런 부분일거예요. 특히 행정기관들 같은 경우 아직도 매우 오래된 브라우저를 쓰는 경우가 허다해서 웹 구축 시에 그런 이슈들이 없거나 브랜딩이 중요하지 않은 상황이라면 오픈소스 혹은 벡터 이미지 쓰는게 매우 편하긴 하죠.
그래서 네이버같은 사이트 보면 아직도 이미지들이 jpg방식인 이유가 이겁니다.. 그나마 스프라이트 형식으로 리소스를 최적화 시키긴 했지만요.
처음 흰 화면은 어떻게 생성해야하나요?
죄송한데 코너 같은거나 이런거하실때 단축키도 좀 설명해주실래요? 초보자들은 단축키도 모르는게 많아요
죄송합니다 ㅠ 요츰에는 시간나는대로 틈틈히 자막을 입력하고있어요 ㅠ
6:30
격자 키면 대지 색이 바뀌게 되는데 이거 어떻게하나요??
Cc에서는 어케해야되죠 이설정 ㅜ
중요한 팁들인데 공유해 주셔서 감사합니다~~