19 Podejście do koloru
Z ponad 9 miliardami zaindeksowanych witryn w Internecie i liczeniem, witryny muszą robić więcej, aby zostać zauważonym i zachęcić użytkowników do spędzania czasu na nich.
Ponieważ coraz więcej witryn konkuruje o uwagę użytkowników, kolor staje się coraz ważniejszy, aby Twoja strona wyróżniała się. Oto kilka witryn, które właśnie to robią: używaj ciekawych kolorów w nietypowych kombinacjach, aby wyróżnić się z miliardów standardowych witryn o kolorowym wykroju.
Layrr
Wszyscy wiemy, że treść zajmuje drugie miejsce w zwrocie uwagi, a nagłówki od lat są używane w gazetach, by wzbudzić zainteresowanie. Layrr do osiągnięcia tego celu używa się niedoścignionego kontrastu, a nawet jeśli nie mówisz po francusku, sugeruję, abyś teraz sprawdził tę stronę, używa małych obszarów koloru, aby stworzyć wrażenie na szarym tle i osiąga to w zadziwiająco pięknym projekcie. Nic dziwnego, że otrzymał wyróżnienie w konkursie na projekt Awwwards .
Havainas
Strona docelowa Havainas , bardzo duży sklep z klapkami i sandałami jest zaskakująco i cudownie kolorowy, cechą, która rozciąga się na regionalne strony witryny. Celem tej witryny jest zilustrowanie ich stylu, wraz z jasnymi kolorami związanymi z upałem i latem, świętami i, co najważniejsze, ich produktami. Podczas gdy kolor jest częścią rozpoznawalności marki, odświeżenie sprawia, że strona dużej firmy jest dobrze zaprojektowana pod względem kolorystycznym, o czym prawdopodobnie można się dowiedzieć na podstawie listy witryn, więc dobrą koordynację często pozostawia się małym chłopcom.
ColourPixel
Poza tym, że jest jasny i kolorowy, co naprawdę wpadło mi w oko ColourPixel na stronie, było wykorzystanie czarnego, gdzie inne strony wykorzystywałyby biel. Powodem, dla którego używa się białego, jest kontrast między nim a innymi kolorami, który jest łatwiejszy dla oczu, a więc bardziej dostępny dla użytkowników, ale tutaj większe czarne pola zostały użyte do enkapsulacji tekstu, który jest biały. W rzeczywistości osiąga się cel, jakim jest zwrócenie uwagi na tekst w nich, a nie na rzeczywiste pola jako część projektu. Poza tym tło witryny osiąga to, co projektant nazywa "etnicznym" wyglądem, używając przesuniętych pikseli w celu uzyskania efektu gobelinu. The Rainbows są używane raczej bezinteresownie, ale oferują ładne różnicowanie kolorów w połączeniu z subtelnymi nawiasami klamrowymi w tle.
Will Fernandes
Will Fernandes "strona wykorzystuje wiele różnorodnych kolorów, wszystkie przepychają się, by zwrócić uwagę na jego styl. Zastrzega żółty, pomarańczowy i biały tekst i tło, a przede wszystkim unika używania ich w swojej grafice, aby zaznaczyć różnicę od tej i treści. Oferuje opcję wyświetlania pełnoekranowego, co jest zalecane, jeśli chcesz obejrzeć pracę tego utalentowanego artysty i projektanta stron internetowych w fantastycznej witrynie z doskonałymi animacjami. Zostało to oczywiście szeroko opracowane, aby zapewnić, że odpowiednie kolory są wykorzystywane w sztuce i miejscu, jednocześnie uzupełniając się nawzajem.
Ryan Keizer
Jest to pierwsza strona, na którą patrzyliśmy, która celowo wykorzystuje ofensywne, przytłaczające kolory zaprojektowane do zderzenia, aby osiągnąć efekt wysokiego kontrastu. Projektant korzysta z koloru tak bardzo, że ma na dole strony paletę "inspiracji kolorystycznych". Ryan Keizer używa głównie żółtego, koloru, z którym wiele może pójść źle, jeśli jest używany nieprawidłowo, tutaj z cyjanem, aw mniejszym stopniu, z różowym, cała strona wyskakuje. Na koniec, Cyan i Pink bardzo przypominają okulary 3D anaglif, używając schematu kolorów, który bardzo niekonwencjonalnie został wchłonięty do naszego nieświadomego życia, czego normalnie nie spodziewałbyś się pracować, ale w niewytłumaczalny sposób, ponieważ teraz kojarzymy te dwa kolory razem.
Ben Markowitz
Kolejna bardzo skromna strona z bardzo starannym użyciem koloru, dająca interaktywnemu elementowi witryny obrobiony wygląd. Jeśli chodzi o projektowanie takiej strony, używanie kolorów w ten sposób jest niezwykłe, projektanci zwykle idą tą samą drogą, ale to naprawdę dodaje tytułu: " Ben Markowitz ", nie tylko przyciągając uwagę, ale oferując zróżnicowanie, używając uzupełniającej palety o dużym zasięgu. Jedynym innym zastosowaniem koloru, który uważam za korzystny dla tej witryny, jest ikona sieci społecznościowej na dole strony, ponieważ wszystkie one używają bardzo neutralnych kolorów i będą się wyróżniać i będą łatwiejsze do zidentyfikowania.
Uściski dla potworów
Joe Lifrieri's Uściski dla potworów ma ten sam cel co strona Will Fernandes, którą oglądaliśmy wcześniej, ale osiąga je w indywidualnym, organicznym stylu, używając koloru, aby podkreślić jego unikalny styl. Sugeruję, aby rzucić okiem na niektóre z jego innych stron, wszystkie mają inną sztukę w tym samym eklektycznym stylu, który można zobaczyć tutaj.
Tim Bjørn
W przeciwieństwie do innych tutaj opisanych, strona docelowa tej strony charakteryzuje się brakiem koloru i przeglądaniem innych prac Tim Bjørn , artysta, oczywiście używa kolorów bardzo ostrożnie i oszczędnie. To bardzo odświeżające widzieć stronę w prostej skali szarości, która nie wygląda tak, jak została zaprojektowana dekadę temu! Grafika, podobnie jak Hugs for Monsters powyżej, jest bardzo organiczna i jest głównym punktem witryny, ze stonowanymi menu i prawie całą stroną docelową poświęconą kilku kluczowym elementom.
Tylko do użytku biurowego
Jest to kolejna witryna, która używa niewielkiej ilości kolorów, aby osiągnąć wysoki kontrast w stosunku do strony tematycznej w skali szarości. W szczególności poniższy przypadek, w którym przezroczystość logo tworzy matową czerwień na obrazie za nim. Dalsze spojrzenie na Tylko do użytku biurowego pokazuje, że ci faceci wiedzą jak i kiedy używać koloru, i robią to dobrze.
Laboratorium projektowania metod
The Laboratorium projektowania metod Innowacyjny kanał informacyjny w nowy sposób wykorzystuje kolor, aby podkreślić "wiek" wiadomości, z łatwą do rozpoznania gorącą i zimną kolorystyką, z wyjątkiem wiadomości, które zawsze istnieją w "gorącej" części schematu kolorów, sprytny pomysł na marketing? Niemniej jednak bardzo łatwo jest zrozumieć, że czerwony jest starszą wiadomością sprzed ponad 12 godzin, a żółty jest nowszy. Bardzo dobrze wykonany, a kolor przyczynia się zarówno do projektu, jak i funkcji strony, a nie do czegoś, co można powiedzieć o wielu witrynach poza ich nawigacją. Po tym, jak natknąłem się na to podczas badań tego artykułu, ta strona znalazła się w moich zakładkach, zarówno pod względem zawartości, jak i wyglądu.
DesignWise
Temat dla DesignWise jest kontrastem dzięki prostocie, z subtelnym nieczystym odczuciem, różowy na czarnym działa idealnie, a użycie białego koloru dla tekstu przesuwa różowy kolor, a kontrast nie jest ostry w stosunku do czerni. Istnieje również kontrast pomiędzy czystym, ale teksturowanym tłem, a subtelnymi detalami grunge'owymi spryskanymi w całym serwisie.
Prius Harmony
Kolory tej infografiki są pięknie skoordynowane, zarówno osiągając oczywistą misję wyrażania "harmonii" i komunikowania tematów związanych z kolorami. Chociaż jest to skutecznie reklama dla Prius , wykonuje to dobrze, a nawet jeśli gardzisz Flashem, po prostu doceń go za kolory. Jest to kolejna witryna z funkcjonalnością w kolorze, choćby tylko cienka, i jedną z tych rzadkich, które używają kolorów blokowych z przezroczystością, aby stworzyć odmianę z połączonymi kolorami dwóch lub więcej innych nakładających się, przenosząc (głównie) poczucie harmonii, jeśli ignorujesz brzydkie czarno-brązowe, przepełnione i źle skoordynowane sekcje.
Organic Grid
Jeśli możesz wybaczyć dwa miejsca Flash z rzędu, Organic Grid to piękne portfolio, które można wybaczyć dzięki niewiarygodnemu użyciu kolorów w menu, które zmieni swój schemat za każdym razem, gdy do niego powrócisz. Oryginalny? Tak. Nieskoordynowane? Absolutnie nie. Wybierz kolory, umieść witrynę w trybie pełnoekranowym i pozostań, aby cieszyć się niesamowitymi zdjęciami i dziełami sztuki w portfelu, jeśli możesz zignorować czasy ładowania.
Matt Mullenweg
Ta strona zainspirowana Lichtensteinem musi zostać uwzględniona, choćby ze względu na ojca WordPressa, Matt Mullenweg bloga przywraca kolory bloków i krzyżyk pop-artu. Blokowanie kolorów podstawowych może być wspaniałe, jeśli nie nadużywane, a ta strona daje nam kreskę. Na samym dole bloga jest genialna fala pop-art, ale nie będziesz mógł na nią długo patrzeć, ponieważ Mullenweg ma tak wiele postów, które będziesz przewijać na zawsze!
Vanity Claire
Jeśli możesz przejrzeć fakt, że ta strona ma okropną użyteczność, grafika na każdej stronie jest wykonana niewiarygodnie dobrze. Proste stonowane kolory stają się coraz bardziej popularne Claire Strona może również zakraść się w trochę grunge'u. Ta strona charakteryzuje się różnymi kolorami tła pojedynczego bloku na każdej stronie z prostym projektem poziomym w poprzek strony.
Klej
Strona internetowa, która została wprowadzona w prostotę na nowy poziom, Klej odsuwa całą zawartość na korzyść pięknie wykonanej klepsydry, z piaskiem opadającym w górę w towarzystwie sloganu "Zaoszczędź czas". Witryna miała więcej treści ze wspaniałymi pomarańczowymi pasemkami na szaro, jednak niestety stała się tylko zaproszeniem.
Microsoft
Tak bardzo, jak boli mnie to, aby włączyć to, jako krzepki zwolennik jabłka, Microsoft Obecność w Internecie wzrosła skokowo, prawdopodobnie w parze z zaskakującym postępem w Internet Explorerze (prawdopodobnie byłoby żenujące, gdyby ich data była przeglądana w przeglądarce). Oparty na kafelkach interfejs "metra" systemu Windows 8 miał wyraźnie wpływ i muszę powiedzieć, że wygląda dobrze. Jak widzieliśmy w Google Chrome, Skype, a teraz Microsoft, blokowanie kolorowych logo to przyszłość, dni upiornych gradientów i używanie 3D na rzecz tego są skończone.
AdaptD
Włączenie tej strony mogło mieć coś wspólnego z faktem, że przypominało mi to lolly na rakiety, ulubioną ucztę z dzieciństwa, lub że zawierało tylko kolor dla czystej radości. AdaptD uśmiechnął się do mojej twarzy po prostu z "kolorową" wstążką na górze strony, bo czemu nie? Piękny klejnot w standardowej, choć dobrze zaprojektowanej witrynie.
ColoRotate
Wreszcie kończymy z witryną, która nie używa koloru jako części jego projektu, w rzeczywistości projekt strony jest niesamowicie nijaki, ale jako funkcja - celem witryny jest pomoc w przeglądaniu i mieszaniu kolorowych palet. Wydaje się wskazane, aby zakończyć na stronie, która używa kolorów w ten sposób, więc jeśli zdecydujesz, że Twoja strona wymaga odmiany po przeczytaniu tej listy, nic nie powstrzyma cię przed wyborem idealnego schematu kolorów. ColoRotate ma również ciekawą stronę informacyjną o kolorze, jeśli masz ochotę przeczytać teorię kolorów z XXI wieku i jak nasze oczy postrzegają kolor.
Jak podchodzisz do koloru? Czy grasz w nią bezpiecznie, czy starasz się wyróżniać? Daj nam znać w komentarzach.