Dodawanie zrzutów ekranu

Artykuły piszemy tak, aby opisywały zagadnienie bez pomocy zrzutów ekranów, ale zrzuty ułatwiają zrozumienie zagadnienia, a w szczególności nowym użytkownikom, więc nie obawiaj się dodawania zrzutów ekranu do pisanych przez ciebie artykułów.

Jak zrobić dobry zrzut ekranu?

• Zrzuty ekranu ilustrują trudne do zrozumienia procedury. Nie jest konieczne dołączanie zrzutów do każdej czynności – wystarczy dodać zrzut ilustrujący ważny szczegół, by użytkownik go nie przeoczył.
• Zrzuty powinny odpowiadać temu, co użytkownik widzi na swoim ekranie. W tym celu (używamy znacznika {for}). Dzięki temu użytkownik, np. systemu Windows widzi zrzuty wykonane w tym systemie, a użytkownik komputera Mac z systemem OSX widzi zrzuty wykonane w tym systemie.
• Zrzuty powinny zawierać odpowiedni kontekst, tak aby użytkownik mógł jednoznacznie określić, jaką część interfejsu zrzut przedstawia.
• Należy używać aktualnej wersji systemu operacyjnego i domyślnej konfiguracji aplikacji, np. systemu Windows 7 aero i najnowszą wersję Firefoksa z domyślną konfiguracją – bez żadnych zmian interfejsu i ustawień. Najłatwiejszym sposobem uzyskania domyślnej konfiguracji jest użycie nowego profilu. Jak to zrobić dowiesz się z artykułu: Zarządzanie profilami.

Skup się na zrzutach ekranu w systemie Windows

Użytkownicy systemu Windows, to ponad 90% odwiedzających nasze witryny, zatem zrzuty wykonane w systemie Windows będą oglądane dziewięć razy częściej niż zrzuty wykonane w systemach Mac i Linux razem wziętych. Wykonywanie zrzutów jest czasochłonne, zatem jeśli nie dysponujesz zbyt dużą ilością czasu, skoncentruj się na wykonaniu zrzutów z systemu Windows.

Tworzenie zrzutów ekranu w systemie Windows

Poniższe instrukcje odnoszą się do systemu systemu Windows 7 z wbudowanym poleceniem PrintScreen i programu Paint

1. Włącz domyślny motyw Windows 7 Aero i ustaw biały kolor pulpitu:
   • Kliknij prawym przyciskiem myszy na pulpicie i wybierz Personalizuj.
     
   • W sekcji Kompozycje systemu Aero wybierz Windows 7.
   • Na dole okna kliknij odnośnik Tło pulpitu i z menu rozwijanego Lokalizacja obrazu wybierz Pełne kolory, a następnie wybierz kolor biały.
2. Teraz czas na wykonanie zrzutu. Wywołaj sytuację, której chcesz wykonać zrzut ekranu. W zależności od posiadanej klawiatury, naciśnij klawisz Print Screen lub Prnt Scrn, lub PrtScr.
3. Przejdź do menu Start Windowsa i z poziomu listy programów otwórz program Paint.
4. Po otworzeniu programu kliknij Wklej lub użyj skrótu Ctrl + V – zrzut ekranu zostanie wyświetlony.
   
5. Teraz wykadruj odpowiednią część obrazka:
   • Sprawdź czy zostało Wybrane Zaznaczenie prostokątne
     
   • Zaznacz obszar do wykadrowania
     
     i naciśnij przycisk Przytnij.
     
6. Zaznacz na obrazku czerwoną obwódką elementy, które chcesz wyróżnić, np. element, który użytkownik powinien kliknąć.
   
7. Po wykadrowaniu i wyróżnieniu istotnych elementów wyskaluj zrzut, tak aby jego szerokość nie przekraczała 650 pikseli – to odpowiednia szerokość obrazków zamieszczanych w artykułach.
   
8. Na koniec zapisz obrazek w formacie PNG. Teraz jest gotowy do umieszczenia w galerii obrazków bazy wiedzy.
   

Tworzenie zrzutów ekranu w systemie Mac OSX

Poniższe instrukcje odnoszą się do systemu Mac OSX 10.9.2 Mavericks i aplikacji Podgląd

1. Wciśnij klawisz control i kliknij biurko, wybierz Zmień tło biurka…, kliknij menu Kolory jednolite i wybierz kolor biały.
   
2. Teraz czas na wykonanie zrzutu. Wywołaj sytuację, której chcesz wykonać zrzut ekranu. Użyj skrótu shift + command + 3 - ikona zrzutu ekranu pojawi się na biurku.
3. Kliknij ikonę zrzutu dwukrotnie – zrzut zostanie otworzony w aplikacji Podgląd.
4. Teraz wykadruj odpowiednią część obrazka:
   • Zaznacz obszar do wykadrowania
   • Przejdź do menu (menu Narzędzia) wybierz Kadruj.
     
5. Zaznacz na obrazku czerwoną obwódką elementy, które chcesz wyróżnić, np. element, który użytkownik powinien kliknąć.
   
