Organik Bir Web Tasarımı Nasıl Oluşturulur
(ve Vitrin)
Organik tasarım genellikle sandalyeler, elektronik cihazlar, kitaplar ve ev dekorasyonu gibi ürünlere uygulanır.
Aynı prensipleri takiben, organik web tasarımı son zamanlarda bir eğilim olarak ortaya çıkmıştır.
Profesyonel tasarımcılar ve şirketler, web sitelerini, logolarını ve ambalajlarını oluşturmak için daha doğal bir yaklaşım benimsemişler ve 2000'lerin başlarındaki teknolojik teknolojik parlaklığı geride bırakmışlardır.
Evet, diğer tasarımcılar, web siteleri ve kurumsal logolar için yeni organik tasarım çağının etkili olduğunu söylemek güvenli.
İster açık ister süptil, ister taranan elemanlar ister doğayı taklit eden grafikler olsun, organik web tasarımı birçok şekilde ele geçirilmiştir. Peki organik tasarım nedir? Onu başarılı yapan nedir? Hadi bulalım…
Organik Bir Web Tasarımı Yapan Nedir?
Her ne kadar isim bir tür ekolojik açıklama yapıldığına işaret etse de, organik web tasarımı doğal unsurları teknolojik bir ortama taşımakla ilgilidir.
Bu unsurlar, bir tasarımda (ahşap taneler, kumaşlar, dünyevi dokular) veya doğanın akışını (öğeler, malzemeler, renkler, şekiller) yakalayan daha soyut bir şeyle doğal malzemelerin temsili olabilir. Organik web tasarımı geniş bir konsepttir ve dört kategoriye ayrılabilir.
- Organik öğelere hitap eden malzemeler, dokular ve kumaşlar kullanma
Muslin, çuval bezi, papirüs, kağıt, bant ve ahşap gibi nesneler. Bu öğeler doğal çevreden gelir ve böylece bir düzen doğal bir itiraz verir. - Doğanın soyut özlerini kullanma
Doğanın “akışını” taklit eden renkler, şekiller, grafikler, malzemeler ve fırçalar. Bunlar odun tanelerinden ve muslinlerden daha süptildir ve bir organik özü ima etmeyi amaçlar. Bunu modern aerodinamik grafikleri ve yumuşak doğal dokunuşları olan web sitelerinde görüyoruz. Tuhaf bir şekilde, plastikler organik bir görünüme ulaşmak için kullanılan en yaygın malzemelerdir: farklı malzemeler web tasarımında adil bir oyun. - Parçalarının toplamından daha büyük bir bütün oluşturmak
Başka bir görüntü oluşturmak için sadece fırça veya grafik kullanan bir görüntü oluşturulduysa, görüntülerin tamamının parçaların toplamından daha fazla olduğunu söyleyebiliriz: fırçalar veya grafikler. Bu, fırçalar başka bir görüntüyü tasvir etmek veya doldurmak için kullanılabildiğinden, negatif alanda daha sık gelir. Parçaları eklediğimizde, bir şey alırız - fırça - ama bütüne baktığımızda iki şey alıyoruz: fırça ve görüntü yaratıldı. Bu, tipografiler arasında yaygındır çünkü onları tamamen farklı bir görüntü oluşturmak için kullanabiliriz, negatif alanla oynamak veya fırça eklemek gibi. - “Organik” web tasarımının daha gevşek bir yorumu
Genel olarak organikliği doğrudan doğadan gelen bir şey olarak tanımlarız, ama aynı zamanda bir binadan ya da bir zamanlar bir evi dekore eden ve şimdi lekelenen malzemelerden gelen terk edilmiş bir odun parçası gibi insanlar tarafından yaratılan (ve sonra ihmal edilen) bir şey de olabilir. Bu anlamda organik, tamamen farklı bir anlam ifade eder: Toplum tarafından geride bırakılan nesneleri ele alır. Eski fotoğraflar, yırtılmış kumaşlar, sıkıntılı duvar kağıtları: bunların hepsi ahşap veya yaprak parçası gibi organik olabilir.
Son yıllarda organik tasarım “özcü” bir nitelik kazanmıştır. Essentialist organik tasarım daha minimalist bir idealdir: sadece neyin peşinde olduğunuza ulaşmak için ihtiyacınız olanı kullanın.
Örneğin, negatif alan ve fırçaların görüntüsünü oluşturmak istiyorsak, o görüntüyü oluşturmak için yalnızca gerekli miktarda fırça kullanabiliriz. Essentialist organik tasarım, daha modern bir görünüme yol açar ve web tasarım alanına yayılır.
Bu dört kategori, sizin ve müşteriniz için doğru olan hissi almak için oynanabilir ve manipüle edilebilir. Bunlardan herhangi birini karıştırın ve eşleştirin: Hepsi birlikte başarılı bir şekilde çalışabilirler.
Başarılı Organik Web Tasarımı İçin İpuçları
- Dünyevi renkler canlı olabilir
Yanmış portakallar, koyu gri-püreler ve zeytinler açık sarı ve parlak kırmızılar kadar heyecan verici olabilir. Ayrıca, birlikte daha iyi çalışırlar ve organik tasarımınızdaki nötr tonları kullanma olasılığınız yüksek olduğundan, bu renkleri daha fazla kullanmadan tasarımı kullanabilirsiniz. - Canlı renkler de organik olabilir
İtfaiye arabası kırmızısı veya kobalt mavisi, kahve ve griler gibi dünyevi ve organik olabilir. Bu renkleri vintage bir görüntüde veya doğal bir desende bulun veya bu tonlara sahip bir desene sıkın. Sessiz bir paletle kullanıldığında ferahlatıcı olabilirler. - Denge, denge, denge
Ortam, dikkatli bir denge dengesiyle sabit kalır ve tasarım farklı değildir. Bu organik tasarımda daha da önemlidir. Bu gri tonları daha renkli olanlarla dengeleyin. Düz, büyük veya basit tablolar veya div katmanları, hatta tek renkli kağıt dokusu ile ahşap arka plan sakin olun. Tüm tasarımlarda olduğu gibi, organik tasarıma sahip bir tuzak, iyi bir şeyin çok fazla olabileceğidir ve başarılı ve abartılı arasındaki çizgi iyi olabilir. - Organik, modern hurdaya atılmak anlamına gelmez
Sadece organik bir tasarım istediğiniz için modern etkilerinizi terk etmeniz gerektiği anlamına gelmez. Krom görünümlü arka planınızı, tamamlayıcı renklerinizi veya organik olmayan yazı tiplerinizi koruyabilirsiniz. Modern bir tasarımı yumuşatmak çok fazla almaz, çiçek vektörüne de ihtiyaç duymaz. Bir grafik, fırça veya vektörün basit bir kıvrımı, doğal bir öze sahip olabilir. - Farklı Düşün
Doğadan çok daha fazlası var. Doğal olmayan, ancak daha az yaygın olan, ışığa benzer öğeleri seçin. - Kentsel alanlar da ortamlar
Sadece ormandan çıkarıldığı için artık bir 'çevre' olmadığı anlamına gelmez. Betonları veya şamı düşün.
Organik web tasarımını çalışırken görmek için aşağıdaki web sitelerine göz atın. Bu web siteleri, yukarıda açıklanan dört organik web tasarım kategorisinin tümünü veya bazılarını göstermektedir.
Mooi'nin arka planı, karmaşık bir ahşap deseni, burada ana ve doğal elementtir. Buna göre Mooi, bu tasarımda organik hissinden sıyrılmayan birkaç modern dokunuştan sadece biri olan canlı bir kırmızı renk katıyor.
30A Kılavuzu, rustik tasarımları, eski fotoğraf negatifleri ve pulları içeren, organik tasarımın daha soyut bir yorumuyla oynuyor. Ek olarak, 30A, halihazırda var olan, dijital olmayan bir ortama tökezlediğimizi hissettiriyor.
I Love Dust birçok modern unsuru içerir, ancak organik ipuçlarına sahiptir: animasyonlu gözyaşı damlası, dairesel fontlar ve çiçek şekilli vektörler.
Etki belirgin olmasa da, Giriş 5 Productions 'düzeni organik tasarımı içeriyor: Başlık linkleri ve logoda yuvarlatılmış kenarlar ve iyi miktarda yumuşak, doğal tonlar elde ediyoruz. İnce olsa da, bu organik nitelikler Giriş 5 Productions'un modern görüntüsünü bir kenara bırakır.
Organik tasarımı tasvir etmek için kağıtları, tahtaları ve bezleri tipik olarak düşünebiliriz, fakat deri gibi malzemeler eşit derecede doğaldır ve web tasarımında daha az kullanılır. Ayrıca Saddleback Leather, eski haritalar, etiketler ve döşemeler kullanarak organik bir his veriyor.
Web Maremma, bir bütünün parçalarının toplamından daha fazlası olduğuna iyi bir örnektir. Logoya bakarsak, neyin amaçlandığını görürüz: bir 'W' ve bir 'M.' Ancak, bütünü kendi parçalarına ayırdığımızda, eksik harfleri alırız. Böylece, bir bütün olarak kazandığımız şey, tahmin edersiniz, birleştirilen parçalardan daha fazlasıdır.
Bu modern parça, bir çimento zemin, yuvarlak kenarlar ve alt metin alanları için organik görünümlü arka planlar içerir. Bu tür eklemeler organik tasarımda tipiktir.
Arka plan sadece kaba bir kağıt dokusu değil, aynı zamanda Lorelei Web Design bir çeşit kırmızı damlama veya döküntü içerir. Olumsuz bir unsur, evet, ama doğal.
Hub'ın beyaz tuğlaları burada dikkat çekiyor, ama dikkat edilmesi gereken daha önemli olan şey, bu resimlerin üzerindeki gölgeler ve bu resimlerin üzerine geldiğinizde yumuşak hareketler. Gölge, görüntülerin her zaman olduğu gibi hissettiriyor ve üzerine gelindiğinde görüntülerin hareketi, doğanın akışını taklit ediyor. Yeşil olsa da, canlı, aynı zamanda organik.
Kulturbanause için göze çarpan şey, bu duvarın zamanla parçalandığını ima eden kırık duvardır. Ayrıca diğer taraftan toprak adalarına sızan sularımız var. Bu, aynı anda iki tür organik tasarım kullanır: açık doğal görüntülerin ve ayarların kullanılması ve yıpranmış ve çürüyen bir şeyin kullanılması.
Pixel Umbrella'un doğal çekiciliği, ancak arka planında, beton ya da sıvaya işaret eden dokulu bir gri duvar ve yazı tipinin yumuşak eğrileridir (yani, 'şemsiyede' b ').
Kuş, organik parlama elde etmek için iyi bir ek olabilir, ancak yazı tipi renkleri Janic Design'ın düzenini yönlendiren şeydir. CSS, bu tarz bir yerleşime odaklanır ve Janic Design, yeşilin, tülbentlerin, sarıların, kahvelerin ve koyu gri-mavinin farklı tonlarını kullanarak organik çekicilik ekler.
Her şey modern hissettiğinde, logonuza biraz doğal bir his katın. Josh Puckett'ın yağmur damlası logosu açık bir şekilde organiktir ve damlacıkların renklendirilmesi sadece doğal özünü arttırır.
I Love Colors'ın site tasarımı hakkında organik olmayan nedir? Renkler, vektörler, yırtılmış kağıtlar ve dokulu arka plan, bu düzenin organik çekiciliğine katkıda bulunuyor.
Greydient, büyük resimlerde bir rotasyon kullanır, ancak her birinin, burada gördükleriniz ve çiçek fırçaları gibi harap öğeler de dahil olmak üzere organik çekiciliği vardır.
Çiçekler, kuşlar ve bulut gibi görüntüler. Bu kadar açık olan organik bir tasarım bunu kaçıramaz.
Dünya görüntüsü güzel, ama birkaç yaprak yaprağı gibi görünen Oypro logosu - ve bağlantılardaki yumuşak kenarlar organik hissi bitiren şey. Tabii ki doğal rengin kıvrımları da yardım ediyor.
Orange Labelel'in düzeni, kare metin alanları ve basit bir renk düzeni kullanılarak birçok modern kaliteye sahiptir. Bununla birlikte, Orange Label, doğal nesnelerin ana hatları, yumuşak kenarlar ve en önemlisi negatif alandan yapılmış gibi görünen metin alanları kullanarak organik tasarıma katkıda bulunur.
Açık organik tasarımın bir başka örneği olan VixML'nin düzeni, su ve bulutlu görüntüler, bir şehir ayarı ve yuvarlak kenarlar bolluğu içeriyor.
Kahverengi Blog Filmleri, tasarımında ahşaptan ağır bir şekilde faydalanabilir, ancak ahşap plakalar ve logoların 'asma' resmi, burada organik cazibenin en iyisi.
Ağacın ve logodaki kıvrımlı yazı tipinin yanı sıra, dikkat edilmesi gereken iki organik öğe vardır: gezinme ve ana arka plandaki el yazısı yazı tipi.
Got Aqua'nın organik tasarımın özel bir örneği, kafatasının veya el yazısının görüntüsü değil, mantar arka planıdır. Doğal bir his için ilginç bir seçim, ama doğal ve nötr bir doku.
Doğayı hatırlamak eğlencelidir, sadece kabuk ve kuşlardan ibaret değildir (ve benzerleri). Aynı zamanda (açıkça) diğer şeyler arasında ışık dalgaları, gazlar, kıvılcımlar, ışıktan oluşur. Noe Design, bu istenmeyen kaynaklardan ilham alarak, bize yoğunlaşmış renk ve metin şeritlerini ışıklandırıyor.
Bell 2 Lodge, grafiklerin geniş ve vektör ile fotoğrafın bariz bir bileşimi olduğu için kendini ayrı tutuyor. Ahşabın gerçek ahşabın bir görüntüsü olduğunu görebiliriz, oysa kullanılan yapraklar açık bir şekilde bir programda oluşturulmuş grafiklerdir. İnsan yapımı ve neyin aslında olmadığı hakkında örnek bir oyun.
DJ Folio'nun logosu, doğal bir duyguya sahip, basitleştirilmiş, yuvarlak şekiller kullanan, sitenin ana organik bileşenidir. Ayrıca, "J" nin ayrı çemberleri ve grafiksel bitleri aracılığıyla, bireysel şekillerin toplamından daha fazla bir ürün elde ederiz.
Kodlama, renk, yaprak ve gökyüzü gibi açık organik katkıların yanı sıra burada dikkat edilmesi gereken bir şey. Mathieu Furnon'un portföyünü çalıştırmak için kullanılan kodlama, görüntüden resme kesintisiz ve doğal geçişi sağlar.
Koyu tonların daha soğuk blues ve kremlerle birleşmesinin yanı sıra, logonun yarısındaki 'çizilmiş' etki, belirgin ahşaplara ve kağıtlara ince organik dokunuşlar ekliyor.
Daha fazla grafik yazıya sahip olan el yazısı, 'off-kilter font' eklenmesi, organik tasarımın sadece bir yönüdür.
Doğal tasarımcılar, portakallar, kavunlar ve kahveler, bu düzendeki gevrek, modern beyazı yumuşatır.
Ağaçların ötesine bak; başlık resmindeki su renkleri ve derin-toprak tonları dramatik ama organik bir çekicilik katıyor.
Sarah Thompson için sadece WDD için yazılmış.
Organik bir his yaratırken hangi dokuları ve tonları tercih edersiniz? Bir kullanıcı olarak, hangisinin daha çekici olduğunu düşünüyorsunuz: ince veya açık organik temalar?