Przejdź do treści
Darmowe narzędzia

Zrzuty ekranu do instrukcji krok po kroku

Prześlij do 10 zrzutów ekranu w odpowiedniej kolejności i otrzymaj instrukcję krok po kroku z opisem do każdego obrazka, gotową do pobrania w formacie Word, Markdown lub PDF.

Za darmo

Bez rejestracji

Pliki nie są przechowywane

Zrzuty ekranu do przewodnika
Bezpłatne

Upuść pliki tutaj lub

PNG, JPG lub WebP, w kolejności kroków · do 10

Nie przechowujemy Twoich danych wejściowych ani wyników, jedynie zapis, że narzędzie zostało użyte. Korzystając z tego narzędzia, akceptujesz nasze Warunki korzystania oraz Politykę prywatności.

Twój wynik pojawi się tutaj

Dodaj zrzuty ekranu w kolejności i uzyskaj przewodnik z krokiem dla każdego z nich.

Jak działa narzędzie do tworzenia instrukcji ze zrzutów ekranu

01

Dodaj zrzuty ekranu

Przeciągnij do 10 obrazów PNG, JPG lub WebP w kolejności wykonywania kroków.

02

Opisz, co przedstawiają

Opcjonalnie dodaj kontekst, np. zadanie i nazwę aplikacji.

03

Pobierz instrukcję

Otrzymaj jeden krok na zrzut ekranu, a następnie pobierz plik Word lub Markdown z obrazkami albo PDF.

Pomiń zrzuty ekranu: nagraj zadanie raz

Nagraj swój ekran za pomocą Clevera, a narzędzie samo wybierze i wyróżni zrzuty ekranu, napisze artykuł krok po kroku i stworzy narrację do filmu instruktażowego, publikując go w Twoim centrum pomocy w 74 językach. Rejestratory pulpitu dla Mac i Windows. Zacznij od darmowego planu, bez karty płatniczej.

Jak zamienić zrzuty ekranu w instrukcję krok po kroku

Aby stworzyć instrukcję krok po kroku ze zrzutów ekranu, wykonaj jeden zrzut na każdą akcję, ułóż je w kolejności wykonywania zadania i napisz krótką instrukcję pod każdym z nich, dodając tytuł oraz informację o celu przewodnika. To narzędzie wykonuje pisanie za Ciebie: zamienia zrzuty ekranu w instrukcje, analizując zawartość każdego z nich, określając akcję i tworząc tytuł kroku oraz opis obok obrazka. Ty tylko sprawdzasz treść zamiast ją pisać.

Przewodnik ze zrzutami ekranu działa, ponieważ czytelnicy mogą porównać swój ekran z Twoim na każdym etapie. Większość momentów typu „utknąłem” wynika z niemożności znalezienia przycisku, a obrazek odpowiada na to szybciej niż zdanie.

Jak robić zrzuty ekranu do instrukcji

  • Jeden zrzut ekranu na akcję. Uchwyć ekran w momencie, gdy czytelnik musi coś kliknąć, wpisać lub wybrać.
  • Pokaż, gdzie kliknąć. Zostaw kursor na przycisku lub otwórz menu przed wykonaniem zrzutu.
  • Przytnij do okna. Pełny pulpit z dziesięcioma otwartymi kartami sprawia, że najważniejsza część staje się nieczytelna.
  • Zachowaj ten sam rozmiar okna. Spójne zrzuty ekranu wyglądają jak jedna instrukcja, a nie kolaż.
  • Ukryj dane osobowe. Rozmyj nazwiska, e-maile i numery kont przed udostępnieniem lub przesłaniem czegokolwiek.

Instrukcja ze zrzutami ekranu, wideo czy zwykły tekst?

Każdy format pasuje do innego rodzaju zadania i czytelnika.

Format
Najlepsze dla
Słaba strona
Instrukcja ze zrzutami ekranu
Zadania w oprogramowaniu od 3 do 15 kroków, które użytkownicy wykonują krok po kroku
Każda zmiana w interfejsie oznacza nowe zrzuty ekranu
Film instruktażowy
Dłuższe procesy, przeciąganie i upuszczanie, wszystko, co się rusza
Trudno szybko znaleźć konkretny krok
Tylko tekst
Krótkie odpowiedzi, ustawienia i wartości do skopiowania
Czytelnicy nie widzą, gdzie co jest na ekranie

Wiele centrów pomocy korzysta z obu rozwiązań: instrukcji ze zrzutami ekranu do szybkiego przeglądu i krótkiego filmu dla osób, które wolą oglądać.

