Front-End : Life, Problems, Solutions

1. Używaj maksymalnie dwóch krojów pisma! Do tego ich długość i szerokość powinna komplementować się nawzajem. Staraj się nie dobierać czcionek, które znacznie się od siebie różnią.  Często łączymy ze sobą na przykład Avenir i Georgie.  Ja gdy chcę dowiedzieć się czegoś więcej o czcionkach i jak wyglądają ze sobą odwiedzam stronę  typ.io . Zobacz przykład pokazujący te dwie czcionki ww akcji. Mają one podobne szerokości liter. To połączenie tworzy wizualną harmonie. Odległość pomiędzy literami również jest taka sama. Zapamiętać jednak należy, że czcionki, które dobieramy powinny różnić się między sobą. W przeciwnym razie jaki by był sens łączenia ich? Skoro wyglądają tak samo? Tak stałoby się jeżeli obie należały by na przykład do krojów Sarah albo Sans-serif. Także Twoje zadanie nie jest łatwe z jednej strony musisz znaleźć tą wizualną różnicę, która wzbudzi zainteresowanie, a z drugiej czcionki dobrać tak żeby ze sobą współgrały.  ...

Tekst stanowi 95% tego co przeglądamy. Prawdopodobnie tak samo będzie i z tym artykułem. Zdjęcia to tylko dodatki które przyciągają naszą uwagę i cieszą oko. Poprzez typografię Ty jako designer pomagasz użytkownikowi znaleźć interesujące go rzeczy. Dzięki niej przekazywane są informacje, więc jeśli ktoś nie jest w stanie czegoś przeczytać staje się to bezużyteczne. UWAGA! Poprzez pogrubienie wyróżniasz daną część tekstu, która według Ciebie jest ważniejsza niż reszta. Może to być większa czcionka, mniejsza odległość pomiędzy literami.  UWAGA! Ten sam tekst, ale w żaden sposób niewyróżniony kojarzy się z czymś spokojniejszym. Można powiedzieć że wygląda on też bardziej przyjacielsko, nie jest krzykliwy i wymowny. Osiągniemy to również przez zastosowanie większej odległości pomiędzy wyrazami.  A w praktyce wygląda to tak. W nagłówku zastosowana jest większa i pogrubiona czcionka, czyli z góry wiadomo że to jest najważniejsza część, która ma zachęcić nas ...

To kolejność rzeczy, nic innego, nic wymyślnego. Ustala się na jej podstawie ważność stanowiska, jakie zajmujesz w firmie, hierarchizujesz też rzeczy do zrobienia danego dnia. W designie też odgrywa znaczącą role. Odpowiada na pytanie: Jak to zrobić żeby użytkownik zwrócił uwagę na tek konkretny element, jako pierwszy? I tu pojawia się …  DOMINACJA Nie, nie chodzi tu o dominacje nad światem. Dominacja jest bardzo ważną częścią zasad wizualnej hierarchii. Oznacza nic innego jak ważność. To dzięki użyciu dominacji na stronie wiesz, co masz zrobić jako pierwsze, a co możesz zrobić później. Wystarczy użycie jednego scentralizowanego elementu na zdjęciu, który tak przyciągnie Twój wzrok i nie zwrócisz nawet uwagi na otaczające go środowisko.  W pierwszej kolejności zauważyłeś jabłko, po jakim czasie napis „hello” znajdujący się na obrazku? I wcale nie chodzi o wielkość elementu, jeśli będzie dużo negatywnej przestrzeni i tak skupi na sobie główną uwagę.  ...

Każdy użytkownik ma swoje ulubione strony, z których czerpie informacje o świecie, trendach, lub zamawia jakieś produkty. Pytając swoich znajomych, dlaczego wybierają konkretnie tą stronę często słyszymy „Łatwiej mi wszystko na niej znaleźć” lub że po prostu jest ładniejsza od innych tego typu stron. Weźmy na przykład pod uwagę strony, z których możemy zamówić jedzenie on-line - proponują one te same restauracje jednak z jakiegoś powodu częściej wybieramy tą lepiej wyglądającą wizualnie. Dlaczego tak się dzieje? Odpowiedź jest prosta osoby, które ją zaprojektowały przestrzegają ZASAD, dzięki którym manipulują ludźmi, hipnotyzują ich swoim produktem. W tym artykule chciałabym zająć się tymi zasadami i w prosty sposób wytłumaczyć każdą z nich. FORMA NIE PODĄŻA ZA FUNKCJĄ Musza ze sobą współdziałać. Inaczej ludzie nie zrozumieją ich działania.  Kształt ma się zgadzać z tym, jaka funkcje ma pełnić np. do przycisku nie użyjemy randomowego kształtu z Internetu. ...