본문 바로가기

웹디자이너를 위한195

당신의 디자인 밀도를 올려줄 <존코바 디자인> 유튜브를 추천합니다. 오늘 소개할 채널은 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.
이미지 따고 난후 남아있는 흰색 테두리 없애기 이미지를 따고 나면 위와 같이 제품 테두리에 흰색선이 보입니다. 이건 배경색이 제품에 묻어나오는 현상으로 흰색배경에서 흰색선이 보이고 노랑배경에서는 노란선이 보이게 되죠. 이때는 필터 > 기타 > 최소값 을 활용하면 아주 손쉽게 해결이 됩니다. https://designup4.tistory.com/83 이미지 딸때 남아있는 테두리 흰색 깔끔하게 없애기 제품 이미지를 따고나면 위와 같이 테두리에 흰색이 남아 있다. 이럴때는 필터 > 기타 > 최소값 을 활용하여 없앨수가 있다. 필터값 수치가 과하면 제품 안까지 먹어들어갈 수 있으니 적당히 조 designup4.tistory.com 2021. 9. 8.
김종복님의 유화 리터칭 강좌 대한민국 최고의 포토샵 전문가 김종복님의 유화 리터칭 강좌입니다. (제 기준에서 😋) 포토샵에 기본으로 있는 유화 필터를 활용한 리터칭으로 이번 기회에 꼭꼭 묶혀놨던 유화 필터의 진가를 느껴보세요~ 보통의 리터칭 강좌는 "이 수치를 50으로 해주시고, 저 수치는 90으로 설정해주세요." 이렇게 진행이 되는데요. 김종복님의 강좌는 기능 설명을 함께 해주시기 때문에 응용 및 활용도가 아주 뛰어납니다. ㅎㅎㅎ https://designup4.tistory.com/82 유화 느낌의 포토샵 리터칭 작업 (feat.김종복 포토샵 아카데미) 1. 고급객체로 변경 - 재수정 용이 2. 샤펜 필터 적용 - 질감 효과 증가 3. 유화 필터 적용 - 변화를 보며 필터값 적용 4. 꽃과 배경 사이 그림자 효과 - 필터갤러리,.. 2021. 9. 8.
웹디자인 실력을 키우는 원리에 대해 알아봅니다. 웹디자인 실력을 키우는 방법을 찾아보면 가장 많이 나오는 것이 바로 "모방" 입니다. 잘한 사람들 것을 보고 따라해보라는 것이죠. 그리고 선배 디자이너 혹은 선임에게 물어봐도 대답은 비슷하지 않나요? 사실 저도 누군가가 저에게 물어보면 동일하게 대답할 것입니다. 유명 에이전시 홈페이지들 보고 따라 해보라고~ 근데 이렇게 해서 실력이 늘까요? 확실히 어느정도까지는 늘어나는게 맞습니다. 근데 계속 실력이 늘어날까요? 제 생각엔 따라해서 늘어나는 수준은 입사 1~2년차 디자이너 수준까지 그러니까 기본기 수준까지는 올라가는 것 같은데,,, 그 이상은 글쎄요... 아래 포스팅에서는 웹디자인 실력을 키우는 원리에 대해 이야기 하고 있습니다. https://blog.naver.com/chopie80/222444002.. 2021. 8. 20.
포토샵 신기능 업데이트 - Nueral Filters (뉴럴필터) 과거에는 포토샵을 한번 구입하면 평생 사용이 가능했지만 지금은 매년 사용료 (구독료) 를 납부해야 합니다. 돈을 낼때마다 이렇게 정책을 바꾼 어도비사에게 화가 나기도 하지만 이렇게 업데이트 통해 신기능을 재빠르게 사용할 수 있다는 점에서는 구독 서비스가 좋다는 생각이 들기도 합니다. 포토샵의 신기능들이 익숙하지 않아 이를 활용하지 않는 디자이너분들도 많이 있을 것입니다. 하지만 신기능들은 우리 디자이너들의 노가다를 줄여주기 위해 개발된 것이라는 것을 인지하시고 익숙해지도록 노력하신다면 분명히 확실히 작업에 도움이 될 것이라 생각합니다. 특히 이번 신기능은 진짜 대박입니다. 진짜 꼭 실무에 적용해보시길 추천드립니다. https://designup4.tistory.com/66 꼭 써봐야 할 포토샵 신기능 N.. 2021. 8. 8.
유튜브 썸네일 제작 팁 4가지 오랜만에 추천하는 존코바님의 영상이네요~ 존코바님의 영상을 무조건 보시는 것이 진리라 생각합니다. ㅎㅎㅎ 이번 영상에서는 구독자분의 유튜브 썸네일 작업물을 리뷰하면서 작업시 주의해야 할 4가지 팁을 알려드리고 있습니다. 웹디자이너라면 기본적인 내용이라 식상하게 느끼실 수 있겠지만 존코바님의 영상이니 확인차 한번 보시는 것도 좋을 것 같습니다. https://designup4.tistory.com/24 유튜브 썸네일은 문구(타이틀) 강조가 우선이고 가장 중요하다. 유튜브 썸네일의 작업 방향은 타이틀에 힘을 싫어주는 방향으로 진행한다. 타이틀의 의미를 방해하는 요소는 과감히 차단한다. 1. 타이틀은 읽는 디자인이 아닌 보는 디자인으로 한눈에 볼수 있 designup4.tistory.com 2021. 7. 25.
웹디자인의 기본, 조형요소와 조형원리 조형요소가 뭔지, 조형원리가 뭔지 잘 모르시는 디자이너분들도 분명 있을 것입니다. 하지만 점, 선, 면, 율동, 비례를 모르시는 분들을 없겠죠? 바로 이것이 조형요소, 조형원리 입니다. 조형요소 - 점, 선, 면, 형태, 질감 등 조형원리 - 율동, 비례, 대비 등 이번 영상에서는 기초 미술수업을 통해 이런 조형요소와 조형원리에 대해 자세히 공부할 수 있는 시간이 될 것 같습니다. 디자이너라면 반드시 보셔야 할 영상이라 생각합니다. https://designup4.tistory.com/40 조형요소와 조형원리 조형요소 작품을 제작할 때 필요한 기본적인 구성요소 점 선 면 형(형태) 명암 색 질감 공간감 조형원리 조형요소들이 유기적으로 잘 연계되어 작품을 구성하도록 하는 것 조형요소들 designup4.t.. 2021. 7. 25.