웹디자이너를 위한201 쓸만한 무료 목업 소스 사이트 정리했습니다. 아래 링크에서 제가 찾은 다양한 목업 무료 사이트를 확인하실 수 있습니다. 카카오 뷰의 큐레이션 서비스라서, 제가 추가로 발견한 사이트가 있으면 수시로 업데이트될 예정입니다. 디자인 작업시 도움이 되길 바랍니다. https://blog.naver.com/PostView.naver?blogId=designup80&logNo=222748373054 쓸만한 목업 무료 사이트 정리했습니다. 생계형 웹디를 위한 목업 무료 사이트를 골라봤습니다~ 무료지만 유료만큼 아주 쓸만합니다 ^^; '목업... blog.naver.com 2022. 5. 27. 상업용 가능! 출처 표기 없음! 무료 이미지 소스 사이트 정리했습니다. 상업용으로도 가능하고 출처 표기를 안 해도 되는 사이트 위주로 골라봤습니다. 아래 링크에서 언스플래시, 펙셀즈, 픽사베이를 포함한 더 많은 이미지 소스 사이트를 확인하실 수 있습니다. https://blog.naver.com/PostView.naver?blogId=designup80&logNo=222746890190 상업용 가능! 무료 이미지 소스 사이트 정리했습니다. 상업용으로도 가능하고 출처 표기를 안 해도 되는 사이트 위주로 골라봤습니다. 아래 링크에서 언스플래시,... blog.naver.com 웹디자이너뿐만 아니라 블로그를 운영하시는 분들에게도 유용할 것 같고요, 동영상 소스도 있으니 영상 제작을 하시는 유튜버 분들에게도 도움이 될 것 같습니다. 그리고 무료로, 안전하게 사용하실 수 있습니다. 2022. 5. 26. 웹디자이너라면 이정도 기본 상식은 알아두세요. 점, 선, 면, 비율, 대칭... 이렇게 기본적인 걸 모르는 디자이너도 있나?라고 생각하시는 분들도 있을 것입니다. 근데 실제로 이런 기본적인 상식을 모르는 디자이너도 분명 있고요, 그리고 이런 기본적인 상식은 단지 이성적으로 아는 것이 중요한 게 아니라 우리의 이성 영역이 아닌 무의식 영역 속에 저장되어 있어야 이성적 판단이 아닌 무의식적으로, 즉각적으로 반응하듯 작업에 자연스럽게 적용할 수가 있거든요. 그래서 본인이 이런 기본 상식을 분명 알고 있음에도 잘 활용하지 못하는 분들도 많을 것입니다. 그래서 준비했습니다. https://blog.naver.com/PostView.naver?blogId=designup80&logNo=222739332557 유튜브 소개 , 초보 웹디자이너는 꼭 한번 봐주세요.. 2022. 5. 24. 웹디자인이 뭔지는 알고 시작하시기 바랍니다. https://youtu.be/ZpH5X8s7EwI 웹디자인 분야는 다양합니다. 웹디자이너마다 하는 일도 다르죠. 단순하게 생각하시고 그냥 대충 아무 회사나 들어가면 후회할 수도 있습니다. 웹디자인이 무엇인지 미리 알아보시고 내가 원하는 분야를 찾아보시는 것이 좋겠습니다. https://blog.naver.com/chopie80/222612468311 웹디자인 분야는 무엇인지? 어떤 디자인 직무를 선택해야 하는지 간략히 알려드립니다. https://youtu.be/ZpH5X8s7EwI 웹디자인 분야는 다양합니다. 쇼핑몰에서 하는 상세페이지 디자인은 웹... blog.naver.com 2022. 2. 2. 이게 내가 좋아하는 일이다! 이게 내 디자인이다! 말을 하세요! https://youtu.be/ocEksSAyraM 웹디자인 분야는 다양합니다. 같은 웹디자이너라고 하더라도 하는 일이 모두 다릅니다. 그리고 대부분의 웹디자이너들은 어느 한 분야에 집중하고 그 분야의 전문 디자이너로 성장하게 됩니다. 따라서 이제 막 취업을 준비하시는 예비 웹디자이너분들도 어떤 디자인 분야가 나의 길인지를 미리 선택하고 이에 맞는 준비를 해야지만 내 전문 분야의 실력을 증명할 수 있는 맞춤형 포트폴리오도 준비할 수 있을 것이고 또 그 분야의 스킬이나 각종 무기들도 준비하고 장착할 수가 있겠죠. 이렇게 해야지만 내가 원하는 그리고 내가 바라는 회사에서 만족스러운 회사 생활을 하게 될 것입니다. https://blog.naver.com/chopie80/222632466990 내가 원하는 디.. 2022. 2. 2. 어도비 블랙프라이데이 40% 할인 이벤트 신청하신 분들~ 해지 위약금을 주의하세요. 웹디자이너라면 월 사용료가 다소 부담스럽더라도 포토샵, 일러스트 등 어도비 프로그램을 무조건 쓰셔야 하는데요. 이런 상황에서 어도비 블랙프라이데이, 사이버먼데이로 불리는 11월 40% 할인 이벤트는 엄청난 개이득입니다. ㅎㅎㅎ 하지만 이용약관을 잘 읽어보지 않고 덥석 계약을 진행하신 분들이라면 1년 뒤에 당황스러운 문제를 맞이할 수 있습니다. 1년 뒤에는 정상가로 자동연장이 되고 해지를 원할 경우에는 위약금이 발생하거든요~ 이번 어도비 40% 할인 이벤트 (블랙프라이데이, 사이버먼데이) 신청하신 분들 중 "난 1년만 사용하고 해지하겠다" 고 생각하신 분들은 만료 전에 반드시 해지 요청을 하셔야 합니다. 하루만 지나도 수십만원 위약금이 발생할 수 있습니다. 아래 영상에서는 해지를 깜박 잊고 못한 경우에 위.. 2021. 12. 6. 당신의 디자인 밀도를 올려줄 <존코바 디자인> 유튜브를 추천합니다. 오늘 소개할 채널은 10년 차 모션그래픽 디자이너인 존코바님이 운영하시는 채널입니다. 제가 유튜브 프리미엄 구독을 결정하게 된 계기가 된 두 분이 계시는데요. 그중 한 분이 바로 존코바님입니다. 처음 우연히 유튜브 알고리즘 추천을 통해 존코바님의 10분짜리 영상을 봤습니다 . 그리고 느꼈습니다. "이제 도서관 갈 필요가 없겠구나..." 진짜 그 순간이 제 인생의 전환점이 되었던 것 같습니다. 이미 제가 굳이 언급할 필요가 없을 정도로 유명한 분이지만 그래도 제 구독자분들 중에 저와 같이 모르셨던 분이 분명 있을 것이라 생각이 되어 이렇게 공유하려 합니다. https://blog.naver.com/chopie80/222541297034 유튜브 소개 , 당신의 디자인 밀도를 올려줄 채널입니다. 오늘 소개할 .. 2021. 10. 19. [유튜브 추천] 인생무기 디자인하기로 - 웹디자인을 준비하시는 분들에게 추천드립니다. 현재 업로드된 영상은 총 10개뿐이지만 각 영상에서 하신 말씀이 제 가슴속 깊이 박혀 임팩트가 매우 컸던지라 이렇게 본 채널을 공유하고자 합니다. 포토샵 작업 팁, 디자인 공식 소개, 실무 작업 팁, 디자인 노하우, 심지어 아이맥 소개까지 다양한 성격의 영상들을 업로드하신 것으로 보아 디자이너들에게 유용한 영상은 모두 다루시려는 것 같습니다. https://blog.naver.com/chopie80/222533291879 유튜브 채널 소개 , 신입 디자이너분들께 추천합니다. 유튜브 영상 https://youtu.be/2178VzjrgAA 육아로 인해 도서관에 갈 수도 없고 심지어 책 서너 장도 읽... blog.naver.com 2021. 10. 12. 다크 테마 작업시 참고할 만한 포스팅 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. 글래스모피즘(Glassmorphism)의 특징 깔끔하면서도 무언가 고급스러워 보이는 글래스모피즘입니다. 사이트 전체적인 느낌을 글래스모피즘으로 만드는 것이 일반적이지만 굳이 전 화면을 하지 않더라도 디자인 요소 중간 중간에 글래스모피즘 느낌을 활용하는 것도 좋을 것 같습니다. 아래 포스팅에서 글래스모피즘의 느낌을 내는 4가지 특징을 정리하였습니다. 참고해보세요~ https://designup4.tistory.com/84 글래스모피즘(Glassmorphism)의 특징 및 참고 영상 글래스모피즘(Glassmorphism)의 특징 1. 투명도 (배경 흐림을 사용한 반투명 유리 효과) - 레이어에 투명도를 주고 뒤 이미지에 블러 효과를 준다. 2. 물체가 떠 있는 다층 접근 방식 - 그림자를 designup4.tistory.com 2021. 9. 28. 이전 1 2 3 4 ··· 14 다음