Krótki przykład

Trzy zrzuty ekranu panelu administracyjnego z kontekstem „Konfiguracja logowania dwuetapowego” mogą stać się:

  1. Otwórz ustawienia zabezpieczeń. Kliknij swoje zdjęcie profilowe, a następnie wybierz Zabezpieczenia.
  2. Włącz logowanie dwuetapowe. Kliknij Włącz obok Uwierzytelniania dwuetapowego i zeskanuj kod QR za pomocą aplikacji uwierzytelniającej.
  3. Potwierdź kodem. Wpisz sześciocyfrowy kod z aplikacji i kliknij Weryfikuj.

W rezultacie każdy krok znajduje się obok swojego zrzutu ekranu, a pobrane pliki Word i Markdown zachowują obrazki na swoich miejscach.

Wskazówki dla lepszego efektu instrukcji ze zrzutów ekranu

Użyj pola kontekstu

Linijka tekstu typu „Tworzenie faktury w naszej aplikacji rozliczeniowej dla nowych księgowych” informuje AI o celu i odbiorcy, dzięki czemu kroki wyjaśniają dlaczego, a nie tylko gdzie kliknąć.

Sprawdź kolejność przed przesłaniem

Instrukcja podąża za kolejnością Twoich plików. Zmień ich nazwy na numeryczne lub dodawaj je pojedynczo, aby krok trzeci nie znalazł się na początku.

Podaj dokładne etykiety

Jeśli etykieta przycisku jest słabo czytelna na zrzucie ekranu, wspomnij o niej w kontekście. Instrukcja jest tak precyzyjna, jak to, co widzi AI.

Co sprawia, że krok w instrukcji ze zrzutami ekranu jest dobry

Każdy krok powinien robić trzy rzeczy: mówić co zrobić, pokazywać gdzie to zrobić i informować czytelnika, co powinien zobaczyć dalej. Zacznij od czasownika („Kliknij”, „Wybierz”, „Wpisz”), nazwij przycisk dokładnie tak, jak pojawia się na ekranie i ogranicz się do jednej akcji. Jeśli krok wymaga wartości, takiej jak ustawienie lub wpis w polu, zapisz ją, aby czytelnicy mogli ją skopiować. Generator pisze kroki w ten sposób; Twoim zadaniem jest sprawdzenie, czy etykiety pasują do Twojej aplikacji.

Częste błędy

  • Pomijanie ekranu, ponieważ wydaje się oczywisty. Początkujący gubią się właśnie w tym miejscu.
  • Zrzuty ekranu z dwóch różnych wersji aplikacji w jednej instrukcji.
  • Małe, nieprzycięte zrzuty ekranu, na których nie widać przycisku.
  • Brak ponownego wykonania zrzutów ekranu po zmianach w interfejsie.

Przejrzyj każdy krok w odniesieniu do rzeczywistej aplikacji przed publikacją. AI może źle odczytać ekran, zwłaszcza przy małym tekście lub podobnie wyglądających przyciskach.

Pytania

Tak. Jest darmowe i nie wymaga konta. Aby utrzymać je darmowym dla wszystkich, istnieje mały limit godzinowy i dzienny; narzędzie pokazuje, ile uruchomień pozostało Ci na dziś.

Nie. Twoja przeglądarka zmienia rozmiar zrzutów ekranu, a następnie wysyła je do modelu AI w celu napisania instrukcji. Ani obrazy, ani wynik nie są przechowywane. Mimo to rozmyj dane osobowe przed przesłaniem.

Do 10 obrazów PNG, JPG lub WebP na instrukcję. Duże obrazy są skalowane w dół do 1600 pikseli na dłuższym boku w Twojej przeglądarce przed przesłaniem. W przypadku dłuższego zadania podziel je na dwie instrukcje.

Tak. Pobrane pliki Word i Markdown zawierają każdy zrzut ekranu obok odpowiedniego kroku, a instrukcję możesz wydrukować lub zapisać jako PDF. Opcja kopiowania daje tylko tekst.

Tak. Instrukcja jest pisana w języku tej strony; zmień język witryny, aby otrzymać ją w innym.

To narzędzie pisze instrukcję na podstawie zrzutów ekranu, które już wykonałeś. Clevera działa na podstawie nagrania ekranu: sama wybiera zrzuty ekranu, pisze artykuł, tworzy film z narracją i przechowuje oba elementy w Twoim centrum pomocy.