6. Po wykadrowaniu i wyróżnieniu istotnych elementów wyskaluj zrzut, tak aby jego szerokość nie przekraczała 650 pikseli – to odpowiednia szerokość obrazków zamieszczanych w artykułach.
   
7. Na koniec zapisz obrazek w formacie PNG. Teraz jest gotowy do umieszczenia w galerii obrazków bazy wiedzy.
   

Tworzenie zrzutów ekranu w systemie Linux

Poniższe instrukcje odnoszą się do systemu Ubuntu Linux z interfejsem Unity

1. Wciśnij klawisz control i kliknij pulpit, wybierz Zmień tło pulpitu…, kliknij menu Kolory jednolite i wybierz kolor biały.
2. Teraz czas na wykonanie zrzutu. Wywołaj sytuację, której chcesz wykonać zrzut ekranu.
3. Search for "Screenshot" and open the application Take Screenshot.
   
4. Jeśli ustawisz opóźnienie na 5 sekund, będziesz mieć czas na otwarcie menu lub umieszczenie wskaźnika myszy nad miejscem, które chcesz wyróżnić.
   
5. Zapisz obrazek na pulpicie (ustawienie domyślne).
6. Przejdź na pulpit, kliknij ikonę zrzutu dwukrotnie – zrzut zostanie otworzony w aplikacji Image viewer.
7. Naciśnij przycisk Edit Image, by otworzyć obrazek w aplikacji, w której będzie go można wykadrować.
   
8. Naciśnij przycisk Kadruj i zaznacz obszar do wykadrowania. Naciśnij przycisk OK, by wykadrować obrazek.
   
9. Zamknij obrazek – zostanie udostępniona możliwość zapisania zmian.
   • Niestety wbudowane narzędzia nie mają żadnych funkcji umożliwiających dodanie adnotacji, czy wyskalowania obrazków. Ale nie ma się co martwić! To jest Linux, więc są tysiące darmowych aplikacji, które można pobrać i użyć ich do wykonania tych operacji.

Dodawanie zrzutów do artykułów

1. W trakcie edytowania artykułu, na pasku narzędzi naciśnij przycisk Wstaw media…
   
2. Zostanie otworzone okno dialogowe dodawania mediów. Na dole okna kliknij odnośnik Prześlij media.
   
3. Zostanie otworzone nowe okno dialogowe przesyłania pliku multimedialnego. Po przesłaniu pliku zawierającego obrazek, możesz zamknąć to okno i powrócić do edytowania artykułu.
   Informacja dla lokalizatorów. Sprawdź czy z menu rozwijanego została wybrana właściwa lokalizacja. Umożliwi to nam poprawne przypisanie obrazka.
4. Umieść kursor w tekście w miejscu, w którym chcesz wstawić obrazek i naciśnij ponownie przycisk Wstaw media….
5. Wybierz przesłany obrazek i na dole okna wstawiania mediów naciśnij przycisk Wstaw media.
   
   • Do tekstu zostanie wstawiony znacznik: [[Image:title]], który przekierowuje do obrazka.
   • Ponieważ zazwyczaj dodajemy obrazek na końcu wiersza, aby był prawidłowo wyświetlany, trzeba przed znacznikiem obrazka <br>[[Image:title]] złamać wiersz, wstawiając znacznik <br>.

Zrzuty ekranów, a rozmiar pliku

We do a couple of things to limit how much data has to be downloaded when you visit a Knowledge Base article:

• We automatically compress all image uploads so that each file is small.
• We only load the images for the selected platform. So if you are viewing an article with Windows, we only load the Windows screenshots. If you then change the Article is for: setting in the sidebar to another platform (like Mac OS X), we'll then load the screenshots for that platform.

Zrzuty ekranu i ich lokalizowanie

Artykuły piszemy tak, aby opisywały zagadnienie bez pomocy zrzutów ekranów, ale zrzuty ułatwiają zrozumienie zagadnienia, a w szczególności nowym użytkownikom. Zrzuty ekranu nie są wymagane w artykułach. Ideałem byłoby, gdyby zrzuty ekranów były zlokalizowane, ale jeśli nie jest to możliwe, to można pozostawić angielskie wersje zrzutów lub je usunąć.

Czy trzeba aktualizować zrzuty po zmianach wizualnych?

Nie, nie trzeba! To byłoby szaleństwo, gdybyśmy to robili. For example, at one point we made a bunch of screenshots of the Options window that had the Sync panel last. One of the last things they did before releasing Firefox 4 was to swap Sync and Advanced in the Options panel so that it looked like this. Since the article was about the options listed in the window and the order of the icons at the top were not critical, we didn't change the screenshots right away (they eventually got updated when options in those various panels changed).

Jak zawsze, zastosuj swoje kryteria oceny. Jeśli obrazek użyty dla poprzedniej wersji aplikacji jest nadal pomocny i nie jest mylący, użyj go.

Inne narzędzia do tworzenia zrzutów

Windows:

• SnagIt – 30-dniowy okres testowy)
• Irfanview – darmowy
• Paint .NET – darmowy
• XNView – darmowy
• Gadwin PrintScreen – darmowy

Mac:

• Skitch(Free)
• XNView – darmowy

Linux:

• XNView – darmowy