본문 바로가기

전체 글339

당신의 디자인 밀도를 올려줄 <존코바 디자인> 유튜브를 추천합니다. 오늘 소개할 채널은 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.
나를 쓸모있게 만드는 세 가지 성장법 (feat. 김은주 구글 수석 디자이너) 얼마전 유퀴즈에 나왔던 구글 디자이너 김은주님의 세바시 강연 영상입니다. 구글이 꿈의 직장인줄만 알았는데... 김은주 디자이너님의 말을 듣고 나니 오히려 제 현실이 감사하게 느껴지네요. 모토로라부터 구글까지 치열하고 고된 직장 생활을 견뎌낸 김은주 디자이너님의 솔직하고 진실된 경험담 입니다. 취준생, 현직 디자이너님들에게도 모두 공감하실 수 있을 것입니다. 특히 영상에 나오는 ME 팩트 테이블을 참고하시면 도움이 될 것 같습니다. 3분 30초부터 나옵니다~ https://blog.naver.com/chopie80/222530529262 "김은주 구글 수석 디자이너" 가 말하는 세가지 성장법 01 나의 First 구체화 하기 내가 가진 것으로 승부를 건다. 나의 장점, 단점, 전략을 시각화하여 나를 분.... 2021. 10. 8.
노량진 학원가에서 맛집을 왜 찾아요? 적응을 왜 해요? 난 곧 떠날 건데.(전효진 변호사) 적응을 왜 해요? 난 하루라도 빨리 이곳을 떠날 건데. ​ 맛집을 왜 찾아요? 난 여기에서 파는 밥, 이제 안 먹을 건데. 전효진 변호사님이 노량진 학원가에서 공부하는 후배들에게 전하는 영상 내용 중 일부입니다. 왠지 이 말에 울컥하는 마음이 들어 구독자님들에게 공유합니다. 내 인생에서 이렇게 치열하게 무언가를 위해 노력한 적이 있던가... 내가 과연 성공을 바랄 자격이 있는지... 나를 되돌아보게 하는 영상이네요. 저 뿐만 아니라 모든 분들이 성공을 바라고 있겠죠? 여러분들은 성공을 바랄 자격이 있으신가요? https://blog.naver.com/chopie80/222529362381 노량진 학원가에서 맛집을 왜 찾아요? 적응을 왜 해요? 난 곧 떠날 건데.(전효진 변호사) 여러분들은 지금 노량진에 .. 2021. 10. 7.
다크 테마 작업시 참고할 만한 포스팅 2건 다크테마는 지난 몇 년간 두드러진 특징 중 하나입니다. 다크테마의 줄어든 루미넌스(휘도)는 어두운 환경에서도 안정성을 제공하여 눈의 피로를 최소화합니다. 다크 테마 작업시 참고할 만한 포스팅 2건을 소개합니다. https://brunch.co.kr/@hyeminimi/38 [번역] 다크테마 디자인을 위한 8가지 팁 이번에는 서비스의 첫인상과 정체성 결정에 큰 영향을 미치는 UI의 '컬러테마'에 대한 글을 준비했습니다. 만약 블랙 톤의 다크테마를 적용하기로 했다면 꼭 읽어보시기 바랍니다. 디테일한 brunch.co.kr https://blog.naver.com/thwy/221853835418 다크 모드 덕후의 다크 모드 스터디 2편🌘🌚 이번 글에서는 구글 머티리얼 디자인 가이드의 다크 모드 섹션에 어떤 내.. 2021. 10. 6.
디자인 시스템의 장점과 단점 디자인 시스템이란? (출처 : 위키피디아) 웹이나 각종 서비스 UI 디자인에서 재사용 가능한 컴포넌트와 패턴을 정의하여, 전체 디자인에 일관성 있게 적용할 수 있도록 만든 가이드라인이나 규칙을 말한다. 미리 만들어 놓은 컴포넌트를 재사용함으로써, 좀 더 효율적으로 디자인할 수 있다. 같은 요소를 다시 만드는 수고를 덜어주기 때문에, 의도하지 않은 비일관성을 줄일 수 있다. 여러 인력이 투입되는 프로젝트에서는 이를 가이드해줄 디자인 시스템이 필요합니다. 아래 영상에서는 디자인 시스템이 생소한 분들에게 도움이 될만한 디자인 시스템의 정의부터 장점과 단점 그리고 디자인 시스템의 구조와 사례들을 정리하였습니다. 참고해보세요~ https://designup4.tistory.com/89 디자인 시스템에 대해 알아봅.. 2021. 10. 6.
[포토샵] 내용 인식 채우기에서 어색하게 처리 될때 이를 보완하는 한가지 간단 팁 포토샵의 내용 인식 채우기를 잘 활용하면 아주 큰 편리함을 주지만 위와 같이 내가 원하는 배경 이미지가 아닌 옆 사람 다리와 같이 엉뚱한 이미지로 채워주는 경우도 있습니다. 물론 AI가 점점 발전을 하겠지만 아직까지 AI 기술만에 의존하기엔 조금 무리가 있는 것 같습니다. 하지만 AI에 더 수월하게 일을 할 수 있도록 우리가 배경 이미지를 따로 지정을 해준다면 좀 더 자연스러운 결과물을 얻을 수 있을 것입니다. https://designup4.tistory.com/88 [포토샵] 내용 인식 채우기, 더 확실하게 인식하게 하는 팁 (배경영역 지정하기) 내용 인식 채우기 기능을 이용시 엉뚱한 사물이나 어색한 배경으로 채워지는 경우가 있습니다. 이때는 내가 원하는 배경만 인식하여 채워지도록 배경영역을 지정하면.. 2021. 10. 6.
UX/UI 디자인이 무슨일을 하는 것인지 궁금하신 분들에게 도움이 되는 영상입니다. 본 영상은 UXUI디자인을 설명하고 소개하는 영상은 아닙니다. from. designer 라는 커뮤니티에서 진행하는 스터디 발표자료로 “2021 UXUI 디자인 트렌드” 를 주제로 하는 영상입니다. 이 트렌드 분석을 통해 UX/UI 디자인이 무엇이며 UXUI디자이너들은 무슨일을 하는지 무엇에 집중해야 하는지를 알 수있을 것입니다. 발표자님의 일목요연하게 잘 정돈된 정보와 깔끔한 프리젠테이션이 본 영상의 내용을 이해하는데 아주 도움이 될 것입니다. https://www.youtube.com/watch?v=Y1a-X-P6n7Y 2021. 10. 1.
[포토샵] 내용 인식 채우기 기능으로 불필요한 부분 편하게 제거하기 점점 포토샵에서 인공지능 기능이 추가되고 향상되고 있습니다. 아직 사람이 하는 것보다 어색하기 때문에 아직까지 하나하나 누끼를 따고 지우고 채우고 하는 분들도 많겠지만 포토샵 AI의 장점을 나름 잘 활용하면 보다 더 효과적인 포토샵 작업을 이어갈 수 있을 것이라 생각합니다. 오늘 소개 해드릴 포토샵 기능은 "내용 인식 채우기" 입니다. 이렇게 쉽고 빠르고 편하게 철조망을 없앨 수 있습니다. https://designup4.tistory.com/87 [포토샵] 내용 인식 채우기 (Content-Aware)를 활용하여 불필요한 부분 지우기 작업 단계 1. 철조망을 대충 넓게 선택을 해줍니다. 선택 방법은 뭐든 상관없지만 이렇게 복잡한 경우에는 페인트로 색칠한 후에 색칠영역을 선택영역으로 바꾸면 아주 편합니다.. 2021. 10. 1.
일러스트에서 도형 모양에 따라 글자 맞춰 넣기 이렇게 하트모양의 글자, 별모양의 글자 등 원하는 모양에 글자를 맞춰서 넣을 수 있습니다. 일러스트에서 글자와 모양을 선택한 후 ctrl + alt + c 만 누르면 모양안으로 글자가 쏙 들어갑니다. 아주 간단한 팁이죠. https://designup4.tistory.com/86 [일러스트레이터] 원하는 도형안에 글자 우겨 넣기 적용 순서 1. 배경없는 도형 그리기 2. 선으로 조각을 낸 뒤에 그룹 해제 3. 들어갈 글자와 들어갈 영역을 shift 로 함께 선택 한 뒤에 4. Ctrl + Alt + C 주의 사항 글자를 넣은 후 수정이 designup4.tistory.com 2021. 10. 1.
글쓰기를 잘하는 4가지 상식과 3가지 비법 입니다. 블로그에 글을 작성할 때, 보고서를 작성할 때 등 글쓰기는 우리의 일상과 항상 함께 합니다. 스피치로 내 생각을 전달할때에도, 영상을 통해 내 생각을 전달할때에도 원고 준비가 선행되어야 하며, 이는 반드시 글쓰기 능력이 필요하게 됩니다. 이번 영상에서는 보기 편하고 읽기 쉬운 글을 쓰는 4가지 방법을 알려주고 있습니다. 이 4가지 방법을 적용한다해서 전문 글작가들이 작성한 글처럼 되지는 않겠지만 분명 지금보다 더 나은 글을 작성하는데에는 도움이 될 것이라 믿습니다. https://designup4.tistory.com/85 글쓰기를 잘하는 3가지 비법 - 고영성 작자 글쓰기는 재능이 아닙니다. 재능이 없다고 글쓰기를 포기하거나 두려워 하지 마세요. 글쓰기 전에 아래 4가지를 기억하세요. 1. 재능이 없음.. 2021. 9. 28.