뉴스레터 | 디자인·AI·웹 트렌드 아카이브

구글, 네이버 애널리틱스 사용법

안녕하세요, 소이정입니다. 오늘은 애널리틱스 사용법을 알려드리려고 합니다.애널리틱스는 웹로그 분석툴인데요.웹사이트 방문자의 데이터를 수집하고 분석하여마케팅 성과를 검토하고 개선할 수 있도록 도와주는 분석 도구입니다.구글, 네이버 등 다양한 기업에서 무료로 제공하고 있는데요.애널리틱스를 사용하는 이유는 방문자가 어디서 유입되었는지,사이트 내에서 어떤 행동을 하는지 파악이 가능하기 때문인데요.디지털이 활성화된 지금 디지털 마케팅에도 도움이 되어많은 사람들이 사용 중이라고 합니다!오늘은 그중에서도 대중적으로 많이 사용하는구글, 네이버 애널리틱스 사용법을 소개 드려보도록 하겠습니다. 구글 애널리틱스 1. 구글 애널리틱스 가입 (1) 구글 로그인 후 사이트 접속 제일 먼저 구글 로그인 후 구글 애널리틱스로 접속합니다. Google Analytics Sign in to continue to Google Analytics Email or phone Forgot email? Not your computer? Use a private browsing window to sign in. Learn more Next Create account Help Privacy Terms analytics.google.com 사이트 접속 후 측정 시작을 눌러 주세요 (2) 계정 생성하기 ① 계정 이름을 작성해 주세요. 여러분이 보기 편한 걸로 해두면 좋겠죠? 전 회사 이름으로 해보았어요!다음으로 ② 계정 데이터 공유를 어디까지 설정할지 선택하면 되는데요. 일단 전부 선택한 후 다음 버튼을 눌러줍니다. 아래는 4가지 계정 데이터 공유 사항에 대

일러스트로 그래프 만들기

안녕하세요, 소이정입니다. 오늘은 일러스트로 그래프를 그리는 법을 알려드릴 건데요.회사를 다닐 때 디자이너는 물론이고마케팅이나 기획 업무를 하게 되면 필수로!발표를 위한 PPT를 만들게 되는데요.요즘에는 다양하고 예쁜 PPT 템플릿이 나와서그것을 애용하기도 하지만 직접 만드는 경우도 있답니다!또 직장에서가 아니어도 대학생이라면PPT를 이용한 발표수업을 하게 되기 마련이죠. 이 때 그래프는 원하는 주제를 효과적으로 전달할 수 있는수단으로 PPT 디자인에 많이 이용하고 있답니다!알아두면 유용한 일러스트 그래프 불러오기 기능!함께 배워보아요~ 출처 : freepik 사진에 있는 동그라미 그래프는 어디서든 많이 접해보셨을거 같아요.바로 파이 그래프라고 하는데요.조사의 결과를 한눈에 알기 쉽게 나타낼 수 있어 선호도 조사 결과에 많이 쓰이는 그래프입니다.그럼 한 번 같이 만들러 가볼까요 !? 파이 그래프 그리기 0. 일러스트켜고 새프로젝트 생성 일러스트를 켜고 새프로젝트를 생성해볼게요. 마찬가지로 사이즈는 여러분의 자유! 연습용이니까요~저는 1080*1080으로 해볼게요! 1. 우측 툴바에 있는 그래프 도구 클릭 일러스트를 켰다면 이제 왼쪽에 있는 툴바에서 그래프 도구를 클릭해주세요. 그래프 도구를 꾸-욱 눌러보면 다양한 그래프 도구가 나오는데요. 막대그래프 도구누적 막대그래프 도구가로 막대그래프 도구가로 누적 막대그래프 도구선 그래프 도구영역 그래프 도구산포 그래프 도구파이 그래프 도구레이더 그래프 도구까지! 무척 많은 기능들이 있답니다. 2. 파이그래프 클릭 후 영역 설정하기 그중에서 오늘 학습해볼 파이 그래프를

일러스트 기초 강좌 선그리기

