초보자라도 Webflow를 사용하여 전문가처럼 디자인하는 방법

__wf_예약_상속
마사토 쿠리타
쿠리타 마사토
초보자라도 Webflow를 사용하여 전문가처럼 디자인하는 방법

웹 초보자인데 Webflow를 사용할 수 있나요?직접 웹사이트를 만들었는데 좀 별로네요.시간이 많지 않아서 빨리 끝내고 싶어요.

이번에는 이러한 질문에 답해 보겠습니다.

✓ 기사 내용

  • 초보자도 사용할 수 있는 전문적인 디자인 제작 방법
  • Webflow로 웹 사이트를 만드는 데 필요한 예상 시간
  • 가장 저렴하고 빠른 웹사이트를 만드는 방법

이 글을 쓰면서 Webflow로 웹 사이트를 만들고 한 달에 약 30만 엔의 수익을 올립니다.또한 이 블로그는 Webflow에서 만들고 관리하고 있는데, Webflow 템플릿을 참고하여 만들었습니다.

이런 경험을 살려 초보자라도 전문가처럼 디자인을 만드는 방법을 설명하겠습니다.

목차

웹 초보자라도 Webflow를 사용하여 전문가처럼 디자인을 만드는 방법

절차는 다음과 같은 5단계입니다.

  • [1단계] 웹플로우 쇼케이스에서 웹사이트 복사하기
  • [2단계] 글꼴 변경
  • [3단계] 색상 변경
  • [4단계] 사진 및 블록 너비
  • [5단계] 문장 입력

[1단계] 웹플로우 쇼케이스에서 웹사이트 복사하기

웹플로우진열장복제할 수 있는 디자인을 선택하기만 하면 됩니다.

어떤 쇼케이스를 추천하시나요?”여기“를 참조하십시오.

[2단계] 글꼴 변경

복제된 사이트에 일본어 글꼴을 추가합니다.
안전한 부분은 '노토 산스', '사와라비' 등의 구글 폰트입니다.

글꼴 삽입 방법에 대한 자세한 내용은”여기” 제발 진행해 주세요.

[3단계] 색상 변경

바닥글의 색상이 전체 색상 구성표보다 어두울 때 균형을 더 잘 볼 수 있습니다.
전체적인 배경색이 고민이라면 아래 “고바야시 씨”의 트윗을 참고하는 것이 좋습니다.
웹 제작에 빠르게 활용할 수 있는 정보를 전파하는 사람이며, 그 외에도 유용한 트윗이 많이 있습니다.

[4단계] 사진 교체

제 경우에는 문장을 먼저 넣는 경우가 많은데 이미 사진이 다 있다면 사진을 먼저 넣는 것을 추천합니다.그 이유는 웹사이트의 구조를 함께 결정할 수 있기 때문입니다.또한 문장을 좀 더 쉽게 작성할 수 있습니다.

[5단계] 문장 입력

사진과 정보를 넣을 위치를 결정했으면 텍스트를 함께 추가합니다.글꼴 크기가 잘 보이지 않으면 약간 조정하세요.평균 글자 수는 16픽셀입니다.

초보자가 Webflow를 시작할 때 웹을 만드는 데 얼마나 걸리나요?

1단계에서 5단계까지의 시간

위 단계를 사용하는 경우,초보자도 약 1시간로 완성할 수 있습니다.자세한 대략적인 시간권장 템플릿각 템플릿에 대해 소개되어 있습니다.

재료 준비 시간

문장 구조, 글쓰기, 이미지 준비에 가장 많은 시간이 소요됩니다.한 페이지에약 5시간지침으로 생각하는 것이 좋습니다.글쓰기에 익숙하다면 1시간에서 2시간 안에 끝낼 수도 있습니다.

다음은 초보자가 웹 사이트를 만드는 가장 쉽고 저렴한 방법으로 Webflow를 사용할 수 있는 두 가지 패턴입니다.

간단한 템플릿 복사: 0엔/7시간

이것은 위에서 소개한 방법을 사용하여 모든 것을 직접 만드는 방법입니다.직접 만들었기 때문에금액은 0엔입니다.

소요 시간은 다음과 같습니다.

  • 단계 1 ~ 5:1 시간
  • 조명 및 이미지 준비: 5시간
  • 기타 조정: 1시간
  • 총 7시간

커미셔닝 사진 및 텍스트: 시간당 30,000엔 이상

텍스트 및 사진 준비를 아웃소싱하십시오.간단한 설문지와 1~5단계만 거치면 직접 작성할 수 있습니다.

금액을 물어보면: 한 페이지조명 및 사진 준비비 30,000엔~.그래서 광고를 좀 보고 싶어지는데, 저에게 아웃소싱하는 게 제일 쉬워요.

작가 채용 가격은 단가에 따라 변동하기 때문에 경험이 부족한 작가와 전문 작가를 구분하기 어렵기 때문입니다.제 경우에는 특별히 Webflow에 대한 설명이 필요 없고 템플릿에 맞게 문장을 작성하면 됩니다.그리고 웹 작가의 경험도 딱인 것 같아요.

즉, 작가를 자유롭게 선택할 수 있으므로 작가를 검색할 수 있는 장소를 보여 드리겠습니다.

