Morph Blog
Product

Nowe środowisko przeglądania w Morph: 300+ narzędzi, zero zakłóceń

PRZEZ MORPH5 MIN CZYTANIA
20 marca 2026 · 4 min czytania

Morph ma ponad 300 narzędzi. Konwersja plików, edycja obrazów, manipulacja PDF, przycinanie wideo, generowanie QR, wybieranie kolorów, formatowanie danych, konwersja czcionek i wiele więcej. Ta liczba to siła, ale jednocześnie problem projektowy. Jeśli nie możesz znaleźć narzędzia, którego potrzebujesz, w ciągu dwóch sekund, posiadanie 300 narzędzi nie jest lepsze niż brak ich.

Stara strona Przeglądania wyświetlała narzędzia w płaskiej siatce. Działała, gdy Morph miał 40 narzędzi. Przy 300 stała się książką telefoniczną. Przewijałeś, squinted, zrezygnowałeś i użyłeś docka zamiast tego. Ten doświadczenie nie było wystarczająco dobre.

Nowa Strona Przeglądania to kompleksowa przebudowa. Jest zbudowana wokół jednej idei: każdy narzędzie powinien być dostępny w mniej niż dwie sekundy, niezależnie od tego, czy wiesz, czego szukasz, czy po prostu eksplorujesz.

Co się zmieniło

Przebudowana strona Przeglądania otwiera się jednym nagłówkiem w czcionce Cormorant Garamond: "Każdy narzedzie. Jedna karta." Poniżej niej, strona rozkłada się na cztery różne sekcje, każda zaprojektowana dla innego rodzaju intencji użytkownika.

Na górze znajdują się trzy wybrane karty gradientowe, które prezentują narzędzia definiujące Morph: Morph Artboard (pełny edytor obrazów), Flowcut (edytor wideo) oraz generator kodów QR. Każda karta ma subtelny animowany efekt podczas najechania — lekki podnoszenie i skalowanie — który sprawia, że cała strona wygląda reaktywnie i żywo bez przeszkadzania. Na urządzeniach mobilnych te karty zmniejszają się, aby pasować do poziomego przewijania o szerokości 220px.

Poniżej karty z najpopularniejszymi opcjami, wiersz popularnych przycisków pokazuje najczęściej wykonywane konwersje: PNG na JPEG, MP4 na MP3, HEIC na JPG, PDF na Tekst i WebP na PNG. Są to jednoklikowe skróty do par konwersji, które ludzie najczęściej szukają. Bez menu, bez rozwijanych list. Kliknij przycisk, upuść plik, gotowe.

Poniżej karty kategorii organizują każdy narzędzie w czytelne grupy. Każda karta ma kolorową lewą krawędź (3px solid, unikalna na kategorię), metkę z liczbą formatów oraz parę liczb konwersji. Narzędzia obrazowe, narzędzia wideo, narzędzia dźwiękowe, narzędzia dokumentów, narzędzia dla deweloperów, narzędzia danych — każda kategoria to cel, a nie filtr.

Szukaj, które naprawdę działa

Pasek wyszukiwania znajduje się blisko górnej części strony. Czyta "Szukaj 300+ narzędzi..." i filtrowa nową całą katalog narzędzi w czasie rzeczywistym, gdy piszesz. Nie ma przycisku wysyłania. Nie ma spinnera ładowania. Każde naciśnięcie klawisza wąsko wyniki natychmiast, ponieważ wyszukiwanie działa całkowicie po stronie klienta względem tablicy narzędzi.

Gdy pole wyszukiwania jest skupione, delikatne pomarańczowe światło pojawia się wokół niego — ten sam #FF5200 akcent, który jest używany w każdym aktywnym stanie w Morph. Mały przycisk przełączający pojawia się po wpisaniu tekstu, aby możesz zresetować wyszukiwanie jednym kliknięciem zamiast zaznaczać i usuwać.

To jest świadomie proste. Nie ma dopasowywania zbliżonego, żadnego algorytmu rankingowego, żadnego silnika sugerującego na podstawie AI. Jest to filtr tekstu nad płaską listą. Działa, ponieważ nazwy narzędzi i opisy są napisane jasno, a filtracja po stronie klienta na tej skali jest efektywnie natychmiastowa. Czasami najlepsze doświadczenie wyszukiwania to to z zerowym opóźnieniem.

Kategorie jako cele

Większość katalogów narzędzi traktuje kategorie jako filtry. Wybierasz kategorię z rozwijanego menu, a siatka ponownie się renderuje z podzbiorem. To działa, ale spłaszcza doświadczenie przeglądania na coś transakcyjnego. Wiesz, czego chcesz, filtrujesz, opuszczasz.

