피그마 사용법, 메뉴 구조 빠르게 알아보기 - 5군데만 보세요 [내부링크]

피그마 처음이라 뭐부터 배워야 할지 모르시겠나요? 5군데만 보세요. 메뉴 구조를 누구보다 빠르게 알아봅시다! 왼쪽 상단 확대 | 01 왼쪽 상단 메뉴 파일에 대한 설명을 하거나 객체를 만드는 메뉴가 있습니다. 메인 메뉴 : 파일 설정 등 선택 (Move) 프레임 (Frame) 도형 만들기 : 도형, 선, 이미지 넣기 펜툴 : 펜툴, 연필툴 글자 입력 (Text) 리소스 : 컴포넌트, 플러그인, 위젯 이동 (Hand) : 화면을 이동할 때 코멘트 : 의견 남기기 메인 메뉴(피그마 로고) : 피그마 파일 목록으로 돌아가기, 내보내기, 히스토리 보기, 플러그인 등 | 02 왼쪽 메뉴 각 페이지 안에 만들어진 프레임을 볼 수 있습니다. 프레임 별로 안에 있는 요소를 볼 수 있어요. 레이어 - 페이지 : 페이지별로 다른 화면이 보입니다. - 프레임 : 페이지 안에 만들어져 있는 종이 같은 개념. - 요소 : 종이 안에 그려진 요소들. 에셋 - 컴포넌트 - 팀 라이브러리 검색 텍스트를 검색해서

쇼핑몰 사이트 제작, 카페 24 장점 단점은 뭘까? [내부링크]

요약 장점 - 무료 (서버, 도메인, pg, 제작, 디자인 템플릿) - 쇼핑몰 기능이 많음 단점 - 쇼핑 외 기능이 부족 - 복잡함 카페24 대표적인 쇼핑몰 구축 솔루션. 가장 고도화된 기능을 제공. 카페24의 장단점을 알아보자! | 카페24 장점 - 무료 무료로 제작 가능. - 서버비(호스팅) 비용 무료. - 무료 도메인 이용 가능. 무료 도메인에는 카페24라는 문구가 들어감 유료 도메인 연결 가능. - 무료 디자인 템플릿 무료 템플릿이 있지만 유료 템플릿을 구매하면 돈이 든다. 쇼핑몰을 수정할 때 디자이너나 개발자에게 맡긴다면 돈이 든다. 직접 다 하면 돈이 들지 않는다. PG사 비용이 있지만 무료 이벤트를 이용하면 비용이 들지 않는다. 무료로도 만들 수 있다는 건 정말 큰 장점입니다. 보통 쇼핑몰이나 사이트를 만들면 기본 유지보수 비용이 들어요. 사이트를 돌아가게 하는데 필요하는데 필요한 가상의 컴퓨터를 서버라고 합니다. 카페24에서는 서버 호스팅 비용이 무료예요. 카페24는

아임웹 쇼핑몰 홈페이지 제작시 장점 단점 [내부링크]

아임웹 코딩 없이 누구나 쉽게 홈페이지를 만들 수 있는 서비스 클릭& 드래그만으로 반응형 홈페이지와 쇼핑몰 구축 가능. 요약 장점 : - 코딩없이 쉽게 만들 수 있다. 유지 보수가 쉽다. - 다양한 기능 (쇼핑몰, 블로그, 예약, 입력폼, 회원 등급, 갤러리) - 비주얼이 좋은 홈페이지를 만들기 좋다. 단점 : 서버 호스팅 비용이 든다. 쇼핑몰의 경우 월 24000원. 쇼핑몰 기능이 카페24에 비해 부족하다. | 아임웹 장점 쉬운 조작 방식. 클릭&드래그 방식. 누구나 쉽게 제작 가능. 콘텐츠 플랫폼과 커뮤니티 구축에 용이 다양한 게시판 디자인이 있음 다양한 비주얼 템플릿 제공 브랜딩하기에 좋음 아임웹 홈페이지 전문 디자이너들이 있음 쉬운 유지보수 디자이너나 웹마스터 없이 유지보수 가능 회사 소개 페이지, 개인 포트폴리오, 매거진 등 다양한 용도로 사용 가능. 입점용 페이지 같이 제작 가능. html 코딩이 필요한 솔루션들과 다르게 드래그만으로 위젯과 모듈을 활용해 손쉽게 홈페이지

쇼핑몰 웹사이트 제작 과정은 어떻게 진행될까? [내부링크]

쇼핑몰 웹사이트 제작 과정 안녕하세요. 홈페이지 제작하는 디자이너 이로운재능입니다. 이번에는 자사몰 홈페이지 제작 과정을 시작부터 끝까지 알려들겠습니다. 그럼 start! | 제작 과정 기획 - 디자인 - 제작 크게 3단계로 이루어집니다. 쇼핑몰, 기업 홈페이지, 병원 홈페이지 어떤 홈페이지든 크게 이 3단계로 이루어져요. 기획 무엇을 만들지 정하고 어떻게 만들지 설계를 하는 단계입니다. 아래와 같은 일을 하게 됩니다. | 요구 사항 분석 의뢰인이 무엇을 만들길 원하는지 분석하는 시간입니다. 잘못 파악하면 잘못 만들게 되겠죠? 만들고 싶은 페이지 어떤 페이지를 만들고 싶은지 정보를 받습니다. 예) 메인, 상품 목록, 상품 상세, 고객센터 게시판 페이지별 필요한 기능과 설명 페이지, 기능에 따라 견적이 정해지기 때문에 계약에 앞서 필요한 작업입니다. | 기획서 만들기 전에 어떻게 만들지 기획을 하고 기획서를 작성합니다. 프로젝트 볼륨, 상황에 따라 기획서를 디테일하게 만들거나 간소화합

카페24 자사 쇼핑몰 홈페이지 제작 비용 얼마일까? [내부링크]

카페 24 쇼핑몰 제작 비용 쇼핑몰을 만들 때 들어가는 비용은 어떻게 될까? | 서버비 무료. | 도메인 비용 무료. 기본 무료 제공. 유료 도메인 연결 가능. 유료 구매시 1년에 1~2만원. | PG사 가입비 무료. (원래는 22만원) 이벤트로 무료. 카드사 가입비는 원래 22만원이다. 이벤트로 0원(무료)인 곳이 있다. nhn KCP, 토스 페이먼츠, kg 이니시스, 이지페이(한국정보통신), 스마트로(KT그룹사) 등이 있다. 22만원을 받는 곳도 있고 이벤트로 무료로 진행하는 곳도 있다. 카드사, 휴대폰 결제, 간편결제, 편의점 결제 각각 따로 비용이 든다. | pg사 가입을 하려면? 사업자등록, 통신판매업 신고가 필요하다. 신청 기간 중 바로 오픈을 통해서 먼저 결제를 받고 승인이 되면 정산을 받을 수 있다. | 사업자등록 - 등록은 무료. 개인사업자등록을 하는데 비용은 (수수료) 없다. - 세금. 개인사업자가 되면 부가세, 종합소득세를 내게 된다. - 사업장 임대 비용. 사업

자사몰 쇼핑몰 웹사이트 제작 비용 - 아임웹 [내부링크]