“랜서스”, “코코날라”, “크라우드웍스”에서 작가를 검색하여 검색할 수 있습니다.아웃소싱 시 비용이 낭비되지 않도록 작가의 신원을 꼼꼼히 파악하세요.

필요한 시간본인의 요청의 경우: 총 30분에 대해.

  • 설문지: 15분
  • 완료 후 확인: 15분

먼저 여기에서 간단한 청문회를 보내드리겠습니다.
답변 주시면 웹사이트에 맞는 문장과 사진을 보내드리겠습니다.글자 수에 따라 가격이 달라질 수 있으니 일단미심쩍은 듯한제발.

요약: 초보자도 Webflow를 사용할 수 있습니다.

Webflow는 초보자가 사용하기 어렵다고 들었는데,
여기에서 소개한 단계를 사용하여 누구나 쉽게 웹사이트를 만들 수 있습니다.

게다가 디자인 공부를 조금만 하면 더 멋진 웹사이트를 만들 수 있을 거예요.

무료로 Webflow를 시작할 수 있습니다.
우선기재그럼 사용 느낌이 어떤지 확인해 봅시다.
>>>웹플로우에 등록하는 방법”여기

또한 “제작 중간에 이해를 잃었다”, “외주를 제작하고 싶다”, “뭔가 칙칙해졌다”는 분들을 위해 재작업이나 제작 대행 역할도 하고 있으므로, 문제가 있으면 부담없이 상담해 주세요미심쩍은 듯한제발.

추가 정보는 무료 이메일 뉴스레터를 통해 안내해 드리겠습니다.

WEBFLOW 전문가로 비즈니스를 하고 있는 쿠리타 본인이 실제로 사용해본 경험이 있으며, 편리하다고 느꼈던 웹플로 사용 방법, 사업 계획, 경험, 프로세스 등에 대한 정보를 전파하고 있습니다.필요하지 않은 경우 1초 만에 빠르게 해독할 수 있습니다.다음으로 1천만 건의 매출을 목표로 하고 있습니다.

여러분의 관심에 진심으로 감사드립니다.다음 업데이트를 위해 저희와 함께 해주세요.
일종의 오류가 있습니다.문제가 해결되지 않을 경우X문의 사항은 다음 연락처로 문의하십시오.

함께 읽으면 추천하는 글▼

[Webflow] 지금 바로 사용할 수 있는 10가지 무료 템플릿

초보자도 Webflow에서 빠르게 사용할 수 있는 템플릿을 알고 싶으신가요?이번 글에서는 Webflow에서 오늘부터 사용할 수 있는 템플릿을 장르별로 정리해 보았습니다.Webflow의 템플릿을 사용하여 나만의 웹 사이트를 만들어 봅시다.

더 읽어보기...

[초보자도 쉽게] Webflow로 나만의 도메인을 설정하는 방법

Webflow의 자체 도메인에 대해 알고 싶으신가요?이 문서에서는 Webflow로 자체 도메인을 설정하는 방법과 자체 도메인을 설정하는 데 필요한 요금제에 대해 설명합니다.Webflow로 웹사이트를 운영할 생각이라면 한 번 살펴보시기 바랍니다.

더 읽어보기...

양식을 사용하여 WebFlow 사용 방법에 대해 질문하는 방법

어떻게 찾아봐도 Webflow를 사용하는 방법을 모르시나요?그럼 Webflow에 공식 질문을 해봅시다.이 글에서는 Webflow Forms 사용 방법, 공식 지원팀에 문의하는 방법 등 Webflow 사용 방법에 대해 질문하는 방법을 요약했습니다.

더 읽어보기...
🎉 [기간 한정] 무료 이벤트는 9/1까지
__WF_예약_접수
베타

무료 웹쇼
우리는 이제 자유 시간을 가질 것입니다!!

기간 한정 ‼️
Webflow에서 이 팝업을 만드는 방법을 알고 있습니까?웹플로 사용 방법 및 웹플로우 이후의 지원 등 웹플로우에 관한 질문이 있다면 이 강좌에서 이용할 수 있습니다!완전히 무료이므로 자유롭게 애플리케이션을 만드세요.9/1까지 진행 중
※프로덕트 콜 (Gougulemit) 을 사용합니다.
*정보는 정보에 따라 달라질 수 있으며 추가 정보 없이 종료될 수 있습니다.
*기밀 사안을 처리하기 전에 알려 주시기 바랍니다. 해당 내용은 YouTube와 같은 소셜 미디어에 표시될 수 있습니다.요청하시면 게시하지 않습니다.
*수업 시간은 그룹당 30분으로 제한됩니다.그 이상을 원하시면 저희에게 전화하여 다른 요청을 하십시오.30분에는 개인적인 설명과 비즈니스 미팅 시간이 포함되어 있지 않으므로 당황하지 말고 개인 프로필로 시작하세요.
※자기 프로필 등을 포함하여 45분이 소요됩니다.
※예약 기능은 Google 캘린더를 사용하여 생성됩니다.
※베타 버전으로 개발 중입니다.
*Web-Fl-Learning-Web-Fl, Web-Fl 지원 및 Web-Fl 지원 이외의 다른 것에 대한 제안은 하지 마십시오.
다음 사항을 염두에 두기 위해 알아야 할 사항은 다음과 같습니다.
발음