본문 바로가기

분류 전체보기363

웹디자이너는 이과·문과생도 할 수 있나요? 미술 전공자가 아니면 힘든가요? https://youtu.be/ACFmIs-QKRQ 이과,문과생도 할 수 있나요? 미술 전공자가 아니면 힘든가요? 1:16 부족함을 채우려는 의지만 준비하세요. 2:30 디자인은 미술, 예술이 아닙니다. 5:24 디자인은 서비스 분석을 통한 설계입니다. 6:57 따라서 이과, 문과생들도 충분히 할 수 있습니다. https://blog.naver.com/chopie80/222644536484 웹디자인 FAQ-미술을 못해도 할 수 있을까요? https://youtu.be/ACFmIs-QKRQ 미술을 배워야 하나요? 미술 전공자가 아니면 힘든가요? 미술을 못... blog.naver.com 2022. 2. 12.
요즘 웹디자이너는 html, css, 자바스크립트와 같은 웹퍼블리싱, 코딩도 배워야 하나요? 웹디자이너는 코딩이 아니라 디자인에 집중해야 한다고 말씀드리고 싶은데요... 하지만 현실적으로, 특히 생계형 웹디자이너로 살아가기 위해서는 필요 없다고 말씀드릴 수가 없을 것 같기도 합니다. 지금부터 제 주관적인 생각을 보다 더 자세히 말씀드리겠습니다. https://blog.naver.com/chopie80/222639542746 웹디자인 FAQ-웹퍼블리싱, 코딩도 배워야 하나요? https://youtu.be/v-o4dh8vVfM 요즘 웹디자이너는 html, css, 자바스크립트와 같은 웹퍼블리싱, 코딩도 ... blog.naver.com https://youtu.be/v-o4dh8vVfM 0:45 웹디자이너는 디자인 일을 하는 사람입니다. 2:18 그래도 웹디자이너가 웹퍼블리싱을 공부하는 이유? 4.. 2022. 2. 6.
웹디자인이 뭔지는 알고 시작하시기 바랍니다. https://youtu.be/ZpH5X8s7EwI 웹디자인 분야는 다양합니다. 웹디자이너마다 하는 일도 다르죠. 단순하게 생각하시고 그냥 대충 아무 회사나 들어가면 후회할 수도 있습니다. 웹디자인이 무엇인지 미리 알아보시고 내가 원하는 분야를 찾아보시는 것이 좋겠습니다. https://blog.naver.com/chopie80/222612468311 웹디자인 분야는 무엇인지? 어떤 디자인 직무를 선택해야 하는지 간략히 알려드립니다. https://youtu.be/ZpH5X8s7EwI 웹디자인 분야는 다양합니다. 쇼핑몰에서 하는 상세페이지 디자인은 웹... blog.naver.com 2022. 2. 2.
SEO? 네이버 상위 노출? 무료 홍보 가능?? 아직도 네이버 상위 노출 방법이 있다고 믿으시나요? SEO를 최적화하면 네이버 상위에 노출이 되고 이렇게 되면 비싼 광고를 할 필요가 없으니 무료로 광고가 될 것이다. 라는 마켓팅업체의 말을 아직도 믿으시나요?? https://blog.naver.com/chopie80/222631667514 아직도 네이버 상위 노출 방법이 있다고 믿으시나요? 네이버 플레이스 지도, 홈페이지, 블로그 등 누구나 네이버 상위 노출을 희망하지만 상위 노출은 기껏해야 ... blog.naver.com 2022. 2. 2.
이게 내가 좋아하는 일이다! 이게 내 디자인이다! 말을 하세요! https://youtu.be/ocEksSAyraM 웹디자인 분야는 다양합니다. 같은 웹디자이너라고 하더라도 하는 일이 모두 다릅니다. 그리고 대부분의 웹디자이너들은 어느 한 분야에 집중하고 그 분야의 전문 디자이너로 성장하게 됩니다. 따라서 이제 막 취업을 준비하시는 예비 웹디자이너분들도 어떤 디자인 분야가 나의 길인지를 미리 선택하고 이에 맞는 준비를 해야지만 내 전문 분야의 실력을 증명할 수 있는 맞춤형 포트폴리오도 준비할 수 있을 것이고 또 그 분야의 스킬이나 각종 무기들도 준비하고 장착할 수가 있겠죠. 이렇게 해야지만 내가 원하는 그리고 내가 바라는 회사에서 만족스러운 회사 생활을 하게 될 것입니다. https://blog.naver.com/chopie80/222632466990 내가 원하는 디.. 2022. 2. 2.
웹디자이너에게 자격증이 필요한가요? https://www.youtube.com/watch?v=rc2B4iBcwnk 자격증 취득을 준비하신다면 기능사 자격증이든 기사 자격증이든 자격증 취득으로 인해 어떠한 혜택을 기대하기보다는 자격증을 취득하는 그 과정에서 얻는 지식과 지혜에 집중을 하시고 이에 만족하시는 것이 좋을 것 같습니다. 취업하실 때 어떠한 이득이나 혜택을 받길 원하신다면 자격증 취득에 집중하기보다는 내 디자인 실력을 가장 효과적으로 증명할 수 있는 포트폴리오 준비에 집중하시는 것이 좋겠습니다. 자세히 보기 : https://blog.naver.com/chopie80/222635777502 웹디자인 FAQ-웹디자인 자격증이 필요한가요? 웹디자인 자격증이 필요한가요? 혹은 자격증이 있으면 도움이 되나요? 라는 질문을 흔하게 접합니다... 2022. 2. 2.
웹사이트를 PC앱으로 사용하는 방법 (크롬, 엣지, 웨일 모두 가능) PC앱이 뭔지 모르시는 분들은 아래를 봐주세요~ 위 화면은 우리가 흔히 사용하는 브라우저 웹서비스 입니다. 당연히 상단에 브라우저 기능인 즐겨찾기바, 주소표시줄, 탭들이 보이죠 근데 이것을 아래와 같이 바꿀 수 있습니다. 깔끔하죠~ 이것이 바로 PC앱서비스 입니다. 만드는 방법은 아래 포스팅 참고해보세요~ https://blog.naver.com/chopie80/222595082255 웹사이트를 PC앱으로 사용하는 방법 (크롬, 엣지, 웨일 모두 가능) PC 앱 버전이란? 아래는 흔히 보는 엣지나 크롬과 같은 PC 웹브라우저 보는 웹 서비스 화면입니다. 사... blog.naver.com 2021. 12. 14.
어도비 블랙프라이데이 40% 할인 이벤트 신청하신 분들~ 해지 위약금을 주의하세요. 웹디자이너라면 월 사용료가 다소 부담스럽더라도 포토샵, 일러스트 등 어도비 프로그램을 무조건 쓰셔야 하는데요. 이런 상황에서 어도비 블랙프라이데이, 사이버먼데이로 불리는 11월 40% 할인 이벤트는 엄청난 개이득입니다. ㅎㅎㅎ 하지만 이용약관을 잘 읽어보지 않고 덥석 계약을 진행하신 분들이라면 1년 뒤에 당황스러운 문제를 맞이할 수 있습니다. 1년 뒤에는 정상가로 자동연장이 되고 해지를 원할 경우에는 위약금이 발생하거든요~ 이번 어도비 40% 할인 이벤트 (블랙프라이데이, 사이버먼데이) 신청하신 분들 중 "난 1년만 사용하고 해지하겠다" 고 생각하신 분들은 만료 전에 반드시 해지 요청을 하셔야 합니다. 하루만 지나도 수십만원 위약금이 발생할 수 있습니다. 아래 영상에서는 해지를 깜박 잊고 못한 경우에 위.. 2021. 12. 6.
하루하루를 지워 나가는 2022년 동기부여 달력입니다. 할일은 많은데 세월이 너무 빠르다고 느끼시는 분들에게 유용한 달력이네요. 그냥 아무 생각없이 하루하루를 살다보면 벌써 금요일, 벌써 30일, 벌써 12월... 세월이 가는 속도가 아주 끔찍하게 빠릅니다. 매일 하루하루를 채워나가면서 성장하는 내 모습도 느껴보고 점점 사라지는 빈칸들을 보며 압박감, 긴장감도 유지해보세요~ 자세한 설명은 아래 링크 참고해주세요. https://blog.naver.com/chopie80/222571556663 2022년 금연, 다이어트, 자기계발 등 동기부여를 심어주는 달력입니다. https://cafe.naver.com/justgoing/230 저도 마찬가지로 여러분들과 똑같았습니다. 아침에 일어나 출근하고... blog.naver.com 2021. 12. 1.
당신의 디자인 밀도를 올려줄 <존코바 디자인> 유튜브를 추천합니다. 오늘 소개할 채널은 10년 차 모션그래픽 디자이너인 존코바님이 운영하시는 채널입니다. 제가 유튜브 프리미엄 구독을 결정하게 된 계기가 된 두 분이 계시는데요. 그중 한 분이 바로 존코바님입니다. 처음 우연히 유튜브 알고리즘 추천을 통해 존코바님의 10분짜리 영상을 봤습니다 . 그리고 느꼈습니다. "이제 도서관 갈 필요가 없겠구나..." 진짜 그 순간이 제 인생의 전환점이 되었던 것 같습니다. 이미 제가 굳이 언급할 필요가 없을 정도로 유명한 분이지만 그래도 제 구독자분들 중에 저와 같이 모르셨던 분이 분명 있을 것이라 생각이 되어 이렇게 공유하려 합니다. https://blog.naver.com/chopie80/222541297034 유튜브 소개 , 당신의 디자인 밀도를 올려줄 채널입니다. 오늘 소개할 .. 2021. 10. 19.
유튜브로 공부하시는 분들을 위한 '구독 채널 그룹 관리 기능 - PocketTube' 점점 늘어나는 구독 채널들을 그룹으로 관리하고 싶은 분들 혹은 그룹별로 새 동영상을 확인하고 싶은 분들을 위한 [포켓 튜브] 서비스입니다. 유료 결제 서비스도 있지만 무료 기능도 일반적으로 사용하기에는 충분한 것 같습니다. 약 한달 넘게 사용했는데요 모바일에서는 지원이 안된다는 단점이 있긴 하지만 그래도 매우 만족스럽게 사용하고 있어 구독자님들께 추천합니다~ https://blog.naver.com/chopie80/222536513485 유튜브 구독 채널들을 그룹으로 관리하는 방법 유튜브 프리미엄을 신청하고 광고 없이 신나게 유튜브의 영상들을 즐기고 있습니다. 도움이 되는 채널들은 ... blog.naver.com 2021. 10. 14.
[유튜브 추천] 인생무기 디자인하기로 - 웹디자인을 준비하시는 분들에게 추천드립니다. 현재 업로드된 영상은 총 10개뿐이지만 각 영상에서 하신 말씀이 제 가슴속 깊이 박혀 임팩트가 매우 컸던지라 이렇게 본 채널을 공유하고자 합니다. 포토샵 작업 팁, 디자인 공식 소개, 실무 작업 팁, 디자인 노하우, 심지어 아이맥 소개까지 다양한 성격의 영상들을 업로드하신 것으로 보아 디자이너들에게 유용한 영상은 모두 다루시려는 것 같습니다. https://blog.naver.com/chopie80/222533291879 유튜브 채널 소개 , 신입 디자이너분들께 추천합니다. 유튜브 영상 https://youtu.be/2178VzjrgAA 육아로 인해 도서관에 갈 수도 없고 심지어 책 서너 장도 읽... blog.naver.com 2021. 10. 12.
[CSS] HSL의 컬러 속성을 변수로 만들어 활용하기 css로 색상을 지정하는 방법은 여러가지가 있습니다. 이중 HEX 코드 (#ffff00) 와 RGB값 (rgb(255,255,0)) 으로 지정하는 방법은 많이 사용하고 있지만 HSL 값을 사용하는 경우는 매우 드뭅니다. 아래 영상에서는 HSL을 활용하면 좋은 점에 대한 팁을 알려주고 있습니다. 한번 참고해보시면 잘 사용하시면 레벨을 한단계 더 올려줄 수 있을 것 같습니다. https://designup4.tistory.com/91 [CSS 색상 지정 팁] HSL의 속성을 변수로 만들어 활용하기 HSL HSL은 아래 색을 표현하는 색상, 채도, 명도의 앞글자들입니다. Hue : 색상 - 0 ~ 360 사이 숫자 (= 색깔 방향 의미 숫자) (숫자만 기재) - 0 (= 360)은 빨간색, 120은 녹색, 2.. 2021. 10. 9.
css animation 로 만드는 로딩 효과 애니메이션 자바스크립트 없이 css 만을 이용하여 만든 로딩 효과 애니메이션입니다. css 변수를 활용하여 각 원형 이미지에 시간차로 효과를 적용하여 돌아가는 모습을 구현하였습니다. https://designup4.tistory.com/37 css animation, css 변수 (로딩 효과 애니메이션) 소스 코드 적용 예제 보기 http://designup.kr/study/css_loading/ 주요 관련 소스 사용자 지정 CSS 속성 사용하기 (변수) https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties ht.. designup4.tistory.com 2021. 10. 9.
css mix-blend-mode로 포토샵 오버레이 효과 내는 방법 항상 쓰던 것만 하던 것만 이용해서 작업을 하다 보니 css가 이 정도로 발전했는지 몰랐네요. 사실 과거에는 익스플로러가 항상 발목을 잡는 바람에 신기술이 있어도 그냥 바라만 보고 있었지만 이제는 익스플로러를 슬슬 버려도 될 것 같기 때문에 이제는 신기술을 적극 활용할 수 있는 시기인 것 같습니다. 일괄적으로 적용해야 하는 워터마크 작업이나 간단한 보정들에 활용하면 좋을 것 같네요~ https://designup4.tistory.com/44 [css] mix-blend-mode, object-fit, object-position 작업 소스 적용 예제 보기 http://designup.kr/study/css_effect_blend/ 주요 관련 소스 mix-blend-mode https://developer.. 2021. 10. 9.