안녕하세요. 소이정입니다. 일러스트로 가장 많이 하는 것이선을 그리는 것 같은데요.그만큼 섬세하고 다양한 툴이 지원되고 있어요.따라서 오늘은일러스트의 가장 기초라고 할 수 있는 선을유형에 따라 그려보도록 하겠습니다. 0. 일러스트켜고 새 프로젝트 생성하기 제일 먼저 일러스트를 켜고 새 프로젝트를 생성합니다. 대지 크기는 여러분의 마음대로 설정해주세요! 어차피 연습하는거니까요~ 저는 1080*1080으로 설정해서 열어볼게요. 1. 펜툴 선택하기 일러스트 화면 왼편을 보면 아래와 같은 도구툴들이 보이는데요. 여기서 진하게 표시된 아이콘, 펜 도구를 이용해 선을 그려봅시다. 펜 도구를 클릭해주세요. 3. 마우스로 시작점 누르고 선그리기 그리고 마우스로 시작점을 클릭해주세요. 아무 곳이나 상관없어요! 그 후 끝 점을 클릭해야 하는데요 클릭 전까지는 위의 그림처럼 예상되는 선이 마우스를 따라움직여요. 끝 점을 클릭하면 그대로 선이 생기게 되는데요. 만약 똑바른 선을 만들고 싶으시다면 Shift를 클릭하면서 마우스를 클릭해주시면 됩니다. 그러면 이렇게 선이 생겨요. 그런데 문제가 있습니다!끝 점을 클릭했는데도 불구하고 자꾸만 이어지는 선이 마우스를 따라오죠? 펜 툴로는 선과 면을 만들 수 있기 때문인데요. 만약 여기서 멈춰서 일자 선을 만들고 싶으시다면 다시 마우스를 클릭하지 마시고 키보드 Esc 눌러주세요. 그러면 마우스를 따라 생겼던 선이 사라집니다. 만약 계속해서 선을 만들고 마지막을 맨 처음 시작했던 선과 연결하면 이렇게 면이 되어요. 5. 획 패널 활성화하기 이제 이 선에 다양한 효과를 줘볼 건데요. 그전에!

포토샵 채널 알아보기

안녕하세요. 소이정입니다. 오늘은 포토샵에 있는 채널에 대해 알아보려고 합니다.채널은 이미지를 합성하거나 추출할 때 많이 사용되는 기능이라고 해요!우산 포토샵 내에서 주로 사용하는 컬러 버전은 RGB 또는 CMYK인데요.채널은 이런 색상 채널 외에도 마스크를 사용할 때 쓰는 알파 채널이 있고,RGB나 CMYK색상으로 만들 수 없는 별색을 쓸 때 사용하는 스팟채널이 있습니다.그중에서도 오늘인 기본채널에 대해 자세히 알아보도록 하겠습니다. 미리 보는 BEFORE(왼) & AFTER(오) 출처 : freepik 0. 포토샵 켜고 이미지 불러오기 제일 먼저 포토샵을 켜고 이미지를 불러옵니다. 저는 미리 보는 완성본에서 보여드렸듯 꽃밭 배경을 가져왔는데요! 하늘의 색을 좀 진하게 만들어보도록 할게요. 1. 채널 패널 확인하기 채널 확인은 레이어 패널에 있는 오른쪽 하단에서 확인 가능합니다. 하지만 보이지 않는다고 당황하지 않으셔도 됩니다. 상단 메뉴바에 있는 창 - 채널을 누르면 생겨나니까요! 3. 채널 색 확인하기 선택한 채널에서 이미지 색이 어두운 부분은 선택한 채널의 색이 많이 들어가지 않았다는 것을 의미하는데요. 먼저, 채널 창에서 빨간색만 활성화시켰을 때입니다. 두 번째는 녹색만 활성화했을 때입니다. 기존 이미지 색을 생각하면 꽃잎 부분은 어둡고, 잎 색은 밝죠? 마지막으로 파랑 채널만 활성화했을 때의 모습입니다. 하늘 부분은 정말 밝고 나머지는 어둡죠? 4. 채널 복사 후 선택 영역 만들기 하늘의 밝기와 색감을 보정하려고 했으니, 하늘과 꽃들의 색의 대비가 가장 심한 파란색 채널을 통해 선택영역을 지