쇼핑몰 만들 때는 얼마나 돈이 들어갈까요? 지난 시간에는 카페24로 만드는 비용을 알아봤습니다. 이번엔 아임웹으로 자사몰 홈페이지 만드는 비용을 알아 보겠습니다. | 아임웹 사용비 쇼핑몰 플랜 : 월 24000원. (1년 결제할 경우) 서버 호스팅비 포함된 가격. 카페 24의 경우 무료로 쇼핑몰을 만들 수 있지만 아임웹의 경우 매달 사용 요금을 내야 합니다. 기능별 요금 아임웹은 어떤 기능을 사용하는지 플랜별로 요금이 달라집니다. 프리, 스타터, 프로, 글로벌 4가지 플랜이 있습니다. 프리(무료) 하단 고정으로 아임웹 광고가 붙습니다. 보기가 불편해요. 스타터 쇼핑몰 기능이 없는 일반 홈페이지. 월 1만 6000원. 프로 쇼핑몰 기능. 월 2만 4천원 글로벌 월 4만원 (1년 결제) 다국어 버전. 한국어, 영어, 중국어, 일본어, 베트남어 등 다국어를 사용할 수 있습니다. 결제 주기별 요금 또 매달 정기 결제, 3개월, 6개월, 1년, 2년 결제 따라 가격이 달라집니다. 한 번에 기

자사몰 쇼핑몰 만들면 좋은 점, 이유 10가지 [내부링크]

자사몰 홈페이지 만들어야 하는 이유 자사몰이란? 자기 회사 쇼핑몰. 별도의 입점 없이 직접 운영하는 쇼핑몰. 카페24, 아임웹 등과 같은 솔루션을 통해 임대형 쇼핑몰 구축하는 편이다. 임대형이 아닌 독립몰의 경우 많은 돈이 든다. 무료 쇼핑몰인 스마트 스토어만으로도 몇 억대 수익을 올리는 사람이 많습니다. 수수료가 많이 비싼 것도 아니고 네이버에도 노출되고 편리한 점이 많습니다. 그렇다면 왜 자사몰을 만들어야 할까요? 사람들은 왜 자사몰 웹사이트를 만들고 싶어할까요? 왜 대기업들은 다 자기 쇼핑몰이 따로 있을까요? 왜 다 규모가 커지면 자사몰을 만들까요? 그래서 알아 봤습니다. 자사몰 만들면 어떤 이득이 있는지! 자사몰을 만들면 좋은 점 | 브랜드에 대한 신뢰 강력한 브랜딩 마켓 플레이스에서는 상품 그 자체가 우선이라면 자사몰에서 구매하는 것은 자사몰의 이미지를 보고 구매하게 됩니다. 이 자사몰의 상품에 나에게 잘 어울린다거나 분위기 마음이 들기 때문에 구입합니다. 기본적으로 신뢰가

판매하고 있는 것들 웹사이트와 앱 [내부링크]

안녕하세요. 저는 UI/UX 디자이너입니다. 앱과 웹을 디자인하는 일을 하고 있어요. 어떻게 하면 사용자가 더 편리하게 핵심 기능을 사용하게 하게 할지, 구매율을 높일지 고민하면서 디자인을 하고 있습니다. 기획자, 개발자와 함께 앱과 웹을 만들고 있습니다. 어떤 서비스를 제공하고 있는지 알려드릴게요. 대표적인 5가지를 얘기해볼게요. 목차 - 워드프레스 홈페이지 - 네이버 블로그 홈페이지 - 공공기관 스크래핑 사이트 - 견적 앱 - 예약 매칭 앱 | 01 워드프레스 홈페이지 저렴한 가격으로 내 서비스를 효과적으로 홍보할 수 있는 홈페이지입니다. 서비스 홍보하기 위해 많은 분들이 홈페이지를 제작하고 싶어 합니다. 처음부터 구축하면 많이 비용이 들지만 워드프레스를 이용하면 저렴한 가격으로 홈페이지를 만들 수 있습니다. 워드프레스는 쉽고 효율적으로 사이트를 만들 수 있게 도와주는 툴입니다. 투입 인원에 따라 가격이 달라지는데 홍보용 워드프레스 같은 경우 저 혼자서도 제작이 가능합니다. 그래

워드프레스 홈페이지 제작 과정 10단계 [내부링크]

안녕하세요. 홈페이지 제작을 맡기면 어떻게 진행되는지 궁금하신 분들이 많으실 거예요. 진행과정을 알려드리겠습니다. 01 상담 먼저 상담을 진행하게 됩니다. 문의하기 양식에 맞게 작성해주시면 검토하여 답변을 드립니다. 보내주신 내용과 상담을 토대로 견적서를 작성하게 됩니다. 만들려는 페이지수, 들어가는 기능, 원하는 디자인 퀄리티에 따라 견적이 정해집니다. [문의하기 양식 내용] 만들려는 서비스 종류 (워드프레스 홈페이지, 웹사이트, 안드로이드 앱, 아이폰 iOS 앱, 하이브리드앱 ) 벤치마킹 사이트 url 주소, 예산, 희망 런칭 일자, 서비스에 대한 설명, 타깃, 사이트 목적, 원하는 디자인 스타일, 의뢰인 이메일 02 계약 의뢰를 맡기겠다고 결정하시게 되면 계약을 체결합니다. 글로싸인 등 온라인으로도 계약서 작성이 가능합니다. 03 요구사항 분석 만들기 전에 어떤 서비스를 만들려고 하는지 정확한 분석이 필요합니다. 요구사항 분석 과정이라고 합니다. 분석을 위해 설문지 작성을 요청

무료 일러스트 이미지 소스 사이트를 소개합니다 [내부링크]

안녕하세요. 웹사이트를 디자인할 때, 앱 UI를 만들 때 정말~ 유용한 사이트를 소개하려고 합니다. 무료 일러스트를 다운 받을 수 있어요. | humaaans Sketch, Figma, InVision Studio, Adobe XD 프로그램에서 사용 가능 https://www.humaaans.com/ | DrawKit 2D,3D 일러스트, 아이콘, 애니메이션. 무료/유료 피그마, svg, png 등 다운 가능 https://www.drawkit.com/ 별표가 있는 것은 유료다. | Open peeps 손그림 느낌의 일러스트 pro는 유료버전. 무료버전도 있다. https://www.openpeeps.com/ | freepik https://www.freepik.com/ 무료/유료 무료로 사용하려면 출처 코드를 남겨야 한다. | unDraw svg, png로 다운로드 가능 포인트 컬러를 쉽게 바꿀 수 있음. https://undraw.co/illustrations | Ira Desi

피그마로 gif 애니메이션 만드는 방법 너무 쉽습니다 [내부링크]

안녕하세요. 요즘 제가 gif를 만들고 있습니다. 저번에는 포토샵으로 만드는 방법을 알려드렸는데 이번에는 피그마(figma)로 만드는 방법을 알려드릴게요! 방법을 익히기 전에 아 나도 누가 이렇게 가르쳐 줬으면 좋았을텐데 라고 생각 드는 부분을 적었습니다. 직접 포토샵, 피그마 둘다 사용해보면서 느낀 차이점도 있으니 재밌게 읽어주세요! 플러그인 Giffy Canvas | 이미지 준비 먼저 gif 애니메이션을 만들 이미지가 있어야 합니다. 저는 2단계로 만들었어요. gif를 만들 프레임을 모두 선택해 주세요 | 플러그인 '리소스' 아이콘을 눌러 주세요. 파란색 사각형 3개 있는 아이콘.(단축키 shift + i) 2번째 탭 '플러그인(Plugins)'을 눌러주세요. 컴포넌트, 플러그인, 위젯 이 중 2번째. Giffycanvas 를 검색해 주세요. gif를 만들 수 있는 플러그인입니다. | 요소 선택 -> Run gif를 만들 요소를 선택한 상태에서 Giffy Canvas의 run을

공장장 블로그 챌린지 4주 이상 진행한 후기 성과 [내부링크]

