Jak stworzyć ekologiczny projekt strony
(i Prezentacja)
Projektowanie ekologiczne jest powszechnie stosowane w produktach takich jak krzesła, sprzęt elektroniczny, książki i wystrój domu.
Zgodnie z tymi samymi zasadami, projektowanie stron internetowych w branży ekologicznej stało się ostatnio trendem.
Profesjonalni projektanci i firmy przyjęli bardziej naturalne podejście do tworzenia stron internetowych, logo i opakowań, pozostawiając za sobą oczywisty połysk technologiczny początku 2000 roku.
Tak, koledzy projektantów, można bezpiecznie powiedzieć, że nowa epoka ekologicznego projektowania witryn internetowych i logo korporacyjnych zaczęła obowiązywać.
Niezależnie od tego, czy jest to element jawny czy subtelny, czy skanowane elementy, czy grafika naśladująca naturę, projektowanie stron internetowych przybiera różne formy. Ale co stanowi wzór organiczny? Co czyni to sukcesem? Dowiedzmy Się…
Co sprawia, że projektowanie stron internetowych jest ekologiczne?
Chociaż nazwa sugeruje, że powstaje coś w rodzaju ekologicznego oświadczenia, projektowanie stron internetowych to więcej niż wprowadzanie naturalnych elementów do środowiska technologicznego.
Elementy te mogą być reprezentacją naturalnych materiałów w projekcie (ziarna drewna, tkaniny, tekstury ziemi) lub czymś bardziej abstrakcyjnym, które oddaje przypływ i przepływ natury (przedmioty, materiały, kolory, kształty). Organic web design to szeroka koncepcja, którą można podzielić na cztery kategorie.
- Używanie materiałów, tekstur i tkanin, które wskazują na elementy organiczne
Przedmioty takie jak muślin, konopie, papirus, papier, taśma i drewno. Elementy te pochodzą ze środowiska naturalnego, dzięki czemu stanowią naturalny wygląd. - Używanie abstrakcyjnych esencji natury
Kolory, kształty, grafika, materiały i pędzle, które naśladują "przepływ" natury. Są one subtelniejsze niż ziarenka i muśliny i mają na celu jedynie wskazanie organicznej esencji. Widzimy to na stronach internetowych, które mają nowoczesną, opływową grafikę i miękki naturalny dotyk. Co dziwne, tworzywa sztuczne są najczęściej używanymi materiałami, aby uzyskać organiczny wygląd: mało prawdopodobne materiały to uczciwa gra w projektowaniu stron internetowych. - Tworzenie całości, która jest większa niż suma jej części
Jeśli obraz jest tworzony, który wykorzystuje tylko pędzle lub grafikę w celu utworzenia innego obrazu, możemy powiedzieć, że wydobywamy więcej z obrazu jako całości niż z sumy jego części: pędzli lub grafiki. Częściej pojawia się w przestrzeni ujemnej, ponieważ można użyć pędzli do zarysowania lub wypełnienia innego obrazu. Kiedy dodajemy części, otrzymujemy jedną rzecz - pędzel - ale kiedy patrzymy na całość, otrzymujemy dwie rzeczy: pędzel i obraz. Jest to typowe dla typografii, ponieważ możemy je wykorzystać do stworzenia zupełnie innego obrazu, poprzez grę z ujemną przestrzenią lub dodanie pędzli. - Luźniejsza interpretacja "organicznego" projektu strony internetowej
Zasadniczo definiujemy organiczne jako coś, co pochodzi wprost z natury, ale może być również czymś stworzonym (a następnie zaniedbanym) przez ludzi, takim jak opuszczony kawałek drewna z budynku lub materiałów, które kiedyś dekorowały dom i są teraz poplamione. Organizm w tym sensie oznacza coś zupełnie innego: przejmuje obiekty pozostawione przez społeczeństwo. Stare fotografie, poszarpane płótna, zmaltretowana tapeta: wszystko to może być organiczne, jak kawałek drewna lub liść.
W ostatnich latach ekologiczne wzornictwo nabrało "esencjalistycznej" jakości. Essentialist Organic Design to bardziej minimalistyczny ideał: używaj tylko tego, czego potrzebujesz, aby osiągnąć to, czego szukasz.
Na przykład, jeśli chcemy stworzyć obraz negatywnej przestrzeni i pędzli, możemy użyć tylko tyle pędzelków, ile potrzeba do stworzenia tego obrazu. Ekologiczny design Essentialist prowadzi do bardziej współczesnego wyglądu i rozprzestrzenia się w dziedzinie projektowania stron internetowych.
Te cztery kategorie można grać i manipulować, aby uzyskać wrażenie, które jest odpowiednie dla Ciebie i Twojego klienta. Połącz i dopasuj dowolne z nich: wszystkie mogą z powodzeniem współpracować.
Wskazówki dotyczące udanego projektowania stron internetowych
- Kolory ziemi mogą być żywe
Spalone pomarańcze, głębokie szare purytury i oliwki mogą być równie ekscytujące, jak jasnożółte i jaskrawoczerwone. Co więcej, lepiej ze sobą współpracują, a ponieważ bardziej prawdopodobne jest używanie neutralnych odcieni w ekologicznym projekcie, możesz użyć większej liczby kolorów bez przytłaczania projektu. - Żywe kolory również mogą być organiczne
Samochód strażacki czerwony lub kobaltowy może być równie ziemisty i organiczny jak brąz i szarość. Znajdź te kolory w vintage lub naturalny wzór lub cierpienie wzór, który ma te dźwięki. Mogą być odświeżane, gdy są używane z wyciszoną paletą. - Saldo, równowaga, równowaga
Środowisko pozostaje stabilne dzięki starannej równowadze elementów, a design nie jest inny. Jest to jeszcze ważniejsze w ekologicznym designie. Wyrównaj te szare barwy z bardziej kolorowymi. Uspokój to tło drewna za pomocą płaskich, dużych lub prostych tabel lub warstw div, a nawet monochromatycznej tekstury papieru. Jedna pułapka z ekologicznym designem, podobnie jak w przypadku całego projektu, polega na tym, że możesz mieć zbyt wiele dobrego, a granica między sukcesem a przesadzonym może być w porządku. - Organiczne nie oznacza złomowania nowoczesności
Tylko dlatego, że chcesz ekologicznego projektu nie oznacza, że musisz porzucić swoje nowoczesne wpływy. Możesz zachować chromowane tło, fioletowy kolor uzupełniający lub nieekologiczne czcionki. Zmiękczenie nowoczesnego designu nie wymaga wiele, ani nie potrzebuje kwiecistego wektora. Proste zawinięcie grafiki, pędzla lub wektora może osiągnąć naturalną esencję. - Myśl inaczej
Natura ma znacznie więcej niż oczywistość. Wybierz mało prawdopodobne przedmioty, które są naturalne, ale rzadziej spotykane, np. Światło. - Obszary miejskie również są środowiskiem
To, że został usunięty z lasu, nie oznacza, że nie jest już "środowiskiem". Myśl o betonie lub adamaszku.
Aby zobaczyć ekologiczny projekt strony w akcji, sprawdź następujące strony internetowe. Witryny te ilustrują wszystkie lub niektóre z czterech kategorii ekologicznej projektowania stron internetowych wyjaśnionych powyżej.
Tło Mooi, zawiły wzór drewna, jest tutaj głównym i naturalnym elementem. Do tego, Mooi dodaje żywy czerwony odcień, tylko jeden z kilku nowoczesnych elementów w tym projekcie, które nie znoszą jego organicznego wyczucia.
30A Przewodnik gra z bardziej abstrakcyjną interpretacją ekologicznego designu, z wykorzystaniem rustykalnych papierów, starych negatywów fotograficznych i znaczków. Ponadto 30A daje nam poczucie, że natknęliśmy się na już istniejące, nie-cyfrowe środowisko.
I Love Dust zawiera wiele nowoczesnych elementów, ale ma organiczne wskazówki: animowaną kroplę łzy, okrągłe czcionki i wektory w kształcie kwiatów.
Wprawdzie wpływ nie jest oczywisty, jednak układ Entry 5 Productions ma charakter organiczny: zaokrąglone krawędzie są na linkach nagłówka i logo, a także w dużej ilości delikatnych, naturalnych odcieni. Subtelne, organiczne cechy odstraszają nowoczesny wygląd Entry 5 Productions.
Zazwyczaj możemy myśleć o papierach, drewnie i materiałach, aby przedstawić projekt organiczny, ale materiały takie jak skóra są równie naturalne i rzadziej stosowane w projektowaniu stron internetowych. Ponadto, skóra w stylu "saddleback" daje nam wrażenie ekologicznej przy użyciu starych map, metek i tapicerki.
Web Maremma jest dobrym przykładem tego, że całość jest czymś więcej niż sumą jej części. Jeśli spojrzymy na logo, zobaczymy, co jest zamierzone: "W" i "M." Kiedy jednak podzielimy całość na poszczególne części, otrzymamy niekompletne litery. W związku z tym, co zyskujemy jako całość, to zgadliście, bardziej niż części połączone.
Ten nowoczesny element zawiera tło cementu, zaokrąglone krawędzie i organiczne tło dla dolnych obszarów tekstowych. Te rodzaje dodatków są typowe dla projektowania organicznego.
Nie tylko tło jest szorstką papierową teksturą, ale Lorelei Web Design zawiera w sobie czerwoną kroplówkę lub zalanie. Nieprawdopodobny element, tak, ale jest naturalny.
Białe cegły Hub'a wyróżniają się tutaj, ale najważniejsze jest zwrócenie cienia na obrazy i miękki ruch tych obrazów po najechaniu na nie kursorem. Cień sprawia, że czujemy się tak, jakby obrazy zawsze tam były, a ruch obrazów, gdy się unosi, naśladuje przepływ natury. Zielony, choć żywy, jest również wyraźnie organiczny.
To, co wyróżnia Kulturbanause, to zepsuta ściana, co oznacza, że z czasem ta ściana się rozpadnie. Poza tym woda z drugiej strony płynie na wyspy lądowe. To wykorzystuje dwie formy organicznego projektu naraz: wykorzystanie jawnych naturalnych obrazów i ustawień oraz użycie czegoś, co jest zużyte i rozpadające się.
Naturalny urok Pixel Umbrella tkwi w ledwie widocznym tle - teksturowanej szarej ścianie, która wskazuje na beton lub gips - i delikatne krzywe czcionki (czyli "b" w "parasolu").
Ptak może być dobrym dodatkiem, aby uzyskać organiczny odblask, ale kolory czcionki są tym, co napędza układ Janic Design. CSS skupia się na tego typu układach, a Janic Design dodaje organiczny wygląd dzięki różnym odcieniom zieleni, turkusów, żółci, brązów i głębokich szarobłękitów.
Gdy wszystko inne jest nowoczesne, dodaj trochę naturalnego charakteru do swojego logo. Logo kropelki Josh Pucketta jest jawnie ekologiczne, a kolorowanie kropli tylko wzmacnia jej naturalną esencję.
Co nie jest ekologiczne w projektowaniu I Love Colours? Kolory, wektory, zgrane papiery i teksturowane tło dodają organicznemu urokowi tego układu.
Greydient używa rotacji na dużych obrazach, ale każdy ma odcień organiczny, z dodatkami, w tym odrapanymi przedmiotami, takimi jak to, co tu widzisz, i pędzlami kwiatowymi.
Kwiaty, ptaki i obrazy w chmurze. Organiczny projekt, który jest tak otwarty, że nie można tego przegapić.
Obraz globu jest ładny, ale logo Oypro - które wygląda jak kilka płatków liści - i delikatne krawędzie na łączach są tym, co dopełnia wrażenia organiczne. Oczywiście naturalne są również zawijasy naturalnego koloru.
Układ Orange Label ma wiele nowoczesnych cech, z wykorzystaniem kwadratowych obszarów tekstowych i prostej kolorystyki. Jednak Orange Label dodaje się do ekologicznego projektu z wykorzystaniem konturów naturalnych obiektów, miękkich krawędzi i, w szczególności, obszarów tekstowych, które czują się jakby były zrobione z negatywnej przestrzeni.
Kolejny przykład jawnego projektowania organicznego, układ VixML składa się z wodnistego i zachmurzonego obrazu, scenerii miasta i mnóstwa zaokrąglonych krawędzi.
Brown Blog Films może mieć ciężkie zastosowanie drewna w swojej konstrukcji, ale drewniane deski jako ogniwa i "zawieszony" obraz logo są tym, co w górnej części organicznego uroku.
Oprócz drzewa i zakrzywionej czcionki na logo należy zwrócić uwagę na dwa elementy organiczne: odręczną czcionkę w nawigacji i główne tło.
To, co sprawia, że Got Aqua jest szczególnym przykładem organicznego projektu, nie jest obrazem czaszki ani pisma ręcznego, ale raczej tłem korkowym. Jest to interesujący wybór dla naturalnego odczucia, ale jest naturalny i ma doskonałą neutralną fakturę.
Dobrze jest pamiętać o przyrodzie, że składa się ona nie tylko z kory i ptaków (i tym podobnych). Składa się również z fal świetlnych, gazów, iskier, światła, wśród (wyraźnie) innych rzeczy. Noe Design gra z tymi nieprawdopodobnymi źródłami inspiracji, dając nam zintensyfikowane wstążki kolorów i tekstu, który wydaje się być oświetlony.
Bell 2 Lodge wyróżnia się pod tym względem, że grafika jest duża i stanowi oczywistą kombinację wektora i fotografii. Widzimy, że drewno jest obrazem prawdziwego drewna, podczas gdy użyte liście są wyraźnie grafiką, która została zbudowana w programie. Jest to wzorowa gra na tym, co stworzone przez człowieka, a co w istocie nie jest.
Logo DJ Folio jest głównym elementem organicznym na stronie, wykorzystującym uproszczone, zaokrąglone kształty, które mają naturalny charakter. Również poprzez oddzielne koła i bity graficzne "J" otrzymujemy produkt, który jest czymś więcej niż sumą poszczególnych kształtów.
Kodowanie jest tutaj ważne, poza jawnymi dodatkami organicznymi, takimi jak kolor, liście i niebo. Kodowanie używane do obsługi portfela Mathieu Furnon sprawia, że przejście od obrazu do obrazu staje się płynne i naturalne.
Połączenie ciemnych odcieni z chłodniejszymi błękitami i kremami, a także "wyciągnięty" efekt na połowie logo dodają subtelnym organicznym akcentom oczywistych lasów i papierów.
Dodanie "odręcznej" czcionki "off-kilter" otaczającej bardziej graficzną czcionkę to tylko jeden aspekt ekologicznego projektowania tutaj.
Naturalne kasztany, pomarańcze, melony i brązy łagodzą wyraźną, nowoczesną biel w tym układzie.
Spójrz poza drzewa; kolory wody i głębokie, ale ziemiste odcienie na obrazie nagłówka dodają dramatycznego, ale organicznego wyglądu.
Napisany specjalnie dla WDD przez Sarah Thompson.
Jakie tekstury i odcienie preferujesz, tworząc wrażenie organiczne? Jako użytkownik, który Twoim zdaniem jest bardziej atrakcyjny: subtelne lub jawne motywy organiczne?