무료 PPT 템플릿 사이트

안녕하세요 소이정입니다. 저는 대학생 때 발표수업이 많아서 그런지 PPT를 만들 일이 많았어요.그럴 때마다 직접 ppt 프로그램내에서 만들었는데,최근에는 무료 템플릿도 많이 공유되고 사이트들도 많이 있더라구요...?이걸 조금만 더 빨리 알았다면 활용해서 잘 사용하지 않았을까 싶습니다ㅠㅠ그래서 오늘은 시간 조금이라도 더 아낄 수 있는직장인과 학생 모두 필요한 무료 PPT 템플릿 제공 사이트 소개를 준비했습니다.한 번 함께 보실까요? 망고보드 망고보드는 프로그램을 따로 설치하지 않고 웹상에서 편집이 가능한데요.어디서든 자유롭게 프로그램없이 가능하다는 점이 편리한 점으로 나타납니다. 텍스트 효과에 있어 포토샵 못지 않은 기능을 제공하고 긴그림자, 사진이 들어가는 텍스트 등에 활용하기 좋습니다. 다양한 컨셉에 맞추어 망고보드에서 템플릿을 사용할 수 있으니 확인해보시면 좋을 것 같습니다. ppt이외에도 SNS, 카드뉴스, 포스터 등 다양한 형식의 템플릿도 있으니 참고하세요! https://www.mangoboard.net/ 프리미엄 디자인 동영상 플랫폼, 디자인 툴 :망고보드 템플릿과 이미지 등을 제공하는 쉬운 디자인 동영상 툴 프로그램. 카드뉴스, 프레젠테이션, 상세페이지, 인포그래픽, 포스터, 배너 등 제작 www.mangoboard.net 미리캔버스 미리캔버스도 망고보드와 똑같게 웹에서 제작가능한 사이트입니다. 프로그램을 따로 설치하지 않아도 되는 장점이 있습니다. 미리캔버스에서 사용중인 이미지등의 디자인 요소들은 모두 라이센스 계약을 통해 제공한다는 점도 큰 장점입니다. 상황별로 사용되면 좋은 PPT템플릿도 추

활용하기 좋은 아이콘 사이트

안녕하세요. 디자인소이정입니다. 오늘은 PPT나 웹디자인 등 다양하게 활용하기 좋은 아이콘 사이트를 모아보았습니다.아이콘은 SNS 심볼같이 말하지 않아도 알 수 있는 것을 이용해상대방으로 하여금 바로 이해할 수 있게 도와주거나 이런 직관적인 아이콘을 이용해 말하고자 하는 바를 더욱 강력하게 전달할 수 있어요. flaticon flaticon은 다양한 PPT 아이콘과 무료 픽토그램, 벡터그래픽 리소스를 제공하는 사이트인데요. 아이콘 사용시 저작권만 표시하면 문제없이 사용 가능하답니다. 상단에 필터기능과 카테고리 기능으로 원하는 아이콘을 손쉽게 다운 받을 수 있는 사이트입니다.직접 사용해보니, 한국어 검색보단 영단어로 검색했을 때 결과가 더 잘 나왔답니다!구글, 페이스북, 이메일 계정들으로 간단하게 로그인이 가능합니다. flaticon에서는 움직이는 아이콘도 다운 받을 수 있는데요. 메인 페이지에서 Animated Icons를 누르면 확인가능합니다. ▼ animated icon 예시 ▼ https://www.flaticon.com/ Free Icons and Stickers - Millions of images to download Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats www.flaticon.com lordicon 다양한 아이콘과 움직이는 아이콘을 보유한 사이트인데요. 마찬가지로 무료 사이트이며 종류도 다양하게 있습니다. html형식

뭘 이럴걸 다, 드립니다! 격하게 환영해요~ 기업별 웰컴키트