나는 홈페이지와 앱 개발 블로그로 브랜딩을 하고 싶어서 블로그 챌리지를 시작했다. 4주간 챌린가 끝났다. 나는 어떤 것을 얻었을까? 1 글쓰기 습관 2 블로그 브랜딩 3 수익화, 스터디 모집 4 함께 하는 사람들 5 지수 1 글쓰기 습관 글쓰는 재미를 알아 버렸다 블로그 챌린지는 1주 6포스팅 이상을 해야 한다. 처음엔 쉽지 않았다. 글쓰기 근육이 잡혀있지 않았다. 그런데 계속 쓰다보니 어느 날은 쓰지 않으니 어색하게 느껴졌다. 어떻게 글쓰기에 재미를 느끼게 되었을까? 글을 쓰면 바로 보상을 받는다. 바로 댓글과 좋아요이다. 글을 봐주는 사람이 있기에 신이 나서 더 쓰게 된다. 그게 그렇게 즐거운 줄 몰랐다. 쓰다보니 요령이 생겼다. 하나의 주제를 잡고 써 나가기. 하루에 조금씩 주제, 글구성에 대해 생각하고 메모하기. 문제, 해결 방식으로 쓰기 등 요령이 생겼다 2 블로그 브랜딩 챌린지를 시작했던 목적이다. 다시 시작하는 블로그라 홈페이지 관련 주제 글이 10개도 안 되었다. 4주

공장장님 블로그 브랜딩과 상위노출 원데이 강의 후기 [내부링크]

블로그에 대해 자신이 알고 있는 거의 모든 것을 알려주는 강의 블로그 챌린지가 끝났습니다. 챌린지가 끝난 것을 축하하며 운영자 공장장님께서 블로그에 대해 배우는 오프라인 원데이 강의를 여셨어요. 블로그에 대해 자신이 알고 있는 거의 모든 것을 알려주는 강의였습니다. 챌린지를 하면서 많이 성장했기에 당연히 참가를 했습니다! 역시나 안 들었으면 후회할 뻔 했습니다. 블로그에 대해 알고 있는 거의 모든 것을 알려주는 강의였어요! 상위 노출 꿀팁들 저도 블로그 브랜딩이나 상위노출에 관심이 있었기에 어느정도 지식은 있었습니다. 알고 있는 것도 있었지만 새로 알게 된 디테일한 정보들이 많았어요. 블로그 금칙어가 있다는 것은 알았지만 무료 프로그램이 있다는 것은 몰랐습니다. 어떤 블로그를 상위에 노출시켜 줄까? 기본 로직 내 블로그 점수와 내 글의 점수를 합산하여 상위노출시킨다고 합니다. 블로그 기본 로직도 이미지로 만들어 같이 보면서 설명해주시니 흐릿하게 알고 있던 지식도 단단하게 강화되었습니

[강의] 내 사업에 맞는 자사 쇼핑몰 제작 방법은 뭘까? [내부링크]

안녕하세요! 홈페이지 만드는 디자이너, 이로운재능입니다. 제가 온라인 셀러 카페 막퍼스에서 강의를 열게 되었습니다. 스마트 스토어를 운영하시는 분들이 많으시다보니 독립몰을 준비하시거나 생각하는 분들도 많으실 거예요. 자사몰 어떤 플랫폼에서 만들어야 할까? 자사몰을 처음 준비하시다보면 어디서부터 준비해야 할지 막막하게 느껴지실 거예요. 쇼핑몰 구축 솔루션은 카페 24, 아임웹 등 많다던데 어떤 걸로 만들어야 할까? 무슨 차이가 있는 걸까? 비용은 얼마나 들까? 내 사업에는 어디서 만드는 것이 나을까? 만들기도 전에 방법을 선택하는 것부터 머리가 아파옵니다. 그렇다고 그 차이를 모르고 만들면 후회하거나 나중에 다시 만들어야 할 수도 있습니다. 저도 몰랐어요 쇼핑몰을 만들어 보기 전 저도 그랬습니다. 솔루션별 어떤 차이가 있는지 몰랐고 명쾌하고 쉽게 알려주는 곳을 찾지 못했어요. 막연히 어렵게만 느껴졌어요. 쇼핑몰을 만들기 위해 정보를 찾고 직접 만들어 보면서 그 차이를 알게 되었어요.

AI 이미지 사이트 종류, 활용법 무료 강의 후기 - 언리밋 [내부링크]

무료 강의인데... 강의를 듣는 것만으로 돈이 굳었습니다. 와...안 들었으면 후회할 뻔 했습니다. 이제 AI 를 업무에 활용할 수 있을 것 같아요. 홈페이지 제작에 모델 AI 사진을 이용해보자! 저는 홈페이지 제작 일을 하고 있습니다. 기획부터 디자인, 제작까지 다 할 수 있어요. 홈페이지를 만들 때 모델 사진을 이용하게 됩니다. 무료 사진 사이트에서는 적절한 포즈를 찾기가 힘듭니다. 한국인이 모델인 사진은 유료로 구입해야 합니다. 클립아트 코리아와 게티 이미지 뱅크를 결제하여 사용하고 있는데 각각 100만원 정도입니다. 한국인 모델을 구할 수 있지만 포즈는 내가 정할 수 없죠. 그렇다고 모델을 직접 구해서 찍으면 돈이 너무 많이 들죠. 모델비, 사진 촬영하는 비용과 시간... AI기술을 활용하면 모델이 있는 사진을 만들어 낼 수 있습니다. 무료 AI 사이트도 있지만 미드저니 같이 고퀄리티를 뽑아주는 AI사이트는 유료입니다. 그럼에도 모델을 쓰는 것보다는 훨씬 이득입니다. 벡터 이

피그마 이름 한 번에 바꾸는 방법, 숫자 붙이기 [내부링크]

1) 선택 드래그 해서 이름을 바꾸고 싶은 프레임이나 이미지를 선택한다. 2) ctrl + R ctrl (컨트롤) + R 을 누른다. 맥 사용자는 Command (커맨드) + R 3) 텍스트 입력 모든 프레임 이름 앞에 블로그라는 키워드가 붙게 된다. 4) 숫자 붙이기 아래로 내려가는 화살표 버튼 클릭. 오름차순 1->2->3 이렇게 숫자가 붙는다. 5) 완성 블로그01, 블로그02, 블로그03... 이렇게 앞에는 블로그가 붙고 뒤에는 숫자가 붙는 형태로 바뀌었다. 이름을 한번에 다 바꿨다. 작업을 하다보면 페이지 수가 수백장씩 많이 늘어납니다. 일일이 제목을 바꾸면 많은 시간이 소요됩니다. 이런 기능을 이용하면 빠르게 일을 처리할 수 있어 작업 효율이 올라갑니다. 도움이 되셨다면 좋아요, 댓글을 남겨주세요 피그마 꿀팁

캡컷 영상 편집 방법 1탄, 인스타 릴스 유튜브 숏츠 [내부링크]

캡컷으로 릴스 만들기 01탄 - 영상 편집편 - 누워서도 할 수 있다. 핵쉬운 무료 영상 편집 프로그램 짧은 영상의 시대, 릴스에 도전하다 안녕하세요. 인스타 릴스에 도전하고 있어요. 이번에 첫 릴스를 올렸습니다! * 릴스 : 인스타그램을 통해 공유하는 15초 이하의 짧은 동영상(숏폼 콘텐츠) 유튜브 숏츠, 틱톡 다 비슷한 친구들입니다. 블로그 글쓰기와 같이 이번에도 할 수 밖에 없는 환경에 들어 갔습니다. 챌린지에 들어 간거죠. 처음이다 보니 헤맸는데요. 여러분은 저 처럼 헤매지 마시라고 꿀팁 알려드릴게요! 01탄 - 영상 편집 (길이, 순서 조정) - 화면 비율 조정 - 보정 02탄 - 글자(자막) 넣기 03탄 - 음성, 음악, 효과음 | 영상 찍기 폰으로 동영상을 눌러 세로로 찍습니다. 가로로 찍으셔도 됩니다. | 캡컷 다운 스토어에서 캡컷(CapCut) 앱을 다운 받고 엽니다. PC 버전도 있어요. https://www.capcut.com/ko-kr/ | 프로젝트 만들기 새

