본문 바로가기

웹디자이너를 위한/매거진81

당신의 디자인 밀도를 올려줄 <존코바 디자인> 유튜브를 추천합니다. 오늘 소개할 채널은 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.
디자인 시스템의 장점과 단점 디자인 시스템이란? (출처 : 위키피디아) 웹이나 각종 서비스 UI 디자인에서 재사용 가능한 컴포넌트와 패턴을 정의하여, 전체 디자인에 일관성 있게 적용할 수 있도록 만든 가이드라인이나 규칙을 말한다. 미리 만들어 놓은 컴포넌트를 재사용함으로써, 좀 더 효율적으로 디자인할 수 있다. 같은 요소를 다시 만드는 수고를 덜어주기 때문에, 의도하지 않은 비일관성을 줄일 수 있다. 여러 인력이 투입되는 프로젝트에서는 이를 가이드해줄 디자인 시스템이 필요합니다. 아래 영상에서는 디자인 시스템이 생소한 분들에게 도움이 될만한 디자인 시스템의 정의부터 장점과 단점 그리고 디자인 시스템의 구조와 사례들을 정리하였습니다. 참고해보세요~ https://designup4.tistory.com/89 디자인 시스템에 대해 알아봅.. 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.
글래스모피즘(Glassmorphism)의 특징 깔끔하면서도 무언가 고급스러워 보이는 글래스모피즘입니다. 사이트 전체적인 느낌을 글래스모피즘으로 만드는 것이 일반적이지만 굳이 전 화면을 하지 않더라도 디자인 요소 중간 중간에 글래스모피즘 느낌을 활용하는 것도 좋을 것 같습니다. 아래 포스팅에서 글래스모피즘의 느낌을 내는 4가지 특징을 정리하였습니다. 참고해보세요~ https://designup4.tistory.com/84 글래스모피즘(Glassmorphism)의 특징 및 참고 영상 글래스모피즘(Glassmorphism)의 특징 1. 투명도 (배경 흐림을 사용한 반투명 유리 효과) - 레이어에 투명도를 주고 뒤 이미지에 블러 효과를 준다. 2. 물체가 떠 있는 다층 접근 방식 - 그림자를 designup4.tistory.com 2021. 9. 28.
웹디자인 실력을 키우는 원리에 대해 알아봅니다. 웹디자인 실력을 키우는 방법을 찾아보면 가장 많이 나오는 것이 바로 "모방" 입니다. 잘한 사람들 것을 보고 따라해보라는 것이죠. 그리고 선배 디자이너 혹은 선임에게 물어봐도 대답은 비슷하지 않나요? 사실 저도 누군가가 저에게 물어보면 동일하게 대답할 것입니다. 유명 에이전시 홈페이지들 보고 따라 해보라고~ 근데 이렇게 해서 실력이 늘까요? 확실히 어느정도까지는 늘어나는게 맞습니다. 근데 계속 실력이 늘어날까요? 제 생각엔 따라해서 늘어나는 수준은 입사 1~2년차 디자이너 수준까지 그러니까 기본기 수준까지는 올라가는 것 같은데,,, 그 이상은 글쎄요... 아래 포스팅에서는 웹디자인 실력을 키우는 원리에 대해 이야기 하고 있습니다. https://blog.naver.com/chopie80/222444002.. 2021. 8. 20.
이런 분들은 웹디자이너 하지마세요. 분명 후회하고 포기합니다. 본 영상에서는 웹디자이너의 현실을 주관적인 경험을 통해 전하고 있으며 이를 통해 쉽게 웹디자인을 시작하시는 분들에게 주의를 주는 영상입니다. 만약 웹디자이너를 준비하시는 분들이 계신다면 한번 참고해보시는 것도 좋을 것 같습니다. 첫 번째. 일반 웹디자인 학원을 다니면 웹디자인을 할 수 있다고 믿으시는 분 두 번째. 회사에서 일하며 사수에게 배우고자 분 세 번째. 평생 공부를 할 자신이 없는 분 네 번째. 자유로운 프리랜서를 희망하시는 분 다섯 번째. 고집, 주관이 강하신 분 여섯 번째. 좋은 근무환경을 기대하시는 분 (연봉, 복지, 회사 환경 등) https://youtu.be/sSTEnA4PfQQ 2021. 7. 15.
UI디자인의 역사와 UX의 시작 헷갈리는 UX와 UI의 개념 웹디자인을 배우는 분들이 가장 먼저 접하는 단어는 UX UI 디자인이 아닐까요? UX UI가 사용자 화면을 디자인을 한다는건 알겠는데... 무슨 차이가 있는지 애매합니다. 아래 영상에서는 UI시작이라 할수 있는 도스의 CUI 부터 이야기가 시작되며 도널드노먼의 UX까지 이어집니다. 두 개념이 애매하신 분들은 한번 참고해보세요~ 블로그 포스팅 https://blog.naver.com/chopie80/222388588573 UX와 UI, 그리고 웹디자인에 대해 말씀드립니다. 이번 포스팅에서는 UX와 UI가 무엇인지? 그 차이점에 대해 이야기 해보겠습니다. 이제 막 웹디자인을 ... blog.naver.com 유튜브 영상 https://www.youtube.com/watch?v=G.. 2021. 7. 10.
웹디자이너 모니터는 패널, 해상도, 색재현율만 보셔도 됩니다. 모니터를 알아보시는 분들을 혼란스럽게 만드는 응답속도, 프레임, 명암비, 시야각, 색재현율, 해상도, 패널... 이 모든 조건을 다 부합하면서도 가격은 저렴하게... 정말 어려운 숙제입니다. 아래 포스팅은 에서는 웹디자이너 모니터는 패널, 해상도, 색재현율만 보면 된다는 주제의 글인데요~ 대략 미리 요약을 해드리자면 패널은 TN패널은 피하고 색재현율은 srgb 100%, 크기 및 해상도는 24인치, 1920 x 1080( FHD)를 선택하라고 합니다. 아래 링크에서 자세한 내용을 확인해보세요~ https://blog.naver.com/chopie80/222411797274 웹디자이너 모니터 구입시 체크 사항을 정리해드립니다. 모니터 구입 시에 확인하셔야 할 조건들은 응답속도, 프레임, 명암비, 시야각, .. 2021. 6. 28.
UX UI 디자인와 웹디자인의 차이 https://bestofme-20.tistory.com/86 웹디자이너와 UI UX 디자이너의 차이 UI/UX 디자이너를 지망하는 사람들이 많아졌습니다. UI UX 디자이너가 실제로 어떤 업무를 하고 웹디자이너와의 차이점은 무엇인지 알아보고 현장에서 요구되는 스킬에 대해서도 알아보겠습니다. bestofme-20.tistory.com UX 디자인 과거 웹사이트의 기본설계, 고객 니즈 분석, 마케팅 등을 담당 했던 웹 디렉터의 진화이기도 하며 웹 디렉터 업무의 연장선상에 놓이게 된 직무 UX 디자이너는 웹사이트의 기본설계를 담당하는 중추적인 역할 담당 UI 디자인 용어 그대로 UI(user interface) 사용자 화면을 디자인 하는 직무 웹사이트의 구성요소인 색상과, 이미지, 아이콘, 서체등을 적절히 .. 2021. 6. 26.
웹디자이너라면 기본 사무용 모니터를 사용해야 합니다. 웹디자이너라면 디자인 작업을 통해 멋진 결과물을 만들어내는 업을 하시는 분이라면 당연히 디자인 전용 모니터를 쓰고 계시겠죠? 근데 이 포스팅에서는 웹디자이너는 디자인 전용 모니터가 아니라 기본 사무용 모니터를 써야 한다고 주장하고 있습니다. 왜 이런 황당한 주장을 하는지 확인해보세요~ http://naver.me/FrKkXOCT 웹디자이너가 기본 모니터를 사용해야 하는 이유 [BY 디자인업] 세상에는 흔히 기본적으로 많이 사용하는 일반 사무용 모니터부터 백만원 이상에 달하는 ... m.post.naver.com 2021. 6. 13.
자투리 공부방법 for 생계형 웹디자이너 (1편) IT분야는 변화가 빠르기 때문에 항상 공부를 통해 자기개발을 해야 합니다. 이는 웹디자이너도 예외는 아닌데요, 보통 미혼인 분들은 시간적 여유가 어느정도 있겠지만 기혼자 분들 게다가 현재 육아를 병행하시는 분들은 사실상 공부할 시간이 거의 없습니다. 저 또한 이와 비슷한 상황이기에 저는 자투리 시간을 활용하여 공부를 하고 자기개발을 하고 있습니다. 방법은 간단합니다. 버스를 기다리면서 지하철을 타면서 누군가를 기다리면서 5분, 10분 이라도 짜투리 시간이 생기면 스마트폰을 뒤적거리잖아요? 그 시간을 이용해서 디자인 유튜브채널이나 핀터레스트와 같은 벤치마킹 사이트를 보는거예요. 아마도 보통 이런 짜투리 시간이 생기면 뉴스기사나 자주가는 사이트 혹은 카페의 글을 보셨을텐데요, 우리는 지금 공부는 필요하지만 .. 2021. 5. 21.
생계형 웹디자이너분들을 위한 유튜브 채널을 소개 해드립니다. 이 채널에서 보통의 디자이너가 아닌 생계형 직업으로 웹디자인을 선택했거나 웹디자인을 준비하고 계신 분들을 위한 채널로 웹디자이너가 실제 작업 순서를 통해 어떻게 진행되는지 보여드리고, 생계형 디자이너의 환경과 다양한 팁, 노하우를 공유하기 위해 이 채널을 개설했습니다. 생계형 웹디자인이란 무엇입니까? 생계형 웹디자이너라는 말은 없습니다. 보통의 웹디자이너 분들과 구별하기 위해 만들 말로 생계형 웹디자이너의 차이점이라 하면 아래와 같이 정리할 수 있을 것 같습니다. ※ 주관적인 견해가 들어갔으므로 참고만 해주시기 바랍니다. 구분 일반 웹디자인 생계형 웹디자인 마음가짐 소신과 포부가 중요함 당장의 급여가 중요함 출발점 대학 및 전문교육기관 (대부분) 국가지원 취업패키지 (국비지원학원) 작업에 임하는 자세 작.. 2021. 4. 15.
크몽, 오투잡, 라우드소싱과 같은 디자인판매 사이트에 대한 제 생각입니다. 10년 전 디자이너 모임 술자리에서 저가 홈페이지 제작업체가 디자인 시장에 미치는 영향에 대해 이야기를 한 적이 있는데 그때가 생각이 나네요.^^ ​ 제대로 된 홈페이지를 만들려면 여러 분야의 고급인력들이 많은 시간을 할애하여 만들어야 하는데, 30만원 혹은 10만원 홈페이지라는 가격을 내세워 싸구려 홈페이지를 그냥 찍어내는 홈페이지 공장들 때문에 우리 디자이너의 능력 가치가 떨어진다. 이런 가격경쟁시장에서는 디자이너들이 퀄리티가 아닌 단가와 시간에 맞춰 작업을 진행하게 될 것이며, 이는 당연히 홈페이지 시장이 전반적으로 후퇴하게 되는 결과가 올 것이다.라는 이야기를 했었죠. 당시 그 자리에 모인 디자이너들 대부분이 이 주제에 대해 공감하고 있었으며, 심지어 저가 업체들을 심하게 욕하는 사람들도 있었습니.. 2020. 9. 25.
해외 유명 브랜드 로고에서 사용한 폰트 입니다. 이번 영상에서는 해외 유명 브랜드 로고에서 사용한 폰트 70개를 소개하고 있습니다. 중간에 LG 로고도 살짝 보이네요 ^^ 해당 영상은 [logo_fonts] 인스타그램에서 참조하였기 때문에 아래 인스타그램으로 접속하시면 더 많은 사례들을 확인하실 수 있습니다. 바로가기 : www.instagram.com/logo_fonts/ 끝으로 이번에 오픈한 [All Design Ideas] 블로그도 함께 첨부 해드립니다. 바로가기 : alldesignideas.com/ 영어라고 겁먹지 마세요~ 우리에겐 구글 번역이 있으니까요~ 2020. 9. 24.