21 Przykładów Świetnych Stron Wykonanych w Responsive Design

Responsive design coraz częściej znajduje się na językach designerów i web developerów. Pomimo popularności tematu i szumu (szczególnie ostatnio) w okół niego, wciąż mnóstwo stron powstaje w tradycyjny sposób.Teraz jednak, gdy wzrost popularności urządzeń mobilnych widoczny jest gołym okiem (potwierdzają to również statystyki), tworzenie stron bez wykorzystania idei responsive designu jest grzechem.

Warto przy tym podkreślić, że responsive design nie powstał jedynie z myślą o użytkownikach małych ekranów (strony mobilne). Sprawdza się on idealnie również w przypadku tworzenia stron, których odbiorcy korzystają z monitorów o ponadprzeciętnej wielkości. W tym przypadku można naprawdę zadowolić wszystkich.

Dzisiaj postanowiłem przedstawić wam 21 pięknych stron wykonanych w technologii responsive design. Możecie wykorzystać je  jako inspiracje. Polecam również świetną witrynę do testowania wyglądu stron na różnych ekranach responsive design testing.

 

British America Household Staffing

responsivedesigns01responsivedesigns01a

Designed to Move

responsivedesigns02responsivedesigns02a

Fhoke

responsivedesigns03responsivedesigns03a

Evolve

responsivedesigns04 responsivedesigns04a

Digital Atelier

responsivedesigns05 responsivedesigns05a

Andrew Lohman

responsivedesigns06responsivedesigns06a

Yaron Schoen

responsivedesigns07 responsivedesigns07a

Friends of the Web

responsivedesigns08 responsivedesigns08a

Simon Foster

responsivedesigns09 responsivedesigns09a

Nudge

responsivedesigns10 responsivedesigns10a

Johann Lucchini

responsivedesigns11 responsivedesigns11a

Roy Barber

responsivedesigns12 responsivedesigns12a

Face.Works.

responsivedesigns13 responsivedesigns13a

Lab Fiftyfive

responsivedesigns14 responsivedesigns14a

oak.is

responsivedesigns15 responsivedesigns15a

FortyOneTwenty

responsivedesigns16 responsivedesigns16a

Colorkite

responsivedesigns17

Louis Gubitosi

responsivedesigns18 responsivedesigns18a

Substrakt

responsivedesigns19 responsivedesigns19a

Julie Lavergne

responsivedesigns20 responsivedesigns20a

The Brigade

responsivedesigns21 responsivedesigns21aŹródło: http://webdesignledger.com


Jak Firmy Wykorzystują Psychologię Koloru aby Manipulować Klientem

red

Firmy wykorzystują kolor czerwony, kiedy chcą kreować swój wizerunek jako potężnego, wyrazistego przedsiębiorstwa.

Co on oznacza: Czerwony jest kolorem władzy i pasji. Może być on powiązany również z ekscytacją, energią i psychiczną odwagą.

Jakie firmy go używają: Grupa Virgin jest jedną z największym, i najsilniejszych marek świata. Nawet wtedy, gdy dopiero raczynali, Richard Branson był na tyle sprytny, aby wykorzystać czerwony kolor aby firma prezentowała się pewnie i energicznie. Coca-Cola jest kolejną wielką marką, która wykorzystuje czerwień. Niedawno, Francuski szewc Christian Louboutin SA zdobył prawo do znaku towarowego marki, w postaci czerwonej podeszwy, po wygraniu sprawy w sądzie z  Yves Saint Laurent.

green

Firmy wykorzystują zielony w celu pokazania ich młodości i miłości do Matki Ziemi.

Co on oznacza: Zielony to kolor pieniędzy i zazdrości, ale kojarzony jest również ze ślodowiskiem, Matką Naturą i powszechną miłością. Zielony jest atrakcyjny przede wszystkim dla młodzieży, ale również dla wszystkich tych, którzy cieszą się życiem.

Jakie firmy go używają: Zielona syrena na środku każdego kubka Starbucks ma przedstawiać firmę jako przedsiębiorstwo młode i przyjazne planecie. Starbucks jest dumny ze swojej odpowiedzialności za środowisko i produktów fair trade. Garnier Fructis to kolejny przykład zielono-ubarwionej firmy, której produkty w postaci szamponów czy innych produktów do włosów i ciała spogląda na nas ze sklepowych półek.