무료 영상 편집 툴, 캡컷 2탄 - 자막 글자 넣기 [내부링크]

캡컷으로 릴스 만들기 02탄 - 자막편 - 안녕하세요. 캡컷으로 인스타 릴스 만들기 2탄입니다. '텍스트' 버튼을 누릅니다. '텍스트 추가'를 눌러 주세요. 글자를 넣을 수 있어요. 입력창이 나타납니다. 자동 캡션은? 자동으로 자막달아주는 기능! 뒤에서 다시 설명해 드릴게요. | 글자 넣기 (중요) 텍스트 - 텍스트 추가 - 입력하기 - 체크 (저장) | 글자 수정 박스 화면에 글자가 표시된다. 글자를 터치하면 글자 수정 박스가 생긴다. 삭제, 수정, 복사, 회전 버튼이 모서리에 표시된다. 삭제 : 삭제 버튼 클릭시 바로 삭제 수정 : 수정버튼을 누른다. 수정 입력 박스가 나타난다. 복사 : 같은 글자가 2개 생긴다. 겹쳐져 있다. 회전 : 아이콘을 누른 상태로 돌린다 이동 : 글자 박스를 터치해서 드래그 크기 : 드래그하여 조절 | 글자 보이는 구간(중요) 빨간 박스가 글자가 보이는 구간이다. 전체 영상 영역에 자막을 보여주는 구간이 표시돼요. 터치하면 앞뒤쪽으로 흰 조절 박스가

OBS로 화면 녹화 방법 - 맥, 윈도우 [내부링크]

안녕하세요. 여러분! 요즘 인스타 릴스, 유튜브 숏츠에 들어갈 짧은 영상(숏폼)을 만들고 있어요. 그러다 화면 녹화를 해야 하는 필요성을 느껴서 방법을 찾게 되었습니다. 왜 OBS를 사용하냐고요? 장점 - 무료 - 맥, 윈도우 모두 사용 가능! - 워터마크 없음 - 시간제한 없음 - 다양한 기능 화면 구석에 웹캠, 이미지 삽입 가능 싱크와 프레임이 안정적 무손실 오디오 녹음 가능 온라인 실시간 방송에 사용 가능 이런 장점으로 게임 유튜브 스트리머들이 많이 사용합니다. OBS 사용 방법 순서 - 설치 - 맥이용자 시스템 권한 설정 - 기본 세팅 - 화면 녹화 설치 검색창에 obs를 검색해주세요. obs 사이트에 들어가세요 https://obsproject.com/ko Windows, Mac OS 중 자신에게 맞는 걸로 다운로드 하세요 다운로드 한 것을 설치하고 여세요 맥 이용자 - 시스템 환경 설정 맥 이용자의 경우 환경 설정이 필요합니다. 바로 화면 녹화를 하면 화면에 영상이 안 나

캡컷 3탄 음악, 음성 넣는 5가지 방법 [내부링크]

안녕하세요! 캡컷으로 영상 편집하기 3탄입니다. 편집도 하고 (1탄) 자막도 넣었는데 (2탄) 음악이 없으니까 뭔가 심심한 겁니다. 또 나레이션을 넣으면 더 재밌지 않을까 생각했어요. 그래서 찾아 봤습니다. 음성, 음악 넣는 방법! (3탄) 음성 넣는 방법, 음악 넣는 방법을 알아 보겠습니다. Go go! 캡컷에서 사운드를 넣는 5가지 방법 1) 내 폰에 저장된 '동영상'에서 사운드 추출 2) 내 폰에 저장된 '음성 파일' 가져오기 3) 틱톡에서 사용하는 음악 넣기 4) 효과음 넣기 5) 바로 녹음 입히기 이렇게 5가지가 있어요. 오디오를 누르세요. 사운드를 넣는 다양한 방법이 나와요. 메뉴 5개 사운드, 저작권 확인, 편집효과, 사운드 추출, 녹음 이렇게 5개의 메뉴가 나옵니다. 사운드 : - 틱톡 오리지널 사운드, - 동영상에서 사운드 추출 - 장치 내 사운드 (내 폰에 저장된 영상에서 사운드 추출) - 추천 음악 - 즐겨찾기 음악 편집 효과 : 효과음 넣기 사운드 추출 : 동영

웹디자인 벤치마킹 무료 스터디 모집해요 - 누구나 쉬운 [내부링크]

참고 자료 안녕하세요. 저는 앱과 웹사이트(홈페이지)를 만드는 일을 하고 있어요. 좋은 작업물을 만들기 위해서는 좋은 작품을 많이 봐야 한다고 생각합니다. 또 디자인은 이론 + 체화의 영역이라고 생각해요. 직접 따라 만들어 보면서 몸으로 익히는 부분도 크다고 생각해요. 그래서 좋은 웹사이트를 벤치마킹하며 공부하려고 합니다. 함께 할 스터디원을 모집해요. 누구나 참여 가능하면서 스터디 분량은 빡세지 않고 해볼 만한 정도로 진행하려고 합니다. | 스터디 내용 1) 마음에 드는 홈페이지를 캡처하여 피그마에 공유하기 마음에 드는 홈페이지를 발견한다. 마음에 드는 페이지 1장을 전체 스크롤 캡쳐를 합니다. 캡쳐툴 이용. 네이버 웨일 캡쳐 또는 크롬 스크린캡쳐 확장툴 이용. 피그마에 이미지를 올립니다. 피그마에서 이미지가 세로 4000px 이상이면 깨집니다. 올리기 전 세로 4000px 단위로 포토샵에서 잘라서 올립니다. 액션 기능을 사용하면 편합니다. 모르시면 알려드립니다. 포토샵이 없으시다

포토샵 Gif 애니메이션 만드는 방법 - 움짤 만들고 있어요 [내부링크]

최근에 이런 gif 를 이미지를 만들었습니다. 그동안 어려울 것 같아 시도를 못 했었는데 생각보다 쉽더라구요 이렇게 컷이 많이 없는 애니메이션은. 이 움짤의 경우 2컷 밖에 안들어 갑니다. 그래서 여러 분에게도 이 지식을 알려드리려고 해요. 라면 끓이듯이 제작 레시피를 알려드릴게요! 창(window) - 타임라인을 눌러 주세요. 하단에 타임라인이 생겼습니다. 가운데에 있는 비디오 타임라인 만들기를 눌러 주세요. 타임라인 보는 형태 변경 처음에 타임 라인 모양이 조금 복잡한 형태인데요. 간단한 형태로 바꿔 보겠습니다. 왼쪽 하단에 보시면 이렇게 생긴 아이를 눌러 주세요 (커서를 갖다대면 프레임 애니메이션으로 전환합니다. 라고 뜹니다) 이렇게 모양이 바뀝니다. 더 보기 쉬운 형태입니다. 1번째 이미지 타임라인 1번째가 선택된 상태에서 레이어에서 1에서 보여줄 이미지만 보이게 하세요. 나머지는 '눈'을 끕니다. 추가 타임라인 하단에 플러스를 누릅니다. 2번째 이미지 타임라인에 2가 생깁니

블로그 포스팅 챌린지가 끝났을 때 얻고 싶은 것, 목표 선언 - 공장장 리블라썸 [내부링크]

