40는 무료 웹 디자인 도구를 봐야합니다.

작성자 : Lori Soard
  • 웹 도구
  • 업데이트 : Oct 02, 2020

Jerry의 업데이트 노트 : 사실 확인 및 새 도구 추가.

CSS를 웹 페이지에 추가하는 것에서부터 자바 스크립트를 삽입하는 것에 이르기까지 웹 디자이너는 값 비싼 소프트웨어에 수천 달러를 쓸 수 있습니다.

그건 큰 웹 디자인 회사에 큰 투자처럼 보이지 않을 수도 있지만, 프리랜서 웹 디자이너 또는 블로거가 가질 수 있습니다 제한된 예산.

다행히 웹 마스터를위한 수많은 무료 디자인 도구가 있습니다.

웹 마스터 용 무료 웹 디자인 도구

1. 모킹 버드

Mockingbird-사이트 와이어 프레임 디자인 도구

이 온라인 도구를 통해 웹 디자이너는 웹 사이트의 모형 / 와이어 프레임을 만들 수 있습니다. 그런 다음 아이디어를 클라이언트와 공유하고 자신의 서버에 디자인을 업로드 할 수도 있습니다. 많은 종소리와 휘파람은 없지만 앵무새 대부분의 초보 웹 디자이너도 쉽게 사용할 수 있습니다.

2. 냉각기

웹 디자인 도구는 $ 0의 비용이 듭니다.

이동 중에 색상 팔레트를 만들거나에서 아름다운 색상 구성표에서 영감을 얻으십시오. 쿨러.

3. 0에 255

웹 디자인 도구는 $ 0의 비용이 듭니다.

디자인의 한가운데서 가벼운 색조가 필요하다는 것을 깨달을 때? 로 이동하여 시간 절약 0 ~ 255 세 현재 색상을 연결합니다. 선택할 수있는 다양한 음영이 표시됩니다.

4. 화면을 GIF로

ScreenToGif-통합 편집기가있는 화면, 웹캠 및 스케치 보드 레코더

ScreenToGif 모니터 화면을 녹화하고 GIF 또는 비디오 파일로 변환하는 데 도움이됩니다. 이 사용하기 쉽고 강력한 도구는 브라질의 Nicke Manarin이 제작했습니다.

5. 브라우저 샷

웹 사이트의 브라우저 호환성 테스트를위한 무료 툴

가능한 모든 브라우저를 다운로드 할 수 없기 때문에, 브라우저 샷 웹 사이트의 브라우저 호환성을 테스트하는 데 도움이 될 수 있습니다. 이 오픈 소스 도구를 사용하면 웹 디자이너가 여러 브라우저에서 페이지가 표시되는 방식을 비교할 수 있습니다.

6. 가동 시간 로봇

가동 시간 로봇

가동 시간 로봇 5 분마다 귀하의 사이트에 ping을 보내고 사이트가 ping을하지 않으면 프로그램은 귀하의 사이트가 다운되었음을 전자 메일로 보냅니다.

7. WHSR 도구

WHSR 사이트 검사기

뻔뻔한 플러그 – WHSR 도구 모든 사이트 뒤에있는 인프라와 웹 기술을 드러내고 웹 디자이너가 경쟁자를 감시 할 수 있도록 도와줍니다.

8. WebPageTest

WebpageTest-무료 디자이너 도구

용도 WebPageTest 웹 페이지가 최적의 성능으로 실행되고 있는지 확인합니다. 결과는 웹 호스팅 성능 확인, 리소스 로딩 폭포 차트 및 개선 제안을 포함한 정보를 제공합니다.

9. AHREFS 웹 마스터 도구

고환

Ahrefs 웹 마스터 도구 디자인에서 사이트 SEO 문제 (예 : 끊어진 링크 및 표준 오류, 누락 된 제목 태그 등)를 확인해야하는 웹 디자이너에게 매우 유용합니다.

10. Adobe 색상

무료 웹 디자인 도구

새로운 테마를위한 완벽한 색상 조합을 선택하는 것은 시간 소모적이고 까다로운 작업 일 수 있습니다. Adobe 색상 웹 디자이너가 매번 완벽한 색상을 만들 수 있도록 도와줍니다.

11. CSS 그리드 생성기

무료 웹 디자인 도구

그리고, CSS 그리드 생성기 소프트웨어가 CSS 사이트의 그리드를 만듭니다. 레이아웃에 몇 개의 열과 기타 기능을 연결하기 만하면 온라인 마법사가 코드를 생성합니다.

12. 앱 타나 스튜디오

웹 디자인 도구는 $ 0의 비용이 듭니다.

