Geometrik \u015fekiller yukar\u0131da bahsetti\u011fim \u015fekillerde kullan\u0131labilir:<\/p>\n
- \n
- Gezinme \u00f6\u011feleri;<\/li>\n
- Bile\u015fenleri \u00e7er\u00e7eveleme;<\/li>\n
- Sitenin par\u00e7alar\u0131ndan olu\u015fan g\u00f6rsel aksan.<\/li>\n<\/ul>\n
Sizler di\u011fer geometrik \u015fekilleri \u00f6zg\u00fcn efekt olarak olu\u015fturabilirsiniz, bir fig\u00fcr kendisi gibi tasar\u0131mlara uygulanabilir veya bu kar\u0131\u015f\u0131kl\u0131\u011f\u0131 fark edebilirsiniz. Tasar\u0131m \u015firketleri keskin a\u00e7\u0131lar\u0131 kullanarak bunlara ola\u011fan \u00fcst\u00fc g\u00f6r\u00fcn\u00fcmler vermektedir. Yayg\u0131n olarak ilerlemi\u015f sitelerde kullan\u0131lan temiz kesilmi\u015f kenarlar genellikle teknoloji ile ili\u015fkilendirilir.<\/p>\n
Web Sitesi Geometrisi - \u015eimdi ve Sonras\u0131<\/h3>\n
Web sitesi tasar\u0131mlar\u0131nda sadece bu \u015fekillerden faydalanmak yerine \u00e7izim ara\u00e7lar\u0131 ile bunlar\u0131n \u00fczerinde oynamalar yaparak b\u00fcy\u00fck bir ilgi uyand\u0131rabilirsiniz. Bu kuvvetli dinamikleri ve hareketler ileti\u015fim ile ili\u015fkilendirilebilir, bu basit \u015fekillerin yetene\u011finden kaynaklanmaktad\u0131r. Geometrik web tasar\u0131m modernizm ile ilgili olarak b\u00fcy\u00fck ilgi uyand\u0131rmaktad\u0131r. Her y\u0131l geometrik reklamlar son derece pop\u00fcler olarak bir art\u0131\u015f g\u00f6stermektedir.\u00a0Metro sitili (\u00c7e\u015fitli ebat ve renklerde kullan\u0131lan basit kareler) 2013 y\u0131l\u0131nda pop\u00fcler olmu\u015ftur, \u00a02013 y\u0131l\u0131nda dairesel tasar\u0131m elemanlar\u0131, 2011 y\u0131l\u0131nda \u00e7apraz tasar\u0131m \u00f6\u011feleri, Paralaks web siteleri 2011 y\u0131l\u0131nda yayg\u0131n olarak kullan\u0131lan web sitelerinin ba\u015f\u0131nda gelmektedir.\u00a0<\/em><\/p>\n
Hepimiz bir \u00e7ok tasar\u0131m\u0131 netlik ve basitlik olmas\u0131 ad\u0131na \u00e7al\u0131\u015fmalarda bulunuyoruz, bug\u00fcn geometrik \u015fekilleri do\u011fru anlamda kullanan site \u00f6rneklerini inceleyece\u011fiz. Onlar k\u0131sa ve \u00f6z forum i\u00e7erikleri ve d\u00fczenleri iyi tasarlanm\u0131\u015f ve organize d\u00fczenleri olu\u015fturmak ad\u0131na son derece ilham verici ve olduk\u00e7a iyi g\u00f6r\u00fcn\u00fcyor.<\/p>\n
Basit a\u00e7\u0131sal ve dairesel formlar\u0131 ile geometrik web tasar\u0131m \u00f6rneklerini incelemenizi tavsiye ederim. G\u00f6zlemleyebilece\u011finiz gibi olduk\u00e7a basit, yarat\u0131c\u0131 ve g\u00fczel g\u00f6r\u00fcn\u00fcyorlar. \u00a0Keyfini \u00e7\u0131kar\u0131n!<\/p>\n
Alt\u0131gen<\/b><\/span><\/center>
\nTasar\u0131mlar\u0131n bir \u00e7o\u011fu 2013 y\u0131l\u0131nda alt\u0131gen \u00e7izimlere d\u00f6nd\u00fc. Bu dairesel web tasar\u0131mlar\u0131ndan sonra ortaya \u00e7\u0131kan yeni bir \u015fekil olarak geldi. Web sitelerinin olduk\u00e7a taze ve g\u00f6z al\u0131c\u0131 oldu\u011funu s\u00f6yleyebiliriz. Bu geometrik \u015feklin psikolojisi\u00a0hakk\u0131nda konu\u015fmak gerekirse, alt\u0131gen bilimsel ve matematiksel k\u00f6kenini korumaktad\u0131r ayn\u0131 zamanda do\u011fa ile g\u00fc\u00e7l\u00fc bir \u015fekilde ili\u015fkilendirilebilir. Web tasar\u0131m\u0131n\u0131n g\u00fcc\u00fc, esneklik ve \u00fcst\u00fcn teknolojiler ile ili\u015fkilendirilebilir.<\/p>\nBigBangWP<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/BigBangWP.jpg?9d7bd4\")
<\/a><\/p>\n***<\/center> <\/p>\n Passeig de Gracia<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Passeig-de-Gracia.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Kinder Fotografie<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Kinderfotograaf.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Webey Web Design<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Webey-Web-Design.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n AmplifiQ<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/AmplifiQ.jpg?9d7bd4\")
<\/a><\/p>\nK\u00f6\u015fegen<\/b><\/span><\/center> <\/p>\n \u0130\u00e7erik d\u00fczenlemek i\u00e7in dikey ve yatay \u00e7izgiler kullan\u0131labilir, \u00a0standart \u0131zgaralar herhangi bir sitede iyi yap\u0131land\u0131r\u0131labilir ve dade bir g\u00f6r\u00fcn\u00fcm elde edilebilir. \u00a0K\u00f6\u015fegen d\u00fczenler sitenin g\u00f6r\u00fcn\u00fcm\u00fcmde taze bir hava katt\u0131\u011f\u0131n\u0131 s\u00f6yleyebilmemiz m\u00fcmk\u00fcn. \u00c7apraz \u00e7izgiler ba\u015fka bir deyi\u015fle bir sitede kullan\u0131lmas\u0131 halinde izleyicilerin g\u00f6zlerini \u00e7ekmek i\u00e7in iyi bir yoldur, ziyaret\u00e7iler \u00f6zg\u00fcr hissederek klasik d\u00fczen gerginli\u011finden kurtulacaklard\u0131r. Son karakteristik \u00e7e\u015fitli yarat\u0131c\u0131 st\u00fcdyolar bu tasar\u0131mlar\u0131 kullanarak onlar\u0131 olduk\u00e7a pop\u00fcler hale getirdi. A\u015fa\u011f\u0131daki baz\u0131 \u00f6rneklere g\u00f6z atarak k\u00f6\u015fegen \u00e7izimlerin do\u011fal navigasyon ve i\u00e7eriklerinin nas\u0131l yap\u0131lmas\u0131 konusunda fikir sahibi olabilirsiniz.<\/p>\n
Wixel<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Wixel.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Small Multiples<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Small-Multiples.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n EDP Renovaveis<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/EDP-Renovaveis.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Cinqfinch<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Cinqfinch.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Lacca<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Lacca.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Hyundai Veloster<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Hyundai-Veloster.jpg?9d7bd4\")
<\/a><\/p>\n\u00c7okgenler<\/b><\/span><\/center> <\/p>\n En az \u00fc\u00e7 taraf\u0131 kapal\u0131 ve farkl\u0131 a\u00e7\u0131lar\u0131 bulunan herhangi bir kapal\u0131 \u015fekle \u00e7okgen denir. D\u00fczenli, d\u00fczensiz, basit, karma\u015f\u0131k\u00a0<\/em>\u2013 olanlar \u00e7e\u015fitleridir. Bu heyecan verici geometrik \u015fekil sitili yayg\u0131n olarak web sitesi tasar\u0131mlar\u0131nda kar\u015f\u0131m\u0131za \u00e7\u0131kabilmektedir, b\u00fcy\u00fck \u00f6l\u00e7\u00fcde Photoshop \u00e7izimleri (g\u00f6rsel a\u00e7\u0131dan etkili unsurlar\u0131 olu\u015fturmak ad\u0131na) ile olu\u015fturularak kullan\u0131lmaktad\u0131r. tasar\u0131mc\u0131lar kendi eserlerinden baz\u0131lar\u0131n\u0131 orijinal dokunu\u015flar eklemek i\u00e7in zaman zaman bu \u00e7okgenleri kullanmaktad\u0131rlar.<\/p>\n
Dare with Us<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Dare-with-Us.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Mokhtar Saghafi<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Mokhar-Saghafi.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n The Brave<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/The-Brave.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Vagrant<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Vagrant.jpg?9d7bd4\")
<\/a><\/p>\nE\u015fkenar D\u00f6rtgen<\/b><\/span><\/center> <\/p>\n D\u00f6rtgen elemanlara ayr\u0131ca elmasta denilebilir. Onlar ayr\u0131 \u00f6\u011feler olarak d\u00fczen i\u00e7inde uygulanan \u00e7apraz \u015fekilde birbirlerine ba\u011flanabilir. \u00dc\u00e7gen gibi geometrik \u015fekiller, \u00e7izgiler, alt\u0131genler genellikle bu t\u00fcr tasar\u0131mlara rhombuses \u00a0e\u015flik etmektedir. Onlar tasar\u0131mlara \u00e7a\u011fda\u015f bir katk\u0131da bulunurlar.<\/p>\n
Darman<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Darman.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Jessica Caldwell<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Jessica-Caldwell.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Paseo de Gracia<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Paseo.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Neo Lab<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Neo-Lab.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Mindworks Interactive Agency<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Mindworks-Interactive-Agency.jpg?9d7bd4\")
<\/a><\/p>\nDaireler<\/b><\/span><\/center> <\/p>\n \u0130lk insan bulu\u015flar\u0131ndan biri olan daire tan\u0131nan bir simge haline gelmi\u015ftir. \u00a0Bu birlik, b\u00fct\u00fcnl\u00fck, sonsuzlu\u011fa \u00e7a\u011fr\u0131 yapar ve ona bakmak ger\u00e7ekten ho\u015ftur. Daireler etkili bir sitenin se\u00e7ilen unsurlar\u0131n\u0131 vurgulayarak bas\u0131n alanlar\u0131n\u0131 i\u015faret ederek izleyicinin ilgisini yakalayabilmektedir. Siz ikonlarda, logolarda, minik g\u00f6r\u00fcnt\u00fclerde, sosyal medya \u00fczerinde ve farkl\u0131 alanlarda bu butonlara rastlayabilirsiniz.<\/p>\n
BKWLD<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/BKWLD.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Cultural Solutions<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Cultural-Solutions.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Web Species<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Web-Species.jpg?9d7bd4\")
<\/a><\/p>\n\u00dc\u00e7genler<\/b><\/span><\/center> <\/p>\n \u00dc\u00e7genler tasar\u0131m\u0131n en g\u00fc\u00e7l\u00fc \u015fekilleri olarak kabul edilir. \u0130zleyicilerin odaklanmas\u0131 gereken herhangi zor bir kompozisyonu odaklanabilmesi i\u00e7in daha g\u00fc\u00e7l\u00fc k\u0131labilirsiniz. Tasar\u0131mlar onlar\u0131n temiz kenarl\u0131 varl\u0131\u011f\u0131 ile modern ya da\u00a0f\u00fct\u00fcristik y\u00f6nlendirme i\u00e7in kullan\u0131labilir. Bir s\u00fcre \u00f6nce onlar sivri kenarlar\u0131 olmadan tasar\u0131mlara dahil edilir ve bunun \u00fcst\u00fcne bir \u00e7ok tasar\u0131mc\u0131n\u0131n e\u011filimi bulunmaktayd\u0131. Hala baz\u0131 tasar\u0131mlarda bahsetti\u011fim bu \u00f6rneklere rastlaman\u0131z m\u00fcmk\u00fcn olacakt\u0131r.<\/p>\n
Bu daha s\u0131kl\u0131kla di\u011fer karma\u015f\u0131k geometrik \u015fekillerin bir par\u00e7as\u0131 olarak onlar\u0131 g\u00f6rebilmemiz m\u00fcmk\u00fcn olabilir, bunlara baz\u0131 \u00f6rnekler bulabilmek ger\u00e7ekten zor. (E\u015fkenar d\u00f6rtgen, kare, \u00e7okgen.)<\/p>\n
Douglas Menezes Design<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Douglas-Menezes-Design.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Yuna Kim<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Yuna-Kim.jpg?9d7bd4\")
<\/a><\/p>\nDi\u011ferleri<\/b><\/span><\/center> <\/p>\n tasar\u0131mlarda kullan\u0131lan di\u011fer geometrik \u015fekiller aras\u0131nda zigzaglar, baloncuklar ve trapezleri bulabilirsiniz. Tasar\u0131m\u0131n ana unsurlar\u0131 olarak bu a\u00e7\u0131sal formlar\u0131n varl\u0131\u011f\u0131 bir site di\u011ferlerine g\u00f6re daha \u00f6nde ve modern bir g\u00f6r\u00fcn\u00fcm ve biraz\u00a0f\u00fct\u00fcristik sa\u011flamaktad\u0131r.<\/p>\n
Arnaud Beelen<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Arnaud-Beleen.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Loxageek<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Loxageek.jpg?9d7bd4\")
<\/a><\/p>\n* * *<\/center> <\/p>\n Fifteen Robin<\/a><\/p>\n
![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Fifteen-Robin.jpg?9d7bd4\")
<\/a><\/p>\n![\"Geometric](\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2014\/01\/Sunera.jpg?9d7bd4\")
<\/a><\/p>\n