Ćśś! Nie udostępniaj tego niejawnego sekretu dotyczącego zasad projektowania CRAP

Korzystanie z zasad CRAP design to niesamowity sposób na stworzenie efektywnego projektu wizualnego.

„COAA?!” wszyscy powiedzieliście, prawda? Cóż, z pewnością była to dla ciebie niespodzianka, jeśli nigdy wcześniej nie słyszałeś o CRAP. Robin Patricia Williams, niesamowita amerykańska autorka, która napisała wiele książek związanych z komputerami, opisała zestaw zasad projektowania graficznego w swojej książce The Non-Designer's InDesign Book. Nazywała to KURWA.

(Możesz też przeczytać krótki wywiad z nią tutaj ).

Czym więc jest CRAP? Oczywiście nie ten, który znamy!

Cóż, aby tworzyć efektowne, przyciągające wzrok projekty, powinniśmy być konsekwentni. Spójność wiąże się z wdrażaniem podstaw i podstaw, które są zawsze potrzebne. Te podstawy są bardzo podstawowymi elementami, które każdy projektant powinien stale brać pod uwagę.

Twoim zadaniem jako grafika jest stworzenie czegoś, co zahipnotyzuje widza w taki sposób, że nie może opuścić strony internetowej. Widzowie muszą być przyklejeni do swoich miejsc za pomocą Twojej porywającej grafiki, a do tego przychodzi CRAP.

CRAP to akronim oznaczający kontrast, powtórzenie, wyrównanie i bliskość.

1. Kontrast

Kontrast jest opisywany jako „zestawienie odmiennych elementów (takich jak kolor, ton lub emocje) w dziele sztuki”. Kontrast jest tym, co wyróżnia elementy. Zanim się tym zajmiesz, jest jedna wskazówka, którą powinieneś rozważyć. Jeśli używasz funkcji kontrastowania zbyt wiele razy, po prostu zmniejszasz kontrast, a nie go zwiększasz. Czemu? Bo kontrast oznacza to, co oznacza, gdy chcesz wyróżnić kilka elementów. Jeśli wszystko się wyróżnia, nic się nie wyróżnia! Jako ważny element w zasadach projektowania crap, musisz wiedzieć, jak dobrze z niego korzystać. Więc przejdźmy do tego!

Kolor

Możesz użyć różnicy kolorów, aby stworzyć kontrast. Konsorcjum World Wide Web (W3C) stworzyło wytyczne dotyczące minimalnego wymaganego kontrastu między tekstem a jego tłem. Chociaż wysoki kontrast jest koniecznością, jeśli chodzi o tekst i tło, nie jest to prawdą, gdy mówimy o różnych elementach. Wysoki kontrast pomiędzy różnymi elementami może męczyć oczy użytkowników. Możesz spojrzeć na wersję swojego projektu w skali szarości, aby sprawdzić, czy zastosowano optymalny kontrast, czy nie.

Z reguły dobrą praktyką może być używanie odcieni kolorów dopełniających, które nie powodują męczącego wzroku wysokiego kontrastu.

Rozmiar

Źródłem kontrastu mogą być różnice w rozmiarach elementów, zwłaszcza tekstu. Utrzymanie rozmiaru elementu znacznie większego niż inne otaczające go, sprawi, że będzie przyciągał wzrok. Przyciski wezwania do działania (CTA) również mogą być korzystne dla tego większego rozmiaru. Twoi widzowie zauważą ich bardziej i pomogą Ci w CRO. Ponadto, jeśli potrzebujesz dodatkowej pomocy w zakresie strategii CRO, zapoznaj się z tym przewodnikiem.

Kształt

Posiadanie różnych kształtów może generować kontrast, którego szukasz. Widać kontrast w kształcie użytym w infografikach. Użycie różnych kształtów obok siebie może pomóc w zaangażowaniu umysłów czytelników. Dodanie zaokrąglonych rogów do czworobocznych kształtów lub użycie elementów kwadratowych razem z okrągłymi, okrągłymi elementami może być również przykładami kontrastu w kształcie.

Czcionka

Czcionki możemy podzielić na różne grupy. Serif, Sans-serif, script, monospaced i display to podstawowe klasyfikacje maszynopisu. Używanie różnych grup czcionek może tworzyć kontrast dla tekstu, który chcemy oznaczać. Ponadto użycie różnych grubości czcionek (pogrubienie lub zwykłe), stylów czcionek (kursywa, nieprzezroczysta lub normalna) oraz dekoracji czcionek (podkreślenie, przekreślenie itp.) może przenieść Twoją grę na wyższy poziom.

2. Powtórzenie