CSS 레이아웃을 만드는 데 도움이되는 웹 디자인 소프트웨어를 찾고 계십니까? 앱 타나 스튜디오 쉽게 디자인 할 수 있습니다. HTML 또한 CSS 스타일 시트가 대부분의 브라우저와 호환되는지 확인합니다.

13. HTML 클리너

귀하의 css 코드를 정리 무료 도구

CSS를 약간 정리해야합니까? HTML 클리너 CSS를 개선 할 것을 약속드립니다. 코드를 꽂기 만하면 사이트에서 나머지 작업을 수행 할 수 있습니다. 옵션을 선택하여 깔끔하고 예쁜 디자인을 만들 수 있습니다.

14. 블루 피쉬

웹 디자인 도구는 $ 0의 비용이 듭니다.

블루 피쉬 HTML, CSS, Javascript, Ruby 등의 레이아웃을 작성하는 간단하고 무료 웹 디자인 편집기입니다. 소프트웨어는 사용자가 입력 할 때 작업의 철자를 검사합니다.

15. Phpform.org

무료 웹 도구

생성해야하는 경우 HTML 형식,이 사이트를 이용하여 HTML 스크립트를 만들 수 있습니다. 완성 된 코드를 소유하고 있지만이 사이트는 HTML 양식을 만드는 데 걸리는 시간을 크게 단축합니다.

16. HTML 정수기

웹 디자인 도구는 $ 0의 비용이 듭니다.

귀사의 웹 사이트가 국제 HTML 표준을 준수하도록 만드시겠습니까? 이 사이트는 그 과정을 도울 수 있습니다. 모든 브라우저에서 그래픽이 거의 정렬되어 있지 않거나 다른 국가의 사용자가 사이트를 볼 수 있도록하려는 경우, HTML 정수기 도움이 될 수 있습니다.

17. 웹 사이트 Goodies

웹 사이트 Goodies

코딩 및 파일 업로드에 시간을 낭비하지 않고도 사이트의 일부 기능을 빠르게 사용하려면, 웹 사이트 Goodies 현재 디자인과 통합 할 수있는 타사 기능을 제공합니다.

18. CSS3 생성기

웹 디자인 도구는 $ 0의 비용이 듭니다.

CSS3 발전기 다운로드가 필요없는 무료 소프트웨어이며 사용자가 드롭 다운 상자를 통해 옵션을 선택할 수 있습니다. CSS3 코드를 빠르고 쉽게 생성하십시오.

19. Favigen

웹 디자인 도구는 $ 0의 비용이 듭니다.

웹 사이트에 대한 favicon을 만들고 싶다면, Favigen 도울 수있다. 이 파비콘 생성기를 사용하여 다른 사람들의 사이트에있는 Facebook 및 Twitter 페이지에서 볼 수있는 링크와 비슷한 작은 그래픽을 만듭니다.

20. HTML-ispsum

웹 디자인 도구는 $ 0의 비용이 듭니다.

HTML-ipsum.com 웹 디자이너는 CSS 디자인에 사용할 짧은 코드를 만들 수 있습니다. 이 샘플 단어를 포함시킴으로써 디자이너는 텍스트가 추가되면 완성 된 디자인이 어떻게 보이는지 볼 수 있습니다.

21. Canva

웹 그래픽 용 무료 도구

당신이 방법을 찾고 있다면 웹 사이트 사용을위한 그래픽 제작 전문 그래픽 디자인 소프트웨어에 수백 가지 지출없이, 칸바 완벽한 솔루션입니다. 수백만 개의 사진, 벡터 및 글꼴에 액세스 할 수있는 드래그 앤 드롭 형식을 사용하여 아름다운 그래픽을 만들 수 있습니다.

22. 내 브라우저 크기 조정

웹 디자인 도구는 $ 0의 비용이 듭니다.

이 온라인 도구를 사용하여 웹 사이트가 얼마나 잘 측정되는지 확인하십시오. 다른 브라우저 크기. 외부 및 내부 창 크기를 조정할 수도 있습니다.

23. 책임자

웹 개발 용 웹 디자인 도구 $ 0

점점 더 많은 사용자가 iPads를 통해 온라인 상태가되면서 웹 사이트가 iPad보기와 호환되는지 확인하는 것이 좋습니다. 책임자 귀하의 사이트가 iPad에 어떻게 나타나는지 살펴볼 수 있습니다.

24. 우랭크

WooRank-웹 디자이너를위한 무료 SEO 도구

WooRank 웹 디자이너는 일주일에 한 번 트래픽을 추적하고 순위를 향상시키기 위해 할 수있는 것에 대한 팁을 제공하는 무료 보고서를 생성 할 수 있습니다.

25. 개인 정보 보호 정책

개인 정보 보호 정책을 수립하는데 시간을 낭비 할 필요가 없습니다. 이 무료 도구를 사용하여 개인 정보 정책 반 시간 만에.