앱/웹 개발 블로그로 소문이 퍼지고 팬이 생겼습니다 챌린지가 끝났을 때 얻고 싶은 것 안녕하세요. 오늘은 블로그 챌린지에 참여하게 된 이야기를 들려드릴게요. 그리고 챌린지를 통해 얻고 싶은 것과 목표를 선언하고자 합니다. 블로그 챌린지에 참여한 이유, 얻고자 하는 것 01 앱/웹 개발 블로그를 만들다 02 글을 쓸 때 겪는 어려움 03 블로그 챌린지에 참여하다. 04 얻고 싶은 것, 목표 선언 01 앱/웹 개발 블로그를 만들다 저는 개발팀에서 UI/UX 디자이너로 일하고 있습니다. 서비스를 알리기 위한 방법의 하나로 블로그를 만들었습니다. 브랜딩 블로그가 그렇듯 목적은 수익화입니다. 앱과 웹 개발 의뢰를 받는 것이 목표죠. 그러려면 자신을 알리고 신뢰를 쌓아야 합니다. 그래서 많은 사람들에게 도움이 되는 정보를 제공하여 영향을 미칠 수 있는 존재가 되고자 합니다. 도움을 주어야 나를 전문가로 알릴 수 있고 도움을 구하러 사람들이 찾아오기 때문입니다. 나에게 호감을 갖고 나의 글을 신

1 사업은 문제 해결 - 견적 앱 개발 사례로 보자 [내부링크]

사업은 문제 해결, 앱 개발도 마찬가지! 사업이란 사람들의 어려움을 해결해 주는 일입니다. 앱도 마찬가지입니다. 일상에서 사람들이 겪는 어려움을 IT 기술을 이용해 더 편리하게 만들어 줍니다. 일반적으로 하기 어려운 일도 개발 기술이 있다면 가능합니다. 여름이 닥쳤는데 에어컨이 고장 났다. 마음은 급하지만 아무 데나 부를 순 없다. 회사 생활도 바쁜데... 견적을 구하려면 10개 업체에 일일이 물어야 한다!!! 언제 다 물어보지 ㅠㅠ 업체마다 전화해야 하고 (고객의 어려움 +1) 견적가와 특징을 까먹지 않게 기록해야 한다. (고객의 어려움 +1) 어디가 괜찮은 업체인지 알 수가 없다.(고객의 어려움 +1) 평균 가격도 알고 싶은데... (고객의 어려움 +1) 그래서 한 번의 견적요청으로! 여러 명의 전문가에서 견적을 받을 수 있도록 앱 서비스를 만들었습니다 (문제 해결+1) 앱에 받은 견적이 기록되니까 까먹지도 않고 업체마다 비교도 할 수 있어! (문제 해결+1) 업체 정보랑 후기도

2 개발 - 견적 앱은 3단계로 진행 됩니다 [내부링크]

안녕하세요! 쉽고 재미있게 개발 이야기를 들려드리는 이로운 재능입니다. 지난 이야기... 저번 시간에는 앱으로 문제를 해결하는 과정을 보여 드렸습니다. 일상의 불편함 -> 앱 기술로 해결! https://blog.naver.com/wishan25/223110083608 사업은 문제 해결 - 견적 앱 개발 사례로 보자 사업은 문제 해결, 앱 개발도 마찬가지! 사업이란 사람들의 어려움을 해결해 주는 일입니다. 앱도 마찬가지... blog.naver.com 견적 앱은 어떻게 사용하는 건가요? 이번에는 견적 앱 서비스를 어떻게 사용하는지 프로세스에 대해 들려드리겠습니다. "여름인데 갑자기 에어컨이 고장났다!" "수리 견적을 알고 싶은데..." "앱을 통해 여러 전문가에게 견적을 받아야지!" 고객이 전문가에게 견적을 요청하는 과정 크게 3단계로 진행돼요. 01 견적 요청 02 받은 견적 확인 03 전문가 매칭 (결제, 연락, 서비스 받기) | 01 견적 요청하기 - 원하는 서비스를 종류를 선

블로그 주제 미션! 5가지 질문을 작성하세요 [내부링크]

[미션] 주제 정하는 5가지 질문을 작성하세요 리블라썸 챌린지 자유 과제 블로그 챌린지에 참여 중이다. 챌린지명 : 리블라썸 주최자 : 공장장 자유 미션이 도착했다. 얼른 작성해보자. 01. 내가 좋아해서 지속할 수 있는 일은 뭘까? 책 읽고 글쓰기. 가장 먼저 떠오르는 일이에요. 평생 죽을 때까지 좋아해서 할 수 있는 일이에요. 독서는 다른 블로그에 기록 중입니다. 지금 블로그는 웹과 앱 개발을 하려는 분들에게 도움을 드리기 위해 만든 블로그입니다. 그래서 이 블로그에 책 리뷰를 넣으면 괜찮을까?주제가 너무 커져 블로그 가독성에 좋지 않을까? 싶어 책 리뷰를 넣지 않았습니다. 사업, 서비스와 관련된 책에 한정하여 넣는 것도 고민하고 있습니다. 지식을 쉽게 전달하는 일 사람들에게 필요한데 어려운 정보를 쉽게 전달하는 것을 좋아합니다. 이런 일을 할 때 성취감과 행복을 느낍니다. 지금은 앱과 웹에 대한 지식을 쉽게 알려 드리고 있습니다. 나중에는 다른 분야의 것을 알려드릴 수도 있습니

3 앱 개발 - N명의 전문가가 견적을 보냈습니다 [내부링크]

안녕하세요. 웹과 앱 지식을 쉽게 재미있게 알려 드리는 이로운재능입니다. 지난 시간에 이어 고객이 견적 앱을 사용하는 과정을 알려 드릴게요. 지난 이야기 #1편 - 사업은 문제 해결, 견적 앱 개발 사례로 보기 - 생활의 불편함 -> 견적앱을 만들어서 해결한 이야기 1편 보러 가기 사업은 문제 해결 - 견적 앱 개발 사례로 보자 사업은 문제 해결, 앱 개발도 마찬가지! 사업이란 사람들의 어려움을 해결해 주는 일입니다. 앱도 마찬가지... blog.naver.com #2편 견적 앱 3단계 진행 과정 중 1견적요청 01 견적요청 02 받은 견적 확인 03 전문가 매칭 2편 보러 가기 개발 - 견적 앱은 3단계로 진행 됩니다 안녕하세요! 쉽고 재미있게 개발 이야기를 들려드리는 이로운 재능입니다. 지난 이야기... 저번 시간에는 ... blog.naver.com 02 받은 견적 확인 전문가 10명에게 견적을 받았습니다. 받은 견적을 확인하세요! 01 견적요청 02 받은 견적 확인 03 전문

견적 앱 디자인 - 전문가와 매칭되는 과정 [내부링크]

안드로이드, iOS (아이폰) 앱 개발 이야기 (기획부터 디자인, 개발까지) 안녕하세요. 지난 시간에 이어 견적앱 프로세스를 알려드릴게요. 지난 이야기 고객이 전문가가 보내온 견적을 받는 과정 이번 시간 이번에는 맘에 드는 전문가를 선택하고 서비스를 받는 과정을 알려드릴게요. 03 전문가 매칭 전문가 선택 여러 명의 견적서를 보고 마음에 드는 전문가를 선택합니다. 결제 견적 가격을 결제합니다. 결제 완료 결제가 완료되면 서비스 예약이 완료됩니다. 진행 상태 전문가 매칭이 되면 작업 진행 상태를 볼 수 있는 곳에 목록이 생깁니다. 작업 상태에 따라서 상태가 다르게 변합니다. [진행 상태] 작업전 - 결제 완료 후 서비스를 받기 전 작업 완료 - 작업 승인하기 (승인 전) 작업 완료 - 후기쓰기 (승인 후) 채팅 매칭된 전문가와 채팅을 통해 연락할 수 있습니다. 전문가와 얘기하면서 전문가 프로필, 요청한 서비스를 확인할 수 있으니까 문자나 전화로 소통하는 것보다 편리합니다. 후기 작

