fbpx

6 porad projektowania przycisków – UX/UI

W tym wpisie pokażę Ci parę szybkich sztuczek, które pomogą Ci projektować lepsze przyciski pod względem użyteczności oraz wyglądu. Padding Tak naprawdę wielkość paddingu zależy od zastosowanego fontu w etykiecie. W ustalaniu wielkości przy krawędziach może pomóc Ci taka sztuczka. Utwórz dużą literę W stosując krój oraz wielkość fontu z etykiety na przycisku. Tym sposobem otrzymałeś obszar odstępu od góry i dołu…

Hierarchia przycisków UX/UI

Przyciski (buttony) to nierozłączny element projektów, który znajduje się w dużej większości stron oraz sklepów internetowych. W tym artykule przyjrzymy się bliżej funkcjonalności przycisków biorąc pod uwagę ich hierarchię. 1. Wezwanie do działania (CTA) Jedna z najpopularniejszych funkcji przycisków to wezwanie do działania (CTA). W zależności od sytuacji może to być zachęcenie do złożenia zamówienia, rejestracji czy też zapisu do newslettera. Przycisk…

Tworzenie palety kolorów według odcienia UX/UI

Przejdźmy teraz do tematu, o który wielu z Was pytało. Czyli jak stworzyć pasującą do siebie paletę kolorów. Ten temat będzie składał się na kilka artykułów, a w tej części zaczniemy od czegoś prostego czyli stworzenia palety opartej o kolor główny oraz jego jaśniejsze i ciemniejsze odcienie.   Przede wszystkim musisz wybrać swój podstawowy, dominujący kolor. Jeśli jeszcze go nie masz, dopiero…

Zasada 60-30-10 w projektowaniu

Na pewno jako projektant niejednokrotnie doszedłeś do momentu gdy patrząc na projekt można było zauważyć, że coś nie gra z kolorami. Stosując paletę kolorów bardzo łatwo zgubić proporcje przez co projekt staje się mało harmonijny. Istnieje jednak pewna bardzo prosta zasada, która zapewni równowagę kolorystyczną w Twoim interfejsie. Reguła 60+30+10 to znana i ponadczasowa zasada wywodząca się z branży dekorowania i wyposażenia…

Rozmiar fontu w projektach – UX / UI

Rozmiar fontu powinien wynosić minimum 16 pkt dla tekstu podstawowego – to zalecenie od Googla. Apple natomiast sugeruje minimalne 17 pkt. Pamiętaj jednak, że Google oraz Apple swoje wytyczne opierają o własne systemowe fonty czyli dla Google jest to Roboto, natomiast dla Apple jest to San Francisco (tutaj jako ciekawostkę powiem Ci, że font San Francisco użyjesz tylko dla urządzeń marki Apple.…

Menu aktywowane po najechaniu kursorem czy kliknięciu? UX

Istnieją dwa typy zachowania się menu gdy użytkownik chce je rozwinąć. Pierwszy z nich to menu rozwijane od razu po najechaniu kursorem. To zachowanie nie wymaga kliknięcia, wystarczy, że kursor najedzie na obszar nawigacji.  Drugi typ to rozwinięcie po kliknięciu.  W tym wpisie mam dla Ciebie kilka porad, które pomogą Ci podjąć trefną decyzję. Projektanci chcąc tworzyć co raz wygodniejsze i szybsze…

Black Friday 2019 na kursy wideo

Jak co roku mamy dla Was wspaniałą ofertę z okazji Black Friday oraz Cyber Monday na nasze szkolenia. W ostatnim roku tego typu promocja bardzo Wam się spodobała dlatego też ponawiamy jej formułę. Wielki cashback Kup kursy za dowolną kwotę i otrzymaj równowartość całej wydanej kwoty do wykorzystania na kolejne zakupy. Przykład: Kupujesz kurs za 50 zł, dostajesz od nas kupon na…

Checkbox czy Toggle – UX/UI

Na stronach, w aplikacjach, a zwłaszcza w formularzach możemy spotkać różne elementy, które ułatwiają zbieranie danych od użytkowników. Pomagają w tym zadaniu kontrolki, które przybierają różną formę. Najpopularniejsze z nich to checbox oraz toggle. Kontrolki zazwyczaj posiadają trzy stany: zaznaczone, niezaznaczone i nieokreślone. Ostatni stan ma miejsce gdy dodatkowo mamy opcje podrzędne, znajdujące się zarówno w stanie wybranym i niewybranym. Przełącznik czyli…