26. Humaan 사이트 시작 체크리스트

Humaan 웹 사이트 출시 체크리스트

전문 웹 사이트를 구성한다는 것은 특정 항목을 완성한다는 의미입니다. 이 체크리스트 웹 사이트를 시작하는 데 필요한 모든 것을 완료했는지 확인하는 데 도움이됩니다.

27. 레이어 스타일

웹 디자인 도구는 $ 0의 비용이 듭니다.

레이어 스타일 CSS 코드를 생성하는 온라인 그래픽 편집기입니다.

28. NetBeans

웹 디자인 도구는 $ 0의 비용이 듭니다.

웹 응용 프로그램을 개발하고 싶습니까? 이 무료 소프트웨어는 기본적인 응용 프로그램 작성 지식을 가진 사람이 고유 한 앱 만들기.

29. 시몽 키

웹 디자인 도구는 $ 0의 비용이 듭니다.

모질라와 같은 코딩을 사용하면, 이유로 아직 개발 중이지만 이미 훌륭한 웹 코드 설계 도구입니다.

30. 코모도 편집

웹 디자인 도구는 $ 0의 비용이 듭니다.

이 무료 코드 편집기는 XML, HTTP 및 CSS와 함께 작동합니다. 추가 옵션이 필요한 사람들을 위해, 코모도 편집 몇 가지 부가 기능이 있습니다.

31. 스프라이트 암소

스프라이트 암소

배경의 위치를 ​​바로 잡을 필요가 있습니까? 스프라이트 암소 당신을 위해 그것을 매핑하고 CSS 코드를 생성합니다.

32. 프레싱

웹 사이트 가동 시간을 모니터링하고 다음을 사용하여 대중에게 게시하십시오. 프레싱.

33. 커피 컵

웹 디자인 도구는 $ 0의 비용이 듭니다.

무료 버전 커피 컵 소프트웨어 코드는 HTML5 및 CSS로 제공됩니다.

34. Page Breeze

웹 디자인 도구는 $ 0의 비용이 듭니다.

Page Breeze WYSIWIG에서 편집 할 수있는 기능을 제공하지만 HTML 태그보기로 전환하여 디자인을 완벽하게 조정할 수 있습니다.

35. 홈즈

웹 디자인 도구는 $ 0의 비용이 듭니다.

홈즈 CSS 마크 업 형사입니다. 꽤 잘 작동하지 않는 코드가 있습니다. 홈즈는 당신이 그것을 추적하고 고칠 수 있도록 도와줍니다.

36. NetObjects Fusion Essentials

Fusion Essential-무료 웹 디자인 도구

퓨전 에센셜 간단한 웹 사이트 편집 플랫폼입니다. 더 많은 기능이 필요하면 업그레이드 할 수 있지만 무료 버전은 시작하기에 좋은 장소입니다.

37. FileZilla의

FTP를위한 무료 웹 도구

FileZilla – TLC 및 SFTP를 통해 웹 서버로 파일을 전송할 수있는 무료 FTP 솔루션. 전송할 대용량 파일이 많은 경우 작업이 더 쉬워집니다.

38. Xenu의 링크 슬루

웹 디자인 도구는 $ 0의 비용이 듭니다.

사이트에 깨진 링크가 있는지 확인하십시오. 의 아름다움 나서서 제누 언제 어디서나 웹 사이트를 확인할 수 있다는 것입니다.

39. 김프 이미지 조작 프로그램 (GIMP)

그래픽 디자인을위한 무료 도구

이미지 조작을위한 무료 툴이 필요한 경우, 김프 당신에게 맞는 소프트웨어입니다. 김프를 무료로 다운로드하여 사용할 수 있습니다. 수백 달러의 비용이 드는 그래픽 디자인 소프트웨어의 대안입니다.

40. 비트 카차

Bitcatcha-웹 디자이너를위한 무료 도구

비트 캣차 전 세계 10 곳의 웹 사이트 응답 속도를 무료로 확인할 수 있습니다.

Lori Soard 정보

Lori Soard는 1996 이후 프리랜서 작가이자 편집자로 일해 왔습니다. 그녀는 영어 교육 학사 학위와 저널리즘 박사 학위를 가지고 있습니다. 그녀의 기사는 신문, 잡지, 온라인에 게재되었으며 여러 권의 책이 출판되었습니다. 1997 이후 저자 및 중소기업을위한 웹 디자이너 및 발기인으로 일했습니다. 그녀는 짧은 시간 동안 인기있는 검색 엔진에 대한 웹 사이트 순위를 매기고 많은 고객을 위해 심층적 인 SEO 전술을 연구하기까지했습니다. 그녀는 독자들에게서 듣는 것을 즐긴다.