워드프레스 홈페이지 - 다양한 블로그 목록 적용하기 [내부링크]

안녕하세요. 제 홈페이지를 워드프레스로 만들고 있습니다. 네이버 블로그에 작성한 글을 제 홈페이지 블로그에 넣고 있어요. 구글에도 노출되고 싶거든요. 구글 검색량이 많이 높아진 것, 아시나요? 힘들게 쓴 글인데 많은 곳에 검색되면 좋죠 ㅎㅎ 다양한 블로그 목록 스타일을 적용해 보고 있습니다. 어떤 것이 있는지 알아볼까요? | 카드 형태 카드 형태로 그림자를 주어 입체감이 있는 형태입니다. 눈에 잘 띠어요. 카드 형태라 예쁩니다. 예쁘니 더 눈이 가겠죠. | 기본적인 형태 작성한 블로그 목록이 계속 쌓이는 형태입니다. 이미지, 제목, 날짜, 작성자로 되어 있어요. 항목은 더 추가하거나 줄일 수 있어요. 이미지 높이나 비율도 조절할 수 있습니다. | 심플하게 1줄만 홈페이지 중간에 1줄만 블로그가 들어갈 때 사용해요. 한 페이지에 이미지 + 내 서비스 소개 + 블로그 1줄 이렇게 블로그 외에 다른 것들과 함께 보여줄 때 사용해요. | 슬라이드 배너 형태 배너 처럼 상단에 슬라이드로 최근

웹 제작 이야기 - 수정 작업은 퀄리티를 높여준다 [내부링크]

안녕하세요. 웹과 앱 지식을 재밌게 알려드리는 이로운 재능입니다. 홈페이지를 만들고 있어요. 1차 디자인이 끝나고 다시 한번 만든 것을 돌아보면서 퀄리티를 높일 부분을 찾고 있습니다. 만들면서 느낀 건 여러 번 보고 수정할수록 퀄리티가 좋아진다는 점입니다. 여러 번 보고 수정할수록 퀄리티가 좋아진다 QA : quality assurence 그래서 문구를 수정하고 기능을 일부 변경했어요. | 메인 핵심 문구 변경 웹사이트에서 중요한 것이 핵심 메시지입니다. 너무 어려운 말을 쓰지 않는 것이 좋아요. 템플릿이란 말이 너무 어렵지 않을까 더 쉽게 다가갈 수 있는 문구를 고민하고 있습니다. 메시지는 한 번에 나오지 않기에 여러 번 보면서 수정을 하게 됩니다. #웹

간단한 이미지로 전체 흐름을 보는 기획서, 와이어 프레임 [내부링크]

웹과 앱을 만들 때 기획서를 보고 제작을 한다고 알려드렸어요. 이번에는 기획서 중에서 '와이어 프레임(Wireframe)'에 대해 알아보겠습니다. 와이어 프레임은 화면을 간단하게 그린 것을 말합니다. 전체 흐름을 그림을 통해 빠르게 알 수 있어요. 저번에 스토리보드(화면설계서)는 그림과 설명 글로 이루어졌다고 했어요. 와이어프레임은 그림 위주로 만들어져 더 빠르게 작업할 수 있어요. 초반에 기획을 잡는 과정에서 수정하는 일이 생기기도 하고 전체 흐름을 빨리 볼 수 있기에 와이어 프레임 작업을 먼저 하게 됩니다. 와이어 프레임은 손그림 스케치 수준으로 그리기도 하고 (초급) 흑백 선으로 표현는 경우 (중급), 좀더 디테일하게 그리는 단계(고급)까지 다양하게 표현할 수 있습니다. 프로젝트 진행 단계, 경우에 따라 필요한 수준으로 작업합니다. 또 이해를 돕기 위해 버튼을 눌렀을 때 어떤 페이지로 이동하는지 선으로 연결하여 표현하기도 합니다. 작업에 따라 내부에 기획자, 디자이너, 개발자가

피그마 장점 10가지, 인터넷에서 여러 명이 동시 수정 가능 [내부링크]

프로그램 설치 없이 인터넷에서, 여러 명이 동시 수정 가능한 피그마! | 작업 효율을 높여주는 피그마 많은 분들이 피그마에 대해 궁금해하셨어요. 저에겐 작업 속도와 퀄리티를 올려준 툴입니다. 이렇게 효율적인 툴을 다른 분들에게도 알려드리고자 합니다. | 피그마란?뭐하는 툴이에요? 피그마는 UI/UX 디자인 툴입니다. UI/UX 디자인이란? 간단하게 설명드리면 웹이나 앱을 만들 때 화면 구성, 어떻게 동작하는지를 디자인하는 것을 말합니다. 일러스트레이터와 비슷 벡터 기반 툴입니다. 간단하게 일러스트레이터를 인터넷 브라우저에서 사용할 수 있다고 보면 됩니다. 특징 다른 UI/UX 툴과 다른 특징은 웹 브라우저에서 사용한다는 거예요. UI/UX툴 1위 후발주자였지만 경쟁불가 압도적 1위 툴. UI/UX툴은 스케치, XD 등이 있지만 점유율은 피그마가 77%로 압도적으로 높습니다. 어도비에서도 XD라는 툴을 먼저 냈지만 경쟁불가라 여기고 약 28조에 인수하게 됩니다. | 인기 이유! 피그마

앱 개발, Figma로 화면을 보며 설명해 드립니다 [내부링크]

피그마로 기획, 디자인을 하면 전체 흐름을 이해할 수 있고 결과물을 예상할 수 있습니다. 화면을 보며 설명이 가능합니다. 모바일 기획/디자인 피그마 | 기존 기획, 디자인의 문제점 "결과물 예측이 어렵다" 일반적인 앱 개발의 경우, 작업이 완료되기 전까지 이 나오기 전까지 어떻게 작동되는지 알기가 힘듭니다. 물론 기획서와 디자인 파일로 어느정도 예측은 가능합니다. PPT 기획서의 경우 작은 지면 때문에 한 페이지씩 봐야 하기 때문에 전체 흐름을 알기 어렵습니다. 디자인 파일도 사용자가 쓰는 흐름에 따라 나열되어 있지 않다면 마찬가지로 알기 어렵습니다. "전체 흐름을 알기 어렵다" 전체 페이지를 한 눈에 볼 수 없다면 흐름을 이해하기 힘듭니다. "전체 페이지를 볼 수 있어야 합니다" 웹사이트 기획/디자인 피그마 | 전체 화면 흐름을 볼 수 있는 피그마 그래서 저는 피그마로 기획부터 디자인, 퍼블리싱까지 진행합니다. 피그마는 몇 백장의 페이지도 한 화면에서 볼 수 있습니다. "몇 백장의

웹사이트 제작, 퍼블리싱이란? 디자인을 화면에 구현하다 [내부링크]

앱 개발은 기획 - 디자인 - 퍼블리싱 - 개발순으로 이루어집니다. | 퍼블리싱이란 무엇일까요? 쉽게 말해서 디자인한 것을 디바이스(컴퓨터 화면)에 보이도록 코딩하는 것을 말합니다. 프론트엔드 개발 영역에 들어가기도 합니다. 디자인 파일로는 개발을 할 수 없습니다. "컴퓨터야 파랑색으로 칠해." 가로 크기는 100%로 그려. 이런식으로 컴퓨터 언어로 명령해서 그려내야 합니다. 예를 들어 이런 페이지를 디자인했습니다. 모바일 웹사이트입니다. 아래와 같이 코드를 입력해야 합니다. 모바일 웹사이트 html 코드 코드를 해석해 보겠습니다. 코드 : div 컴퓨터야 박스를 만들렴. 코드 : width:100%; 가로 크기는 100%로 해줘. 코드 : height: 56px; 세로 크기는 56px로 그려. color : #ffffff (흰색 컬러값) 흰색을 칠해. id : contents 니 이름은 콘텐츠야. 이렇게 명령을 내려서 디자인한 것을 화면에 구현하게 됩니다. 이해가 잘 되셨나요? 비