Nowa strona Przeglądania traktuje kategorie inaczej. Każdy kartka kategorii wyświetla dwie liczby: liczbę obsługiwanych formatów i liczbę dostępnych par konwersji. Karta narzędzi obrazu nie mówi tylko "Obraz" — informuje, że dostępnych jest 15+ formatów i 80+ par konwersji. Ten kontekst przekształca etykietę w zaproszenie do eksploracji.

Karty pojawiają się w widoku z zasynchronizowanymi animacjami, każda pojawiając się co 30 milisekund po poprzedniej. Po najechaniu kursorem aktywuje się efekt szklanego panelu: wielowarstwowy cień obrysu połączony z rozmyciem tła tworzy efekt głębi, który sprawia, że karta wydaje się unosić nad powierzchnią. To nie są ozdobne dodatki. Są to mechanizmy zwrotne, które informują Cię, gdzie się znajdujesz i na co możesz działać.

Każana animacja uwzględnia media query prefers-reduced-motion. Jeśli system operacyjny jest ustawiony na redukcję ruchu, efekty rozstawienia i najechania są wyłączone. Dostępność nie jest pośrednim pomysłem — jest wbudowana w każdą interakcję.

Wybrane narzędzia

Trzy wybrane karty na górze strony Browse są ręcznie kuratowane, nie algorytmiczne. Nie ma rankingu popularności, nie ma testów A/B, nie ma metryk angażowania decydujących, co trafi do herba. Wybrane narzędzia zostały wybrane, ponieważ reprezentują najlepsze, co Morph potrafi.

Morph Artboard to pełny edytor obrazów z warstwami, maskami, trybami mieszania oraz funkcjami opartymi na AI, takimi jak generowanie wypełnienia i usuwanie obiektów. Flowcut to przeglądarkowy edytor wideo z edycją w czasie rzeczywistym, korekcją kolorów, zmianą prędkości, obsługą LUT i presetami eksportu dla YouTube, Instagrama, TikToka i GIF. Generator kodów QR tworzy skanowalne kody natychmiastowo z dostosowalnymi kolorami i rozmiarami.

To nie są jedynie narzędzia, które warto wyróżnić. Ale kierowanie oznacza wybór. Trzy karty, trzy narzędzia, jedna jasna wiadomość: Morph nie jest tylko konwerterem plików. Jest platformą twórczą.

Dlaczego to ważne

Katalog narzędzi z 300 pozycjami nie jest produktem. Jest to arkusz kalkulacyjny. Produkt to to, co dzieje się między momentem otwarcia strony Browse a momentem znalezienia potrzebnego narzędzia. Ten czas powinien wynosić sekundy, a nie przewijanie.

Dobre narzędzia są niewidoczne. Szukasz, znajdujesz, używasz. Nie czytasz dokumentacji. Nie oglądasz tutoriala. Nie tworzysz konta. Nowa strona Przegląd jest zaprojektowana na podstawie tego zasady. Wszystko na ekranie pomaga Ci znaleźć narzędzie lub pokazuje narzędzie, którego nie wiedziałeś, że istnieje.

Nie ma ściany rejestracji. Nie ma wymogu przesyłania plików. Większość narzędzi działa całkowicie w przeglądarce bez udziału serwera. Twoje pliki pozostają na Twoim urządzeniu. Ta gwarancja prywatności to nie tylko marketing — to architektura. Morph wykorzystuje WebAssembly i JavaScript do przetwarzania plików po stronie klienta. Nic nie dotyka serwera, chyba że jawnie korzystasz z funkcji AI, a nawet wtedy przetwarzanie odbywa się na Cloudflare Workers bez przechowywania lub logowania.

300+ narzędzi w jednej aplikacji jest bez sensu, jeśli nie możesz znaleźć tego, którego potrzebujesz. Przebudowa Przeglądania czyni znalezienie odpowiedniego narzędzia tak szybkim, jak jego użycie.

Jeśli nie eksplorowałeś, co Morph może zrobić poza konwersją plików, strona Przegląd jest miejscem, od którego warto zacząć. Kompresja obrazów, edycja wideo, konwersja czcionek, wyodrębnianie metadanych, szyfrowanie, generowanie wykresów, budowanie CV — wszystko to jest dostępne, uporządkowane i można je wyszukiwać.

Otwórz stronę Przeglądaj, wpisz, czego potrzebujesz, i zobacz, co się dzieje. Lub nie wpisuj niczego — po prostu przewijaj. Możesz znaleźć narzędzie, którego nie wiedziałeś, że potrzebujesz, takie jak kompresor obrazów, który działa całkowicie w Twojej przeglądarce, lub bezpłatny edytor wideo, który eksportuje do GIF z optymalizacją palety.

Każde narzędzie. Jedna karta. Zero zakłóceń.

Przeglądaj 300+ narzędzi