Jedna rzecz, którą zaczynam rozumieć, jest bardzo ważna: prawidłowe użycie kontrastu.
Spójrz na to pierwsze zdjęcie. Wszędzie jest kontrastowo! Niebo jest jasne, horyzont jest ciemny, potem trawa daleko jest jasna, a dno ciemne. Tło kafelkowe zmienia się niezwykle od bardzo jasnego do bardzo ciemnego. Wszystko to nie ma charakteru informacyjnego. Wizualny bałagan. Właściwe ważne części - koła - zagłuszają wszystkie zmiany kontrastu.
Teraz spójrz na drugie zdjęcie. Tło jest ciemne i stosunkowo monotonne. Wokół całego pola gry jest jasna ramka. Kafelkowe tło jest w większości ciemne, a cienkie białe linie w ważnych miejscach. Nagle można zobaczyć układankę, ponieważ jest to jedna z najbardziej kontrastowych rzeczy na świecie.
Osobiście wciąż go trochę poprawiałem - sprawiłbym, że boisko wyglądało na bardziej grube. Białe linie pokazujące podziały siatki są ważne, ale ludzki mózg jest naprawdę dobry w ekstrapolacji prostych cech, a te mogą być o wiele ciemniejsze, a nawet nieco rozbite.
Najważniejszą rzeczą, która wyciąga mnie z tego interfejsu jest dolny pasek. Jest jasny, jest na twojej twarzy i trudno jest odczytać tekst. Ta ostatnia kwestia jest ważna - powód, dla którego trudno jest odczytać tekst, jest znowu z powodu kontrastu. Czytamy tekst częściowo, szukając krawędzi liter, ale niestety dobrze komponują się one z częściami dolnego paska.
Co bym zrobił: Przesunąć dolny pasek, aby dobrze pasował do głównego tła pod względem kontrastu. Wykonaj jaśniejszą granicę między nim a głównym tłem, aby przejść przez fakt, że jest on oddzielny. Następnie pozbądź się większości tekstu. „Diament” może stać się prawdziwym diamentem. „Pozostawione atomy” mogą stać się obrazowym widokiem kilku atomów. „Pozostały czas” może stać się klepsydrą, zegarkiem na rękę lub kieszonkowym. „Dalej” może zniknąć całkowicie - mówisz „musisz przejść, aby zobaczyć, które atomy dostajesz”, ale to irytująca mechanika gry. Zamień go w stos atomów po prawej stronie, siedzący na zniszczonym przenośniku taśmowym, z małą wizualną wskazówką maszynową, dla której jest następny w linii. Tada! Ulepszone puzzle, ulepszony interfejs, wszystko wygląda mniej zagracone.
Jeśli nie trzeba używać tekstu, nie dwa sposoby, aby zagwarantować kontrastu. Po pierwsze, umieść tekst na czymś, co samo w sobie ma niski kontrast. Jeśli ma ciemne tło, użyj jasnego tekstu. Jeśli ma jasne tło, użyj ciemnego tekstu. Jeśli nie możesz tego zrobić (a czasem po prostu nie możesz), nie wahaj się użyć efektu zewnętrznego blasku. To świetny sposób na zapewnienie odpowiedniego kontrastu ramek bez względu na tekst.
Podczas zabawy z interfejsami otwórz edytor obrazów, zamień go na monochromatyczny i wypróbuj dwie rzeczy: rozmycie i wykrywanie krawędzi. Kiedy twój interfejs użytkownika jest rozmazany monochromatycznie, twoja wizja powinna automatycznie grawitować w ważnych obszarach. W trybie wykrywania krawędzi należy wyróżnić ważne obszary. Przykłady:
Porównaj te dwa. Pierwszy jest prawie nieczytelny - oczywiście niektóre klejnoty są widoczne, ale wiele z nich nie. W drugim siatka wyróżnia się natychmiast, podobnie jak okno dialogowe. Chociaż na planszy jest tylko jeden klejnot, możesz od razu zobaczyć, gdzie on jest.
Pierwszy mocno podkreśla krawędzie siatki. Niektóre klejnoty są prawie niewidoczne. Drugi podkreśla te nadal (i bardziej niż osobiście bym to zrobił), ale także bardzo mocno podkreśla granicę układanki, a klejnot jest znacznie bardziej (choć wciąż nie idealnie) widoczny.
Ta metoda w żadnym wypadku nie jest panaceum, ale może pomóc w znalezieniu rzeczy, które powinny zostać naprawione. Pamiętaj tylko, że wizja człowieka opiera się na krawędziach i kontraście, i zaprojektuj swój interfejs, aby był czytelny dla ludzi.