blue

Firmy wykorzystują niebieski, aby sprawiać wrażenie spokojnych i logicznych.

To on oznacza: Niebieski oznacza „zaufanie, integralność i komunikatywność”. Niewłaściwe zastosowanie koloru niebieskiego może jednak dawać wrażenie chłodu, powściągliwości i niedostępności. Niebieski jest powiązany z umysłem, więc konsumenci kojarzą go z logiką i komunikatywnością. Jest on również spokojny jak ocean, a patrzenie na niego daje wrażenie wyciszenia.

Jakie firmy go używają: Najbardziej liczące się firmy działające w branży społecznościowej – Facebook, Twitter, LinkedIn – wszystkie one stosują niebieski jako kolor dominujący. Jaśniejszy ocień błękitu wykorzystywany przez Twittera ma natomiast symbolizować zabawną stronę social mediów. Warto oczywiście wspomnieć o Tiffany & Co, która jest natychmiast rozpoznawana dzięki zastosowaniu niebieskiego turkusu.

purple

Firmy wykorzystują purpurowy, aby sprawiać wrażenie luksusu i kapryśności.

Co on oznacza: „Jakość, luksus i dekadencja” są powiązane z purpurowym. Czasem jednak może on wypaść jako tandetny, zbyt kapryśny lub oderwany od rzeczywistości. W zależności od firmy, kolor ten może być szkodliwy i utrudnić przekaz wiadomości, którą firma stara się przekazać do odbiorców.

Jakie firmy go używają: Producent bombonierek Cadbury, sławny wykonawca muzyki Pop Prince.

blackFirmy stosują czarny kolor, aby podkreślić ich ekskluzywny charakter, wyłączność i przepych.

Co on oznacza: Podobnie jak purpurowy, czarny również może być widziany jako kolor luksusu. Czarny, gdy jest wykorzystywany w odpowiedni sposób, może komunikować przepych, wyrafinowanie, wyłączność. Czarny to kolor, który trzeba brać na poważnie.

Jakie firmy go używają: Złoto-czarne logo grupy Gilit, do której można dostać się jedynie po otrzymaniu zaproszenia, mówi nic więcej jak „wyłączność”. Chanel i Yves Saint Laurent również wykorzystują czerń.

yellow

Firmy stosują żółty, aby pokazać, że są zabawne i przyjazne.

Co on oznacza: Żółty jest kojarzony ze szczęściem, optymizmem i przyjaznym nastawieniem. Jest on również najbardziej widzialnym kolorem w świetle dziennym, co czyni go bardziej widocznym na tle innych.

Jakie firmy go używają:  McDonald’s wykorzystuje kolor żółty w swoim dużym żółtym ‘M’, które wznosi się wysoko ponad ulice. Kontrast z błękitnym niebem, powoduje, że znak staje się jeszcze bardziej widoczny co w konsekwencji tłumnie sprowadza klientów. IKEA również wykorzystuje żółty, w celu przekazania konsumentowi informacji, że robienie zakupów w IKEI jest pewnego rodzaju rozrywką i szczęśliwym doświadczeniem.

orange

Firmy wykorzystują pomarańczowy, aby podkreślić rozrywkowy charakter i psychiczny komfort.

Co on oznacza: Pomarańczowy jest ogromnie jasny. Firmy wykorzystujące pomarańcz starają się wykreować wizerunek rozrywkowych i zabawnych. Pomarańczowy jest również kojarzony z psychicznym spokojem (jedzenie, ciepłota). Bądź jednak ostrożny wykorzystując ten kolor, ponieważ zdarzyło się, że firmy wykorzystujące ten kolor przestały być traktowane poważnie.

Jakie firmy go używają: Telewizja dziecięca Nickelodeon zbudowała swój wizerunek wykorzystując ciepły pomarańcz. Wybór okazał się doskonały, ponieważ głównym targetem firmy są dzieci, a prezentowane programy mają głównie tematykę rozrywkową. Instytucja FINANSOWA ING również wykorzystuje kolor pomarańczowy, postawili oni jednak na kontrast z logicznym niebieskim.

Źródło: Business Insider

Szukasz firmy, która pomoże Ci wybrać kolory kojarzące się z branżą i opracuje identyfikację wizualną? Skontaktuj się z nami już teraz.