Jako istoty ludzkie, nasze umysły są zaprogramowane na wzorce sympatii; Szukamy ich wszędzie. Co tworzy wzory? Powtórzenie! Ponadto tworzymy poczucie tożsamości, gdy napotykamy powtarzalność rzeczy. Pomyśl o utworze muzycznym, którego główne tematy się nie powtarzają. Czułbyś się zagubiony.

Dokładnie to samo dzieje się w projektowaniu. Musimy powtarzać kolory, kształty, tekstury, rozmiary i inne atrybuty w naszym projekcie, aby był spójny i nadał mu pewną tożsamość. Ponadto firmy wykorzystują powtarzalność w projektowaniu, aby budować świadomość marki. Powtarzają predefiniowany zestaw kolorów i czcionek, aby zapewnić spójność na różnych platformach i kanałach.

Powtarzanie w projektowaniu to kolejna ważna zasada w czterech zasadach projektowania CRAP. Użytkownik musi czuć się bezpieczny, a nie zagubiony. Pomaga zoptymalizować UX Twojej witryny.

3. Wyrównanie

Wyrównanie, jako kolejny kluczowy czynnik w zasadach projektowania CRAP, określa położenie elementu w projekcie. To ona nadaje projektowi spójność i porządek. Jeśli chodzi o elementy, możesz je wyrównać na podstawie ich krawędzi lub ich środków. Jednak teksty można wyrównać do lewej, prawej, do środka lub po prostu wyrównać. W zależności od używanego języka tekstu, najbardziej popularne są wyrównania do lewej i prawej, czyli LTR lub RTL. Możemy użyć wyrównania do środka w przypadku krótkich zakresów tekstu (ale jest to trudne do odczytania w dłuższych tekstach). Justowanie jest dobrym wyborem, gdy długość wiersza jest długa, rozmiar czcionki jest mały, a słowa są krótsze (używanie go w wąskich wierszach składających się z długich słów zmniejsza czytelność).

Każdy projekt powinien mieć kilka pionowych linii, które działają jak prowadnice wyrównania w poziomie. Tekst unoszący się w dowolnym miejscu na stronie po prostu dezorientuje widza. Twoi widzowie powinni po prostu być w stanie uświadomić sobie wzajemne relacje każdej części strony.

4. Bliskość

Wreszcie, bliskość to kolejna zasada, która odgrywa kluczową rolę w projektowaniu CRAP. Bliskość w projektowaniu oznacza, że ​​powinniśmy umieścić elementy, które są ze sobą powiązane i są ze sobą ściśle powiązane. To ma sens, prawda? Nie chcesz szukać linku związanego z artykułem, który czytasz na pasku nawigacyjnym, prawda? Równomierne rozmieszczenie elementów na stronie sprawia, że ​​trudniej jest podążać za projektem. Pogrupuj powiązane elementy tak bardzo, jak to możliwe, aby ułatwić widzowi znalezienie żądanych informacji.

Zasada 3 sekund

„Zakochanie się zajmuje tylko 3 sekundy.”

Tak więc ostatni test, który możesz wykonać, aby sprawdzić, czy Twój projekt CRAP jest nienaganny, to sprawdzenie, czy jest skuteczny w ciągu 3 sekund. Możesz to zrobić samodzielnie, oczyszczając umysł i odwracając wzrok, a następnie wracając do tego. Możesz również poprosić znajomego lub krewnego o opinię po 3 sekundach. W ciągu 3 sekund decydujemy, czy coś nas przyciąga i czy chcemy to kontynuować, czy nie.

Związek

Nie powinniśmy stosować tych zasad w oderwaniu. Powtarzanie i wyrównanie współpracują ze sobą, zapewniając „normalny” stan, który umożliwia zmianę kształtu lub położenia fragmentu tekstu w celu wygenerowania kontrastu. Co więcej, powtarzanie i bliskość współpracują ze sobą, tworząc efektywne formaty, takie jak listy punktowane – powtarzanie punktora podkreśla bliskość punktów.

Wniosek

Oscar Wilde w przedmowie do swojej najsłynniejszej książki „Portret Doriana Graya” mówi: „Artysta jest twórcą pięknych rzeczy. Ujawnianie sztuki i ukrywanie artysty jest celem sztuki”.

Wreszcie, celem jest, aby wysiłek, jaki wkładasz w stworzenie dokumentu, zniknął, stał się niewidoczny, umożliwiając czytelnikowi lub widzowi nieograniczony dostęp do pomysłów, które próbujesz przekazać — zarówno bezpośrednio w tekście, jak i bardzo subtelnie, za pośrednictwem Twój wybór elementów konstrukcyjnych. Pod tym względem jest to niewdzięczna praca, ponieważ niewiele osób zwróci uwagę na (lub nawet zauważy) jakość projektu — ale zauważą i będą działać zgodnie z przesłaniem. Czy nie o to w tym wszystkim chodzi?