격식 차린 단정한 옷차림. 또각또각 묘하게 자신감을 채워주는 구두 소리. 서류뭉치들을 담기에 과하지도 모자라지도 않은 매끈한 가방. 그리고 화룡점정. 애매한 미소를 띤 채 팔짱을 끼고 있는 내 얼굴이 가득한 사원증. 취준생이거나 곧 취업을 준비해야 하는, 혹은 준비했던 사람이라면 한 번쯤은 꿈꿔봤을 직장인의 모습입니다. 힘든 취업 시장을 이겨내고 첫 출근하는 우리들의 모습! 생각만 해도 설레고, 기쁘셨나요? 그런데 여기, 이렇게 설레는 마음을 안고 첫 출근하는 신입사원들을 위해 기업들이 준비한 선물이 있는데요! 바로 웰컴키트입니다. 입사 첫 날, 모든 것이 낯선 신입사원들의 얼어붙은 몸과 마음을 풀어주고 환영의 의미를 전하기 위해 웰컴키트를 전하는 기업들이 늘고 있다고 해요. 다이어리, 볼펜, 포스트잇, 노트 등과 같이 일반적인 사무 용품은 물론 각 기업들마다 특색 있는 굿즈들을 전하기도 한다는데요! 개성이 물~씬 담긴 기업별 신입사원 웰컴키트, 함께 살펴 볼까요? 1. 네이버 네이버는 국내에서 최초로 2011년부터 웰컴키트를 제공해오고 있습니다. 매년 구성에 다양한 변화를 주고 있고 계열사별로도 각자의 아이덴티티를 녹이기 위해 웰컴키트에 심혈을 기울이고 있다고 해요. 출처 : 신시어리 블로그 위 이미지는 22년 네이버 클라우드 신입사원들에게 제공된 웰컴키트 입니다. 슬로건 다이어리, 미니멀 무선충전 마우스패드, 스펙트럼 컬러펜, 브랜드잇, 케어풀 포켓 새니타이저, 월드오브 피규어세트로 구성되어 있는데요. 기본적인 사무용품부터 코로나 이후 필수품이 된 휴대용 손소독제까지! 사무실은 물론 일상에서도 사용하기 좋

SVG란 무엇인가

안녕하세요, 소이정입니다. 오늘은 svg에 관해 소개 드리려고 합니다.디자인 관련 업무를 하고 계시는 분들은 익숙할 수도 있는데,많이 접해보지 않은 분들에겐 낯선 단어일 수도 있을 것 같아요.살짝 말씀드리자면, png나 JPG의 경우는 비트맵 기반의 이미지이지만, SVG는 벡터 기반인 이미지인데요!비트맵과 벡터가 무엇인지 헷갈리신다면 먼저 아래 포스팅을 확인해 주세요! https://blog.naver.com/design_soijeong/223112450566 비트맵과 벡터의 차이점 안녕하세요, 소이정입니다! 여러분은 포토샵과 일러스트레이션을 왜 같이 사용하는지 아시나요? 왜 그림을 ... blog.naver.com 그럼 이제 svg가 무엇인지, 어떻게 사용하는지, 장단점은 무엇인지 한 번 알아볼게요! SVG의 정의 Scalable Vector Graphics의 약자로 이미지 포맷 방식 중 하나입니다. 여기서 Scalable이라는 단어의 의미에 조금 집중을 해야 하는데요, 이미지 크기를 늘리거나 줄이더라도 화질에 영향을 받지 않는다는 의미입니다. 즉, svg파일은 이미지 크기를 아무리 조정해도 화질의 변화가 없답니다!벡터로 이루어져 있기도 하며, xml* 문법으로 이루어진 소스이기 때문에 웹문서 안에서도 소스코드 형태로 삽입이 가능합니다. * XML : 인터넷 웹페이지를 만드는 HTML을 획기적으로 개선하여 만든 언어이다. 홈페이지 구축 기능, 검색 기능 등이 향상되었고, 웹 페이지의 추가와 작성이 편리해졌다. SVG의 역사 SVG는 1990년대 후반에 시작됩니다. 당시 월드 와이드 웹 컨소시엄(W3C*)에서

포토샵 텍스트를 이미지로 변환하기

