Bu yüzden geometri öldüren bir web tasarımıdır
Tanrım, geçmişte geometriyi öğrenmeyi hatırlayan başka biri var mı? Kimse var mı? Kimse var mı? Bueller? Bu aktif mi? Tamam, belki ben bir azınım. Bununla birlikte, uzun zamandır geçen çağda keyif aldığım diğer birçok şey gibi, kendimi en başından beri geometriyi nasıl çalıştırmanın pratik olduğunu merak ettim. Demek istediğim, bizden birimiz bunu profesyonel veya kişisel olarak hayatımızda kullandığında? 2017 tasarım trendi bir şeyin bir göstergesi ise, geometri kesinlikle kalbim için (ve umarım siz) tekrar bir oyun yapacak.
Seni kaybetmeden önce (çoğu insanın geometriden nefret ettiğinden emin olduğum için), hemen Jason Mraz’dan bir alıntı paylaşmama izin verin: “Ben buna kutsal geometri diyorum. Her şey doğru olduğunda ve çok dengeli hissettiğinde, bir sonraki bölüme açıklandığında, şarkıda gerçekten tanıdık ve rahat hissedersiniz. ” Tamam, Mraz bir şarkıyı açıkça anlatıyor çünkü o bir müzisyen, ama aynı öz, eğer düşünürseniz web tasarımı için de geçerlidir. Denge hissi, bir kısımdan diğerine doğal akış ve aynı zamanda rahatlık duygusu vardır. Web için deneyimler tasarlarken düşündüğümüz son hedef, değil mi?
Yani, geometriye bağlı mantık, düzen ve samimiyetin doğamızda insanlar olarak çok iyi çalışan bir şey olduğunu biliyorsak, neden kullanmıyorsunuz? Dürüst olmak gerekirse, ister bilip bilmeseniz de, tasarım çalışmalarınızda geometriyi zaten kullanabilirsiniz. Bugün yapmak istediğim şey, bu “yeni” tasarım trendinden daha etkili bir şekilde yararlanmanıza yardımcı olmaktır. Web tasarımında neden geometriyi kullanmamız gerekiyor? Geometri: “Ölçümler, doğa ve noktalar, çizgiler, açılar, yüzeyler ve katıların ilişkileri ile ilişkili matematiksel dallar.” Web tasarımına çok benziyor, değil mi? Dahası:
Ölçüm, doğru alanda oynamanıza yardımcı olur.
Element özelliği, sitenin çeşitli bölümlerinin ihtiyacınız olduğunda görünmesini sağlar.
İlişkiler, çeşitli unsurlar arasında bir hiyerarşi oluşturmanıza yardımcı olur.
Bu yaptığınız bir şey. Şimdi neden hepsinin arkasında daha iyi anlayalım. Web tasarımında geometri nedir? Geometrideki en temel unsur nokta (temelde bir nokta):
Puanlar, doğrudan odaklanmak için web tasarımında kullanılır. Yukarıdaki örnekte olduğu gibi gerçek toplar olabilirler veya temelde ziyaretçiler üzerinde aynı etkiye sahip hareket etmek için güzel bir davet olabilirler.
O zaman, elbette, bir şeklin var – çoğumuz geometri düşündüğümüzde düşünüyoruz. Daireler, kutular, üçgenler, vb. Ön arka planda veya tasarım arka planında kullanılabilirler. Boş, doldurulabilir veya kısmen doldurulabilirler.
Bir boyutta (çizgi olarak), iki boyutta (düz bir form olarak) veya üç boyutta (birkaç alanda var olan bir form olarak) var olabilirler.
Gerçek tasarımdaki planlamada (tel kız çerçeveleme ve ızgara hakkında düşünme) ve öğelerde kullanılabilirler.
Kalıcı ekipman veya geçiş veya bir bakışta olabilirler.
Geometrik şekil, tasarımınızdaki diğer öğeler için de bir temel oluşturabilir: yazı tipleri, fotoğraflar, logolar, simgeler vb.
Sadece geometrinin organize ve basit olma eğiliminde olduğu için, yaratıcılık sağlamayacağı anlamına gelmez. Çeşitli unsurların arkasındaki anlamı anladıktan sonra benzersiz bir tur yapabilirsiniz.
Web tasarımında geometriyi kullanmanın faydaları, web tasarımında geometri kullanırken merakınızın bozulmasının birkaç nedeni vardır:
Şekil ve geometrik çizgiler simetri ve denge oluşturur ve web sitesinin daha kolay takip edilmesini sağlar.
Geometri doğal olarak, her elemanın birbirine veya belirli bir sırayla uyduğu organize koşullar için uygundur. Bu konuda yatıştırıcı bir şey var.
Geometri ayrıca, ziyaretçilerin zihinlerinin bu unsurlarla belirli ilişkiler oluşturmak için hızlı bir şekilde eğitilmesine yardımcı olan tasarımda tutarlılık ve tekrarlama oluşturmak için iyidir. Geometrik formlar birbirleriyle veya birbirleriyle birlikte kullanılabilir ve ayrıca doldurulabilir, özetlenebilir veya Çeşitli şekillerde renklendirilmiş. Tasarımınızı kendi avantajlarını ve güzellerini verecek bu unsurları nasıl karıştırır ve eşleştirirsiniz.
Daha güçlü bir geometrik element, etrafındaki her şeyi çok daha basit hale getirirken, içeriğinizi büyük bir dramatik parlama vermek için gereken her şey olabilir.
Geometri, özellikle arka planda bir doku olarak kullanıyorsanız, minimalist ile de iyi çalışır.
Geometrik şekil aynı zamanda sitenizin altında yatan yapıyı oluşturmaya yardımcı olur, çünkü her şey temelde bir kutu (genellikle bir grup kutu, dikdörtgen veya üçgen) ile başlar.
Her geometrik formun, aktif olarak fark etsek de olmasak da, doğuştan gelen bir anlamı vardır. Bu renk gibi. Bizi nasıl hissettirdiklerinin arkasındaki psikolojiyi anlayarak, tasarımda daha etkili bir şekilde kullanabiliriz. Örneğin:
Dikdörtgen veya kare
Dört istikrarlı taraf ve dört dik açı ile bu formlar genellikle güvenilirlik, gelenekçilik ve dürüstlük ile ilişkilidir. Ayrıca grubun en resmi olanıdır. Bu, genel olarak web sitenizin harekete geçmesi, metin kutuları ve temel yapısı için iyidir. Daire
Çember birlik ve bütünlüğü sembolize eder. Web tasarımınızla güçlü ama güvenli bir açıklama yapmak istiyorsanız, buraya bakın. Bu, logolarda, simgelerle ve ekstra vurgu gerektiren daha küçük öğelerle kullanılabilir. Üçüncü yön, her uçta kararlı bir taban olarak görüldüğü bir dikdörtgene benzer. Bununla birlikte, bu formun arkasındaki anlam biraz farklıdır, çünkü doğal oklarının görünümü genellikle bir hareket veya yön duygusu anlamına gelir.
Bu, yönlü ipuçlarının menüyü ne zaman açacağınızı, sayfaya geri atlayacağınızı, daha fazla bilgi için aşağıya bakın, vb. Pirinç Pastasını Kes Split, web tasarımında gördüğünüz pek çok unsur olmak zorunda değildir, bu yüzden bunu yaptığınızda çok ebedi izlenimi bırakabilir. Düz çizgileri kullanır; Bununla birlikte, vücudun kendisi italik üzerine oturur ve bir üçgeye benzer bir hareket duygusu yaratır. Arka planda iyi çalışır ve ilgili bir metin bloğunuz veya birbirinizle akması gereken diğer öğeleriniz olduğunda. Altıgen Bu altı taraflı figür, web tasarımında başka bir nadir formdur, ancak şimdi daha sık bir birlik duygusu iletmek için kullanıldığını görüyoruz. Bu, ekip veya şirket profili sayfası için iyidir. Açıkçası, web tasarımında kullanılabilecek başka çokgenler ve doğal formlar da var, ancak bu en yaygın çokgendir ve arkasında açık bir amacı vardır.
Bugün web tasarımında ilham verici geometri örnekleri, tasarımda geometrik matematiksel uygulamaya nasıl daha fazla girebileceğiniz hakkında konuşmak yerine (aşırı olacağı için) zaman harcamak yerine, pratik yönleri görmeye odaklanmayı tercih ediyorum. Mevcut geometrik tasarımda olan bazı harika şeyler var ve bence bu çok şık web sitesi büyük bir ilham kaynağı olabilir. İşte benim favorilerimden bazıları: #1. Kolektif aark Aark kolektif web sitesi.
Aark Collective web sitesinde ürün sayfasını ilk girdiğinizde, saatlerinin neredeyse bir saat gibi olduğu gibi neredeyse gerçek dışı göründüğünü göreceksiniz. Bununla birlikte, fareyi üzerine yönlendirdikten sonra, saatten bir yan ekran açısı alacak ve ilk bakışta orijinal olarak görülebilen iki boyutlu bir geometrik form olmadığını anlayacaksınız. #2. Andrei Gorokhov UX Designer web sitesi Andrei Gorokho.
UX tasarımcısı Andrei Gorokhov için portföy sitesi altıgen ile doludur. Tüm web siteleri aslında altıgen yan yana dahildir; İlk olarak tam renkli tıklamak istediğiniz tasarımcı ve bir sonraki adımda görmek istediği şey parlak renk. Bu, çok fazla ve hatta hayal kırıklığı yaratmadan aynı geometrik elemanı site genelinde kullanmanın çok güzel bir yoludur.
#3. Buffalo tarafından inşa edilmiş
Buffalo tarafından inşa edilen web sitesi gerçekten harika. Çoğu için, sıkı bir geometrik şekil kullanımının dışında oldukça çıplak bir kemiktir. İçeriklerini göstermek için altıgen ve bir daire arasında geçiş yaparlar ve bir parça ayırıcı olup olmadığını göstermek için tüm sitelerde aynı ince çizgileri kullanırlar. Bu, aynı formdan veya satır öğelerinden tutarlı bir şekilde nasıl kullanılacağının iyi bir örneğidir, ziyaretçilerin gördüklerini kolayca bulmasına yardımcı olur. #4. 3D Web Olgu Durumu 3D durum. 3D Case tasarımcının gayrimenkul ve mimari alanlar için nasıl çalıştığını görünce, web sitelerinin BT’deki ağır geometrik unsurlardan yararlanıp yararlanamayacağı mantıklıdır. Bu, günlük çalışmalarında geometri ile uyumlu temiz çizgiler, simetri ve iyi planlanmış alanlara güvenen müşterileriyle aynı dilde konuştuklarını gösterir. #5. Mutfak dizaynı
Mutfak Tasarımı web sitesi.
Mutfak Design web sitesi, içeriklerini web sitelerinin altında tutarlı bir şekilde görüntülemek için temiz ve basit bir kutu düzeni kullanır. Buna ek olarak, sitenin en üstünden altına uzanan ve bir bütün olarak bu ilginç dokuyu yaratan diyagonal çizginin ince bir genişliğini eklediler. Bu sitenin geometrinin neden yaratıcı olmak için aşırıya kaçmasına gerek olmadığının iyi bir örneği olduğunu düşünüyorum. #6. La Moulade La Moulade web sitesi.
La Moulade sitesinin büyük bir hayranıyım çünkü bu site, aşırı olduklarını hissetmeden çok farklı web tasarım trendleri kullanıyor. Örneğin, içeriklerini sindirmeyi önleyen çok az kaos. Orada da eğlenceli animasyonlar var. Bununla birlikte, bu makalenin amacı için, La Moulade geometrik bir şekil aldı ve retro bir nüans yaratmak için kullandı. 90 derecelik keskin açı her yerde bulunabilir, ancak hareket etmeye devam ederler ve beklediğiniz gibi her zaman paralel değildirler. #7. Laccasitus Lacca. Lacca’nın site tasarımlarıyla yaptıklarında gerçekten hiçbir şey yok, ancak her yerde serin geometrik şekil örnekleri bulacaksınız. Örneğin logolarıyla başlayın. “A” adlı “A” mektubu aslında bir üçgen olarak düzenlenmiştir. Tüm stil yazı tipi başlıkları aslında geometrik de onlara benzer. Ve bu web sitesi, farklı yönlerden gelen tüm farklı formlar olan bir dizi dikdörtgenden oluşur. #8. Mokhtar Saghafi
UI/UX MOKHTAR SAGHAFI Designer web sitesi. Bu, Rhombus’u ilk tercihlerinin geometrik bir formu olarak kullanan bir web sitesinden bulduğum ilk örnek ve hoşuma gidiyor. Mokhtar Saghafi bir UI/UX tasarımcısıdır, bu yüzden sitesini oluşturmak için kullanılan daha az yaygın bir form seçmesi veya o zaman Ciluk Ba unsuru olarak kullanması şaşırtıcı değildir. #9. WPMU Dev
Home Dev WPMU birçok şekil gösterir. WPMU dev web sitesinin geometrik rakamlar kullandığını fark eden var mı? Dahili sayfanın içinde, çoğu video, resim ve bilgi kutuları tutan dikdörtgenlerden oluşur. Ancak, ana sayfa geometrik yerleri gerçekten parlıyor. Bu ilk kez trapezoid kullanan bir web sitesi gördüm ve bu çok iyi! Her trapezoid kutusu sadece bir sonrakinin hemen üstünde değil, her birinin kendine özgü bir rengi vardır, bu yüzden nerede olduğunuz veya ne gördüğünüz hakkında asla kafanız karışmaz. Sarma geometrisi doğa dahil her şeyde bulunabilir. Altıgen arı kovanı arı kovanı tasarımı gibi bir şey düşünün. Günlük yaşamda bulunan doğal yapılandırılmış unsurları almak ve onları dijital dünyamıza taşımak istiyorsak mantıklıdır. İzleyicilerimiz onları hemen tanıyor (tasarıma ne kadar ince olduklarına bakılmaksızın) ve tek kelime etmeden web siteniz hakkında birçok şeyi aktarabilecek güçlü bir sembolizme sahipler. Sizce geometrik tasarımın güncel olmayacağını düşünüyor musunuz? Neden veya neden olmasın?
Etiket: tasarım
geometrik şekil geometri
organizasyon simetri