본문 바로가기

분류 전체보기363

나를 쓸모있게 만드는 세 가지 성장법 (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.
글래스모피즘(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.
인터넷 어디서든 사용 가능한 [윈도우 이모지] 사용 방법 인스타그램, 유튜브 댓글에서 카페 블로그에서 이런 이모티콘을 많이 보셨을 것입니다. 카카오 이모티콘과 네이버 이모티콘보다는 단순하지만 그래도 여기저기 전부 사용이 가능하기에 활용도가 아주 좋죠~ https://blog.naver.com/chopie80/222497639718 [윈도우 이모지 사용법] 블로그, 인스타, 페이스북, 카페, SNS에서 쉽게 사용하는 이모티콘 이런 이모티콘을 자주 보신 적 있으시죠? 유튜브, 인스타그램 댓글에서도 많이 보이고, 카페나 블로그에서... blog.naver.com 2021. 9. 7.
페이스북을 통해 보는 메타버스와 VR산업의 현실을 자세히 알려드립니다. ‘메타버스가 만드는 가상경제 시대가 온다’의 저자 [최형욱 라이프스퀘어 대표] 님께서 알려주시는 메타버스와 VR 산업의 현실입니다. 요즘 메타버스 산업이 본격화하면서 로블록스, 제페토와 같이 많은 업체에서 메타버스 산업에 뛰어들고 있지만 그중 가장 적극적으로 많은 투자를 하는 업체는 페이스북이라 생각합니다. 오늘 소개해드릴 영상은 페이스북을 통해 알아보는 메타버스와 VR 산업의 현실입니다. 짧은 20분 러닝타임 동안 너무나 알찬 내용이 빼곡히 들어가 있기 때문에 긴장해서 보시는 것이 좋겠습니다 ^^ 이 영상 하나면 메타버스에 대해 전문가가 될 것이라 조심스레 예상해봅니다. https://designup4.tistory.com/53 페이스북이 오큘러스를 원가에 파는 이유 메타버스의 4가지 유형 비영리 기술.. 2021. 9. 3.
시멘틱 태그 (마크업) - 드림코딩 엘리 여러분들은 의미있는 코딩을 잘 하고 계신가요? 저는 아직도 섹션과 아티클이 헷갈리고, 또 볼드태그와 스트롱태그의 차이점을 몰랐습니다. 이 영상을 보기 전까지는요 ^^; 저와 같은 분들에게 도움이 될만한 드림코딩 엘리님의 영상을 소개 시켜드립니다. https://designup4.tistory.com/79 드림코딩 엘리님이 말하는 "시멘틱 마크업" 정리 시멘틱 마크업이란? div, section, article, h2 등 수많은 태그들을 문서 내용에 맞게 선택해서 사용하는 것을 시멘틱 마크업이라 합니다. 시멘틱 마크업을 해야 하는 이유? 1. SEO - 검색엔진 최적화에 designup4.tistory.com 2021. 8. 26.

티스토리툴바