Projektowanie w kółkach: porady i porady
Po odrzuceniu przez projektantów koła wydają się powracać. Idealnie okrągły kształt i jego podłużne odpowiedniki mogą być trudne w obróbce. Kształt nie układa się w stos tak dobrze, jak bardziej standardowy prostokąt i zapewnia zupełnie inny ogólny wygląd.
Okrąg ma idealny kształt, co oznacza, że jest taki sam bez względu na to, jak na niego patrzysz. Jest kompletny i harmonijny z naturą - zastanów się, ile naturalnych elementów opiera się na kole. A więc, jako projektant, jak sprawić, by kręgi działały dla Ciebie?
Podstawowe koła
Kręgi są znane i bezpieczne. To, co znajduje się wewnątrz kręgu, jest „chronione” z zewnątrz, a to, co znajduje się na zewnątrz kręgu, można ograniczyć przed zbliżeniem się do zawartości kręgu. Kształt jest interesujący i stanowi atrakcję.
Są to wszystkie ważne powody, dla których warto rozważyć użycie okręgów w projektowaniu. Ale okręgi mogą być trudne w obsłudze, ponieważ mogą tworzyć nieparzyste przestrzenie i mogą nie działać dobrze z innymi elementami projektu. Zastosowanie okrągłego motywu musi być dobrze zaplanowane, zaprojektowane i wykonane.
Oprócz tradycyjnego koła zaczynamy również ogólnie zaokrąglać kształty w projektach. Podłużne kształty, prawie prostokąty z dramatycznie zakrzywionymi krawędziami - wszystkie te elementy mają swoje znaczenie. Skupimy się więc na idealnym pierścieniu i jego niedawnej popularności w projektach.
Znaczenie kół
Istnieje wiele skojarzeń związanych z kręgami. Są płynne i związane z ruchem i mobilnością (pomyśl o kole). Ponieważ koła są częścią świata przyrody - kształt księżyca, kwiatów, owoców - przedmiot jest uważany za rzeczywisty i reprezentuje życie.
Ponadto krzywe koła mogą być pocieszające i są związane z energią, mocą, harmonią i nieskończonością.
Jako projektanci wszyscy jesteśmy przyzwyczajeni do oglądania koła kolorów, jednego z najbardziej rozpoznawalnych kół w świecie projektowania. Działa, ponieważ łączy wszystkie powyższe cechy, aby stworzyć obiekt, który przekazuje informacje w prosty, mocny i harmonijny sposób. Kręgi są pełne i kładą nacisk.
Koła w projektowaniu stron internetowych
Kręgi, niegdyś rzadko używane w projektowaniu stron internetowych, stają się coraz popularniejszą opcją. (Wiele lat temu trudno było tworzyć zaokrąglone kształty w CSS, ale tak już nie jest.) Więc jakie są cechy doskonałego projektu strony internetowej z kręgami?
Są one często używane na jeden z pięciu sposobów:
Jako dominujący kształt lub rama.
Niektórzy projektanci używają kół zamiast prostokątów. Kręgi mogą być również używane do logo lub przycisków. Chociaż koło może wzbudzić zainteresowanie, może stworzyć dylemat, jeśli chodzi o kadrowanie i przestrzeń. Czy obraz mieści się w okręgu? (Aparaty nie robią okrągłych zdjęć.) Czy kręgi mają wystarczająco dużo miejsca, aby samodzielnie stanąć, aby zdjęcia nie były pomieszane? Koła jako ramki są najbardziej popularne w projektowaniu portfolio, aby pokazać „kawałek” pracy bez pokazywania całości.
Jako elementy interfejsu użytkownika.
Okrągły przycisk to coś znajomego. Wiesz, aby nacisnąć (lub kliknąć), aby dokonać wyboru, dzięki czemu kręgi są popularnym wyborem dla wezwań do działania. Okrągłe elementy interfejsu użytkownika są najbardziej popularne, gdy są używane oszczędnie.
Jako tło.
Ze względu na wrodzoną harmonię związaną z kształtem koła są łatwe w użyciu jako wzór tła. Tworzą poczucie płynności i spokoju. Okrągłe tła mogą również pomóc skupić się na otaczających elementach, takich jak ikona, która mieszka w kręgu.
Jako graficzne narzędzie informacyjne.
Koła są powszechnym narzędziem do pokazania, jak rzeczy są różne i podobne w zależności od tego, gdzie kształty się pokrywają. Jest to popularne narzędzie do wyświetlania różnych rodzajów danych i informacji.
Aby wzbudzić zainteresowanie.
Czasami cała idea korzystania z koła polega na tym, aby być innym i wyróżnić się z zatłoczonego krajobrazu. Kręgi to świetny sposób na wzbudzenie zainteresowania wizualnego. Ale bądź ostrożny, używanie zbyt wielu kręgów może stworzyć wrażenie niestabilności lub chaosu, ponieważ każdy element prosi o to, aby go zobaczyć.
Koła w elementach interfejsu użytkownika
Jako narzędzia interfejsu użytkownika koła wydają się działać najlepiej, gdy są używane jako część ogólnego minimalistycznego schematu projektowania. Potrzebują miejsca na oddychanie, identyfikację i sens dla użytkowników. Gdy są używane w ten sposób, okręgi mogą być przyjemną alternatywą dla innych rodzajów nawigacji.
Weźmy na przykład Gravitate Design. Okręgi służą jednemu celowi - do nawigacji w lewo i w prawo. Wszystkie pozostałe przyciski są prostokątne. Kręgi tutaj pokazują, że wchodzisz w interakcję z witryną w sposób inny niż można się spodziewać. (W tym przypadku strona przewija się w górę i w dół, ale także panele na boki.)
Zervice używa także kół do przycisków i nawigacji, ale w zupełnie inny sposób. Nawigacja po lewej stronie używa „przycisków”, aby przejść z jednej strony na drugą. Ponadto strona zawiera kółka, w których można umieścić cały tekst na ruchliwym tle, dzięki czemu dokładnie wiesz, gdzie na ekranie się skupić.
Kręgi w aplikacjach i projektowaniu mobilnym
Kręgi w aplikacjach również mogą być świetną zabawą. Obecnie jestem uzależniony od setek, która jest grą złożoną z kręgów. A gra ma praktyczne zastosowanie do projektowania w kółko - potrzebują przestrzeni, aby dobrze działać. W grze kółka o różnych rozmiarach poruszają się na ekranie; jeśli się dotkną, przegrasz. To ten sam pomysł z designem. Kręgi potrzebują własnej przestrzeni, aby były jak najbardziej funkcjonalne.
Używanie kół na mniejszych ekranach może jednak stanowić wyzwanie. Muszą być na tyle duże, aby łatwo je czytać lub widzieć, a jeśli koło służy również jako przycisk, musi być wystarczająco duże, aby stuknąć.
Buza używa kół jako przycisków do sprzedaży. Są duże i odizolowane, co czyni je łatwym miejscem do klikania (lub stukania).
Kręgi w innych projektach
Kręgi są również popularnym wyborem dla logo i kształtów na wizytówkach. (Nie jest to zaskakujące, ponieważ widzimy wiele takich samych trendów w projektowaniu cyfrowym i drukowanym).
Te same powody używania lub nieużywania kół dotyczą projektów drukowanych. Ale jest jeszcze jedna uwaga… drukowanie. W przeciwieństwie do projektów cyfrowych ograniczonych do prostokątnego ekranu, można faktycznie stworzyć i zaprojektować okrągły nośnik.
Ulotki, naklejki, karty i inne materiały przycięte do kształtu mają tę dodatkową wartość, że różnią się, gdy są używane w bardziej niekonwencjonalny sposób. Może to zwrócić szczególną uwagę na projekt pod ręką.
Pamiętaj tylko o tym, co jest w kręgu. Pamiętaj, że kształt został zaprojektowany tak, aby coś zawierał. Upewnij się, że kształt, obrazy i słowa tworzą jednolity przekaz. Działa to w bardzo podobny sposób, jak używanie kół jako ramek dla obrazów w projektach cyfrowych.
Wniosek
Jak zacząć pracę z kręgami? Istnieje mnóstwo świetnych zasobów, które pomogą Ci wyobrazić sobie możliwości, w tym jeden z moich ulubionych, Creative VIP.
Creative VIP nie tylko wykorzystuje wiele kół w swoim projekcie i interfejsie, ale jest bramą do świetnych narzędzi dla projektantów. W tej chwili możesz znaleźć wspaniałe kolekcje okrągłych ikon, szablony do projektowania aplikacji obejmujące kręgi, szablony stron docelowych za pomocą pierścieni, okrągłych suwaków, a nawet kilka odznak. (Jestem członkiem i uwielbiam ten zasób, nawet jeśli jest on inspiracją).
Życzymy powodzenia w okrągłym stylu!
Źródła obrazu: Life in My Shoes, Project Green, Janko at Warp Speed, We Love to Code i Creative Sweet Business Cards .