Czym Różnią się Użytkownicy Komputerów od Użytkowników Smartfonów

Czas poświęcony na sprawdzanie poczty jest praktycznie identyczny w obydwu przypadkach.

Zgodnie z danymi eMarketer, blisko 1.7 bilionów ludzi na świecie będzie korzystało z Internetu za pośrednictwem urządzeń mobilnych w 2013 roku. Do 2016 z kolei szacuje się, że liczba ta wzrośnie do 2.6 biliona. W związku z lawinowym wzrostem użytkowników urządzeń mobilnych – a w szczególności smart fonów – bardzo ważnym jest zrozumienie zachowań ich zachowań.

Analiza przeprowadzona w czerwcu 2012 roku przez GfK Group na amerykańskich konsumentach (niestety nie posiadamy danych odnośnie Polski) porównuje aktywność ludzi korzystających ze smart fonów z użytkownikami tradycyjnych desktopów (PC). Badania te wykazały, że pod wieloma względami konsumenci Ci zachowują się dość podobnie.

Zarówno użytkownicy komputerów jak i użytkownicy smart fonów spędzają trochę mniej niż jedną-piątą swojego czasu w internecie na sprawdzanie poczty. Podobnie sprawy mają się jeżeli chodzi o gry i wyszukiwanie- użytkownicy obydwu urządzeń poświęcają zbliżoną ilość czasu na te czynności.

rys1

Najbardziej zauważalną różnicą, która została odkryta przez GfK, jest odsetek osób spędzających czas na portalach społecznościowych. Użytkownicy smart fonów spędzają zdecydowanie więcej czasu na przeglądaniu zdjęć i wiadomości znajomych niż ich koledzy na komputerach. Użytkownicy Internetu na PC poświęcają 18% swojego czasu na aktywność w social mediach, natomiast użytkownicy smart fonów aż 31%, to prawie dwa razy więcej niż w przypadku sprawdzanie poczty czy przeglądania stron internetowych. Łatwo jest wyciągnąć wniosek, że portale społecznościowe są główną przyczyną wykorzystywania Internetu za pośrednictwem smart fonów.

Z drugiej strony, komputery pozostają platformą najczęściej wybieraną do oglądania filmów, chociaż różnica w tym wypadku jest znacznie mniejszą. Użytkownicy PC spędzają 13% swojego czasu na oglądanie filmów, podczas gdy smartfonowcy poświęcają na to 9% swojego czasu. Jaka jest kolejna kategoria, która stanowczo rozgranicza omawianych użytkowników? „Inne”. Sugeruje to, że na komputerze można wciąż robić dużo więcej rzeczy, które mogą być niewygodne lub czasami wręcz nie możliwe do zrealizowania na ekranach komórek- przynajmniej na dzień dzisiejszy.

Użytkownicy smart fonów są w stanie wykonywać coraz więcej czynności, które do tej pory zarezerwowane były wyłącznie dla dużych urządzeń.

Jeżeli myślisz przyszłościowo o swoim biznesie i chcesz, aby Twoja strona internetowa była przystosowana do wyświetlania na mniejszych ekranach skontaktuj się z nami już teraz. W ramach darmowej konsultacji opowiemy Ci o tym jak działamy i co możemy dla Ciebie zrobić.


Nasze Inspiracje 2012

W pierwszej kolejności, jeszcze raz pragnę życzyć wszystkim wszystkiego najlepszego w nowym, 2013 roku. W związku z nowym roku, przygotowaliśmy krótkie podsumowanie w postaci stron, które najbardziej przypadły nam do nim do gustu. Przy wyborze stron braliśmy pod uwagę tekstury, zdjęcia, typografię, nawigację i wiele innych. Poświęć trochę swojego cennego czasu, i sprawdź wspaniałe strony stworzone w 2012r.

Captain Dash

type11[1]

 

 

Inzeit

brightsites07[1]

Trent Walton

illustrated02[1]

Postable

illustrated04[1]

Pulp Fingers

textures01[1]

The Buffalo Lounge

textures14[1]

Designing Monsters

darksites06[1]

Pursuit Pop-Up Shop

darksites02[1]

shoplocket

darksites03[1]

Denise Chandler

typography05[1]

Oliver Russell

typography07[1]