Traktuj kolory jako parę
KontrastOceniaj kolor tekstu i tła razem, zamiast wybierać samą próbkę koloru tła.
Kolor tła ułatwiający czytanie Twojego tekstu
Znajdź kolor tła ułatwiający czytanie słów w rozmiarze i układzie, których faktycznie używasz. Poproś Viralkey o plan porównania zapisany w formie tekstu, a następnie sprawdź rzeczywistą parę kolorów w swoim procesie projektowym. Ta strona nie certyfikuje dostępności ani nie mierzy projektu, którego nie przedstawiono do oceny. Powiązane strony Krój szeryfowy a bezszeryfowy w briefie czytelnego tekstu · Elementy i zasady sztuki na potrzeby briefu wizualnego · Typografia kinetyczna z czytelnym planem tekstu w ruchu
Czytelność zależy od połączenia tekstu i tła
Łatwy do czytania kolor tła zależy od tekstu na pierwszym planie oraz od warunków, w jakich ludzie go zobaczą. Jasne tło z wystarczająco ciemnym tekstem albo ciemne tło z wystarczająco jasnym tekstem może być użytecznym punktem wyjścia do porównania. Nadal liczą się dokładne kolory, rozmiar pisma, jego grubość, odstępy i bałagan wizualny. Gładkie tło może ułatwiać czytanie bardziej niż przeładowany obraz za tymi samymi słowami. Sprawdź rzeczywistą parę pod kątem wymagań istotnych dla projektu, zamiast traktować jeden nazwany kolor tła jako uniwersalnie czytelny. Otwórz narzędzie Agent · Krój szeryfowy a bezszeryfowy w briefie czytelnego tekstu · Elementy i zasady sztuki na potrzeby briefu wizualnego · Typografia kinetyczna z czytelnym planem tekstu w ruchu
Planuj na podstawie własnych materiałów
Znajdź kolor tła ułatwiający czytanie słów w rozmiarze i układzie, których faktycznie używasz. Poproś Viralkey o plan porównania zapisany w formie tekstu, a następnie sprawdź rzeczywistą parę kolorów w swoim procesie projektowym. Ta strona nie certyfikuje dostępności ani nie mierzy projektu, którego nie przedstawiono do oceny.
Porównuj tekst i tło razem
Podaj rzeczywisty tekst i zweryfikowane wartości kolorów, gdy projekt ich wymaga. Określ rozmiar czcionki i rolę tekstu, na przykład etykietę albo akapit. Poproś Agenta, aby uporządkował pytania do przeglądu w tekście. Sama próbka tła nie pozwala ustalić, czy rzeczywiste słowa są czytelne w końcowym projekcie.
Przejdź dalej z wersją roboczą
Sprawdź bałagan i zmieniające się obszary obrazu
Jeśli tekst leży na fotografii lub ruchomym tle, jego widoczność może zmieniać się w różnych obszarach albo klatkach. Sprawdź cały obszar zajmowany przez słowa, a nie jedną korzystną próbkę. Warto przetestować jednolite pole tekstowe albo inny świadomy wybór układu. Wprowadź zmianę w rzeczywistym procesie i oceń wynik.
Przejdź dalej z wersją roboczą
Oddziel propozycję projektu od weryfikacji
Zaproponowaną parę nadal trzeba sprawdzić na rzeczywistych wartościach, wyrenderowanym tekście i przy użyciu właściwej metody oceny. Uczciwie zapisuj zmierzone lub zaobserwowane wyniki. Agent może wyjaśniać pojęcia i przygotować listę kontrolną, ale nie może twierdzić, że projekt, którego nie widział, przeszedł kontrolę kontrastu lub otrzymał certyfikat dostępności.
Przejdź dalej z wersją robocząPrzygotuj i sprawdź wersję roboczą
Opisz rzeczywisty tekst i układ
Podaj rolę tekstu, rzeczywiste brzmienie, zamierzony rozmiar i kontekst tła. Dołącz zweryfikowane wartości pierwszego planu i tła, jeśli są wymagane. Oznacz brakujące informacje, zamiast prosić Agenta o odgadnięcie specyfikacji koloru.
Przygotuj ukierunkowaną listę kontrolną porównania
Poproś o sprawdzenie pary kolorów, typografii i elementów rozpraszających w tle. Porównaj warianty spełniające założenia projektu. Nie przedstawiaj liczbowych wyników jako potwierdzenia zgodności, dopóki rzeczywisty projekt nie zostanie oceniony odpowiednią metodą.
Przetestuj i przejrzyj wyrenderowany projekt
Sprawdź rzeczywiste słowa w zamierzonym rozmiarze i wykonaj wymagane w projekcie kontrole kontrastu oraz dostępności. Przejrzyj tło obrazowe lub ruchome na całym istotnym obszarze. Ta strona tekstowa nie mierzy projektu ani nie certyfikuje końcowego wyniku.
Dopasuj decyzję o tle do zadania czytelniczego
Akapit wymaga czytelności przy dłuższym czytaniu
Testuj reprezentatywny tekst zasadniczy, a nie tylko zbyt duży nagłówek. Użyj rzeczywistej długości wiersza, rozmiaru i odstępów, które znajdą się w układzie. Porównaj parę pierwszego planu i tła oraz usuń elementy rozpraszające, które przeszkadzają słowom. Zestawienie kolorów atrakcyjne jako dwie osobne próbki może zachowywać się inaczej w pełnym akapicie.
Przejdź dalej z wersją robocząKrótka etykieta nadal wymaga rzeczywistego kontekstu
Na etykietę przycisku lub małą adnotację mogą wpływać rozmiar, grubość, otaczające elementy i stan wizualny. Przetestuj wymagane brzmienie tam, gdzie się pojawi. Nie wnioskuj o czytelności wyłącznie z koloru tła. Sprawdź obowiązujące wymagania projektu dla rzeczywistego komponentu i wyraźnie oznacz nietestowane stany.
Przejdź dalej z wersją robocząTło obrazowe wymaga szerszego przeglądu
Słowa na fotografii mogą przecinać zarówno jasne, jak i ciemne obszary. Przejrzyj cały obszar tekstu oraz każde responsywne kadrowanie lub ruch, który go zmienia. W razie potrzeby porównaj prostsze pole tekstowe i sprawdź rzeczywisty wynik. Pojedynczy opis przypominający zrzut ekranu albo jeden próbkowany piksel nie pozwala ustalić widoczności na całym zmieniającym się tle.
Przejdź dalej z wersją robocząSprawdź słowa w rzeczywistym projekcie
Korzystaj z tych notatek przy porównywaniu wyborów tła.
Używaj reprezentatywnego tekstu
PróbkaTestuj rzeczywisty rozmiar i brzmienie, w tym tekst zasadniczy, gdy dłuższe czytanie jest częścią zadania.
Sprawdź bałagan wizualny
KontekstSprawdź, czy wzory, obrazy albo pobliskie elementy przeszkadzają słowom, nawet gdy kolory są wyraźnie różne.
Przejrzyj zmieniające się tła
RuchSprawdź istotne klatki i kadrowania, gdy obszar za tekstem może się zmieniać.
Zapisuj rzeczywistą weryfikację
DowódOddzielaj zmierzone lub zaobserwowane kontrole od proponowanej palety i nie oznaczaj nietestowanego materiału jako zaliczonego.
Potwierdź odpowiedzialność za przegląd
ZatwierdzenieWskazówki tekstowe są tutaj listą kontrolną. Odpowiedzialny recenzent ocenia rzeczywisty projekt i go akceptuje.
Pytania i odpowiedzi
Taki, który współgra z rzeczywistym tekstem i warunkami oglądania — nie chodzi o jedną uniwersalną nazwę koloru. Porównaj kolory tekstu i tła, typografię oraz elementy rozpraszające. Połączenie jasnego z ciemnym może być punktem wyjścia, ale nadal wymaga odpowiedniego sprawdzenia.
Sprawdź kolejną wersję roboczą
Twój tekst pojawi się w narzędziu Agent jako wersja robocza. Sprawdź go tam przed wysłaniem. Ta strona nie uruchamia generowania.