피그마(Figma) 가입 방법, 이메일만 있으면 간단해요 [내부링크]

앱과 홈페이지를 만들 때 기획/디자인/퍼블리싱 과정에서 사용하는 피그마 가입 방법에 대해 알려드리겠습니다. | 피그마 회원가입 피그마 사이트에 접속해주세요 https://www.figma.com/ 상단의 파란색 Get started 버튼을 눌러 회원가입을 할 수 있습니다. 1. 구글 계정으로 가입 (추천) 구글 id(지메일)가 있으면 빠르게 가입하실 수 있습니다. G메일 (구글 계정) https://www.google.com/intl/ko/gmail/about/ 이런 분의 경우 추천 : 구글 계정이 있는 경우 빠르게 로그인하고 싶은 경우 평소 웹브라우저에서 구글 로그인 상태를 유지하는 경우 2. 이메일 가입 없으시다면 이메일과 비밀번호로 가입하실 수 있습니다. 이름 등 기타 부가정보를 간단히 입력하고 넘어갑니다. 이런 분의 경우 추천 : 기존에 구글 계정이 없는 경우 구글 계정을 새로 만드는 것이 번거로운 경우 앞으로도 구글 계정 쓸 일이 많지 않은 경우 | 피그마 로그인 구글 계정

[마감][강의] 피그마 기초 강의! 커피 한 잔 값으로 배우세요. 앱/웹 기획 UI/UX 툴 [내부링크]

커피 1잔 값으로 3시간 안에 끝내는 피그마 기초 강의! 피그마를 배우고 싶은 분들을 위해 강의를 열었습니다. 피그마 기초 기능을 한 시간 만에 빠르게 익히는 강의입니다. 피그마란? 요즘 가장 핫한 디자인툴! 웹브라우저 기반 UI/UX 협업툴입니다. 일러스트레이터처럼 벡터 방식의 디자인툴입니다. 특징은 인터넷 브라우저만 있으면 사용할 수 있다는 점입니다. 앱과 웹 디자인을 하는 사람을 위해 만들어졌으며 썸네일, 상세 페이지 등 다양한 디자인 분야에 활용 가능합니다. 협업을 하는 데 탁월합니다. 여러 명이 동시에 같은 화면을 보고 수정할 수 있기에 협업하는데 뛰어납니다. 시중에 정보는 넘쳐 납니다. 하지만 내가 원하는 정보를 빠르게 얻는 것은 쉽지 않습니다. 제가 피그마를 익힐 때 그랬습니다. 유튜브, 동영상 강의를 다 보려면 필요 없는 정보까지 너무 많은 시간을 소요해야 했습니다. 여러 분의 학습 시간을 단축시켜드리겠습니다. 핵심만 빠르게 익히는 방식으로 진행합니다. 구체적으로 무언

첫 강의 수익화을 하고 알게 된 것 - 최고자산가 수익화 챌린지 [내부링크]

머리로만 이해하는 것은 완전한 지식이 되지 못했다. 실행을 하면 알게 된다. 더 많은 것을 이로운재능 첫 강의 수익화에 성공하다 안녕하세요. 지난 번에 저의 첫 피그마 강의를 열었고 수익화에 성공했습니다. 저는 블로그에 피그마 관련 글을 올렸었는데요 꾸준히 글을 읽어주셨던 이웃 분들이 참여해주셨습니다. 모두 감사합니다! https://blog.naver.com/wishan25/223099690027 [마감][강의] 피그마 기초 강의! 커피 한 잔 값으로 배우세요. 앱/웹 기획 UI/UX 툴 커피 1잔 값으로 1시간 안에 끝내는 피그마 기초 강의! 피그마를 배우고 싶은 분들을 위해 강의를 열었습니... blog.naver.com 짧은 준비 기간, 강의를 열 수 있었던 이유 사실 준비기간이 길지 않았습니다. 그런데 어떻게 강의를 열 수 있었을까요? 01 환경 세팅 02 마감 기간 03 축적된 지식, 블로그에 썼던 글 01 환경 세팅 - 함께 하는 환경에 들어가다 저는 최고자산가님의 수익

깔끔한 웹사이트 디자인 - 위시켓 [내부링크]

유튜버 어비님의 글로벌 채널 공략 무료 강의 후기 [내부링크]

55만 유튜버 어비님의 글로벌 채널 공략하기 무료 강의를 들었습니다. 유튜버 어비님 간략 소개 - 55만 구독자를 가진 유튜버, 우리나라에 3명 밖에 없는 유튜브 GPE 플래티넘를 받으신 분 - 책 40여권 집필, 칼럼니스트 활동 - 방송, 라디오, 전시 활동 - 음악 160곡 작사/작곡 - 23년차 IT업계 종사자, 어비 폰트 개발 이번 강의를 통해 어비님을 알게 되었는데 굉장히 다양한 분야에 도전하고 성과를 내고 계신 분이셨습니다. 유튜브가 아니더라도 왕성한 활동을 하고 도전하는 부분에서 배울 점이 많았습니다. AI 성우 활용 - 타입캐스트 타입캐스트. AI 성우를 이용해 음성, 영상 컨텐츠 제작 플랫폼 IT 기술을 유튜브에 활용 인상 깊었던 점은 IT 업계 종사자답게 다양한 기술을 유튜브에 활용하는 점과 유튜브를 키울 수 있는 알고리즘을 여러 실험을 통해 알아내는 점이었습니다. 번역 기능 활용 해외 채널을 늘리기 위해 번역 기능, 음성 -> 텍스트 음성을 텍스트로 바꿔주는 ST

워드프레스 홈페이지 - 신뢰를 주는 변호사 웹사이트 제작 [내부링크]

변호사 웹사이트 제작 타입 : 워드프레스, 반응형웹 제작 페이지 : 메인, 구성원 목록, 구성원 상세, 성공사례 목록, 성공사례 상세, 후기 목록, 후기 상세, 문의하기 기능 : 네이버 예약 연결 메인 메인 구성 메뉴, 상단 배너, 업무분야, 업무사례, 고객 후기, 하단 풋터로 구성하였습니다. 메뉴 투명한 디자인으로 제작하였습니다. 상단이 시원하게 보이는 효과가 있습니다. 메뉴를 쉽게 찾을 수 있도록 스크롤을 해도 상단에 고정되게 하였습니다. 상단 배너 첫 인상을 결정합니다. 신뢰감을 주는 문구와 이미지를 주는 것이 중요합니다. 신뢰를 주는 철학이 담긴 문구, 업적, 강점 등을 문구로 사용합니다. 업무분야 크게 어떤 업무를 하는지 보여줍니다. 업무사례 신뢰감을 주는 부분. 자신과 비슷한 일을 했는지 실제 어떤 업무를 어떻게 진행했는지 알 수 있어 관심을 많이 가지는 부분입니다. 고객후기 실제 고객의 후기이기에 감정을 이입해서 볼 수 있습니다. 신뢰감을 줄 수 있는 부분입니다. 구성원

워드프레스 웹사이트 제작 회사 / 합리적인 가격, 아름다운 디자인 [내부링크]