안녕하세요 소이정입니다. 오늘은 포토샵에서 텍스트를 이미지로 변환하는 방법을 알려드리겠습니다.텍스트는 텍스트 자체만으로도 많은 효과를 가질 수 있지만 문자로서가 아닌그림과 같은 효과를 얻기 위해 텍스트를 이미지를 바꾸기도 합니다.또한 텍스트를 이미지로 바꾸는 작업이 필요한 이유는 다양한 서체때문인데요.포토샵을 불러올 때 이런 경험 한번쯤 있지 않으셨나요? 글꼴이 호환이 되지않는다는 경고창이 뜨면해당 폰트를 다운받아서 쓰거나, 다른 폰트로 교체해야해요.그런데 만약 절대 변경되서는 안되는 텍스트가 있다면?텍스트를 이미지로 바꾸어서 수정이 될 수 없게 할 수 있어요.수정이 되지 않으니 꼭 확정된 문구만 작업하시길 바라요! 0. 포토샵 새프로젝트 생성 제일 먼저 포토샵을 켜고 새프로젝트를 생성해줍니다. 크기는 상관없으며, 저는 오늘 배경으로 가져온 이미지가 1080*1080사이즈라 그에 맞춰서 생성해볼게요. 1. 사진 불러오기 제일 먼저 배경이 될 사진을 불러옵니다. 그리고 좀 더 어두운 배경을 만들고 싶어 불투명도를 준 검은색 정사각형을 배경위에 올려줬어요. 이부분은 선택사항이니 여러분이 원하는 분위기에 맞추어 진행해주시면 되겠습니다! 2.텍스트 입력 및 수정하기 텍스트를 입력합니다. 저는 우주 관련 이미지를 가져왔기 때문에 우주 관련 명언을 함께 준비해서 작성했어요. 텍스트 수정은 화면 상단의 텍스트바에서 하거나 오른쪽 텍스트 속성 탭에서 분위기에 맞는 폰트를 적용하고 크기, 색상을 수정해주세요. 3. 텍스트 이미지화 (문자 레스터화) 텍스트 레이어에 마우스 오른쪽을 클릭한 후 문자 레스터화를 설정해주세요. (영

디자이너를 위한 상업용 무료 폰트

안녕하세요. 소이정입니다. 요즘에는 배민체, 티몬체 등..기업에서 무료로 배포하는 폰트가 자주 등장하면서 디자이너들이 활용하기 좋아진 것 같아요.저도 카드 뉴스나 동영상을 제작할 때 상업용 무료 폰트를 자주 사용하곤 하는데요.그중에서도 손글씨 느낌을 내고 싶을 때 주로 여러분은 어떤 사이트를 사용하시나요? 저는 귀여운 느낌이나 손으로 쓴 것 같은 느낌을 내고 싶을 때 손글씨 느낌이 나는폰트를 많이 사용하는데요. 그래서 준비했습니다.직접 쓴 손글씨 같은 폰트를 잔뜩 모아둔 사이트!그중에서도 상업적으로 사용할 때 거의 무리 없는 무료 폰트를 모아보았습니다.그러나 항상! 라이선스는 홈페이지에 들어가 자세히 확인해 보아야 한다는 점!명심하세요~ 어비 폰트 어비 폰트는 손글씨의 끝판왕이라고 볼 수 있는데요. 100개가 넘는 손글씨 폰트를 확인할 수 있습니다.사이트에 들어가면 첫 메인 화면에 폰트 사용에 관한 안내가 나와있는데요. 상업적 용도도 무료, 폰트 변형 사용도 무료라고 하네요!인쇄, 교육용, 이모티콘, 로고, 인터넷 등 모든 곳에서 무료로 사용이 가능해요. 어비 폰트를 가공하여 apk, webFont 등의 모든 변환 결과물은 무료로 제공해야 합니다. 유료 판매 및 조건부 교환은 법적 책임을 물어야 하니 조심해 주세요! 어비 폰트는 사이트에서 가나다순을 폰트를 다운로드할 수 있도록 되어있어요.아래 보이는 것처럼 원하는 폰트 옆 바로 가기를 통해 파일을 받을 수 있습니다. 본인이 원하는 텍스트로 테스트도 가능한데요. 원하는 폰트에 바로 가기를 눌러 확인이 가능합니다. 몇 가지 폰트만 보여드렸는데, 손글씨가 너무 귀