합리적인 가격 + 아름다운 디자인 고객과 기업 모두 win win할 수 있도록 합리적인 가격으로 완성도 높은 디자인으로 웹사이트를 제작합니다. 합리적이 가격의 비결, 효율화로 제작 시간 단축 일반적인 웹사이트 단가는 높을 수 밖에 없습니다. 기획자, 디자이너, 퍼블리셔, 개발자 여러 명이 투입된 시간만큼 인건비가 들어가기 때문입니다. 더구나 IT 직군은 연봉이 높은 편에 속합니다. 더 합리적인 가격으로 완성도 높은 사이트를 제공할 수 없을까? 어떻게 하면 고객들에게 제공할 수 있을까 고민했습니다. 그 결과 워드프레스를 이용하여 제작 시간을 획기적으로 줄일 수 있었습니다. 싼 게 비지떡이다. 저렴한 상품은 품질이 떨어질 수 밖에 없는 것도 사실입니다. 하지만 '갓성비' 가격 대비 성능이 뛰어난 상품을 이르는 말처럼 효율을 추구하는 고객들에게 가격과 성능을 잡은 사이트를 제공하고자 합니다. 사용자 경험(UX)을 생각하는 디자인 디자인은 예술작품이 아니기에 단순히 아름답기만 해서는 안 됩

[문의] 웹사이트 제작 문의 / 의뢰 [내부링크]

카카오톡 문의 https://open.kakao.com/o/sZArA6Gd 이로운재능님의 오픈프로필 이로운 재능을 팝니다. 홈페이지 제작, 앱기획, 앱디자인, 앱개발 open.kakao.com https://open.kakao.com/o/skuKgRmf 이로운재능 웹/앱님의 오픈프로필 open.kakao.com 네이버 톡톡 문의 블로그의 '톡톡 버튼'을 눌러주시거나 하단 링크를 눌러주세요 https://talk.naver.com/ct/w465u8?frm=pblog#nafullscreen 이재 스튜디오 - 네이버톡톡 워드프레스 웹사이트 제작 talk.naver.com 메일 문의 [email protected] 블로그 주소 https://blog.naver.com/wishan25 인스타그램 https://www.instagram.com/iroun.dd/ 크몽 https://kmong.com/gig/421069 워드프레스 반응형 고퀄리티 홈페이지 제작 웹사이트 | 200000원부터 시작

웹사이트 제작 과정 - 쉽게 알려드립니다 [내부링크]

웹사이트 제작 의뢰를 하려고 하는데 어떻게 진행되는지 몰라서 답답하신가요? 웹사이트를 만드는 과정을 알고 싶으신가요? 쉽게 설명해 드립니다. 제작 과정은 크게 3단계로 이루어집니다. 1)기획 - 2)디자인 - 3)개발 + 테스트, 수정, 마케팅, 유지 보수 등을 생각하실 수 있습니다. 01 기획 단계 - 고객이 원하는 것 파악하기 - 기획서 만들기 - 콘텐츠 기획 - 고객이 원하는 것 파악하기 (요구사항 분석) 고객이 원하는 것이 무엇인지 파악하는 것이 중요합니다. 간단해 보이는 작업이지만 잘못 파악하면 작업이 산으로 갈 수 있습니다. 어떤 타깃을 대상으로 어떤 비즈니스 모델을 가지고 있는지, 핵심 기능은 무엇이고 어떤 목적을 가진 사이트인지 파악합니다. 작업 분량, 필요한 기능, 원하는 디자인 방향 등을 파악합니다. 파악한 것을 토대로 견적을 제공하고 계약이 체결되면 상세한 기획에 들어갑니다. - 기획서 만들기 사이트를 어떻게 만들지 설계도를 그립니다. 단순화된 그림과 설명 글로

인스타그램 키우는 방법 - 인기 게시물 되는 알고리즘 (한 달 안에 가능) [내부링크]

인기 게시물 첫 번째 줄에 들다 인스타그램을 시작한 지 한 달도 안 되어 인기 게시물 첫 번째 줄에 들어간 적이 있다. Previous image Next image 파란 박스 부분이 내 게시물이다. 짧은 동영상인 릴스를 제외하면 제일 첫 번째에 올라온 거다. 한 번 알고리즘을 타자 그다음 날도 그다음 게시물도 계속 인기 게시물에 올라왔다. 알고리즘을 알자 상위 노출이 가능했다 어떻게 가능했을까? 신기하게도 알고리즘을 알고 실행하자 성과가 나왔다. 시작부터 인스타그램 알고리즘을 알고 거기에 맞게 키웠기 때문에 가능했다. 플랫폼은 좋은 글을 띄워주려고 한다. 그래야 사람들이 모이고 더 활성화되기 때문이다. 그런데 사람이 아닌 컴퓨터가 좋은 글을 구별해 내야 한다. 컴퓨터는 어떻게 좋은 글을 판단할까? | 좋은 글을 판단하는 기준, 반응도 바로 반응도이다. 내가 글을 올렸을 때 빠른 시간 내에 사람들이 반응을 해 주면 좋은 글로 판단한다. 좋은 글을 발견하면 어떻게 행동하는가? 저장을

웹사이트 기획 과정 - 고객이 원하는 것을 파악하자 (요구사항 분석) [내부링크]

저번 시간에는 기획 과정의 큰 흐름에 대해 알아보았습니다. 이번에는 첫 번째 단계. 고객이 원하는 것을 파악하자!시간이 되겠습니다. 간단한 사이트로 매우 심플하게 예시를 들어보겠습니다. 고객이 원하는 것을 파악하자 (요구사항 분석 시간) 파악해야 할 사항은 많지만 크게 2가지를 기억해 주세요. '페이지'와 '기능' 페이지와 기능이 중요한 이유는 난이도와 제작 기간을 예상하는데 필요한 정보이기 때문입니다. 이를 바탕으로 견적을 내게 됩니다. 페이지가 늘어나면 그만큼 제작 기간이 늘어납니다. 복잡한 기능이 많이 들어가면 제작 기간도 늘어나지만 베테랑이 작업을 맡게 됩니다. 또 기능이 복잡한 경우 기획을 탄탄하게 잡아줘야 하기 때문에 기획 시간도 늘어나게 됩니다. 의뢰인 : 변호사 웹사이트를 만들고 싶습니다. (페이지) 메인, 법무법인 소개, 구성원 소개, 사례, 후기, 문의하기를 넣길 원합니다. (기능) 소개 페이지에는 지도가 들어갔으면 합니다. | 문의 받는 과정 의뢰는 의뢰서를 통해

그림과 글로 표현하는 기획서 만들기 (웹, 앱 화면설계서) [내부링크]

기획서는 웹과 앱을 만들 때 보는 '설계도'입니다. 기획서 종류는 많습니다. 그 중에서도 개발할 때 가장 많이 보게 되는 기획서가 있습니다. '화면설계서'와 '와이어 프레임'입니다. 그 중 화면설계에서 대해 알아보겠습니다. 그림과 글로 이루어진 '화면설계서' 화면설계서는 어떤 화면을 만들 것인지 그림과 그 그림에 대한 설명으로 이루어져 있습니다. 이 설계도를 보고 디자인과 개발을 하게 됩니다. 예전에는 PPT를 이용하여 많이 만들었습니다. PPT 기획서 장점 : 출력할 때 편리하다 단점 : 전체 흐름을 보기가 힘들다. 피그마를 활용한 기획서 요즘에는 피그마를 활용하여 전체 페이지를 보면서 만드는 방식으로 넘어가고 있습니다. 피그마 기획서 장점 : 전체 흐름을 이해하기 좋다. 디자인과 개발할 때 편리하다. 단점 : 인쇄를 하려면 불편하다. 기획서를 만드는 툴은 피그마(figma), 어도비 XD, 스케치(sketch) 등이 있습니다. 툴은 모두 다룰 수 있지만 그 중 가장 점유율이 높은