Cedvel: Grid sistemi oluÅŸturmak artÄ±k Ã§ok kolay!
TasarÄ±mla uÄŸraÅŸan herkesin grid konusunda, 101 seviyesinde dahi olsa, bilgi sahibi olmasÄ± gerekir. Ä°ster bir smart tv arayÃ¼zÃ¼, ister logo, baskÄ± iÅŸi ya da bir web sitesi; ne tasarlarsanÄ±z tasarlayÄ±n her zaman bir grid sistemine baÅŸvurmanÄ±z kaÃ§Ä±nÄ±lmaz.
Bu yazÄ±da gridâ€™in nasÄ±l kullanÄ±lmasÄ± gerektiÄŸine iliÅŸkin detaylara girmeyeceÄŸim (belki baÅŸka sefere) ancak; doÄŸru, hÄ±zlÄ± ve kolay ÅŸekilde kendi grid sistemimizi oluÅŸturmamÄ±zÄ± saÄŸlayan bir uygulamayÄ± tanÄ±tmaya Ã§alÄ±ÅŸacaÄŸÄ±m.
TasarladÄ±ÄŸÄ±mÄ±z iÅŸe gÃ¶re kullanabileceÄŸimiz belli baÅŸlÄ± grid sistemleri mevcut. En kÃ¶tÃ¼ ihtimalle, kendi oluÅŸturduÄŸumuz bir grid iÃ§inde tasarÄ±mlarÄ±mÄ±zÄ± Ã¼retiyoruz.
Mevcut sistemler dÄ±ÅŸÄ±nda kendi oluÅŸturduÄŸumuz grid ile tasarÄ±m yapmak, Ã§alÄ±ÅŸtÄ±ÄŸÄ±mÄ±z projeyi dÃ¼ÅŸÃ¼nerek kurallarÄ± kendimiz belirlediÄŸimiz iÃ§in, biz tasarÄ±mcÄ±lara daha geniÅŸ bir Ã§alÄ±ÅŸma alanÄ± saÄŸlÄ±yor.
Ä°ÅŸte tam burada devreye artÄ±k Cedvel giriyor.
Bilgi Ãœniversitesiâ€™nde okurken benim de kendisinden bizzat ders aldÄ±ÄŸÄ±m hocam Fahri Ã–zkaramanlÄ±â€˜nÄ±n geliÅŸtirdiÄŸi Cedvel, en kÄ±sa tanÄ±mÄ±yla, kendi grid sisteminizi oluÅŸturmanÄ±zÄ± saÄŸlayan bir uygulama. Uygulama, benim iÃ§in farklÄ± bir yeri olsa da, sunduÄŸu servisin kalitesi nedeniyle dikkate deÄŸer. Tamamen tarayÄ±cÄ± Ã¼zerinden Ã§alÄ±ÅŸÄ±yor ki bu Ã§ok Ã¶nemli bir Ã¶zellik. UygulamanÄ±n ÅŸu an beta sÃ¼rÃ¼mÃ¼ne eriÅŸebiliyoruz. Bu nedenle verilen her geribildirim altÄ±n deÄŸerinde. Bir Ã¼rÃ¼nÃ¼n geliÅŸimine katkÄ± sunma fÄ±rsatÄ±nÄ± kaÃ§Ä±rmayÄ±n derim. ğŸ™‚
KullanÄ±cÄ± arayÃ¼zÃ¼ standart bir tasarÄ±m programÄ±ndan Ã§ok da farklÄ± olmadÄ±ÄŸÄ± iÃ§in kullanÄ±m zorluÄŸu yaratmÄ±yor. YaratacaÄŸÄ±nÄ±z kanvas Ã¼zerinde saÄŸda bulunan ayarlar sayesinde, oluÅŸturduÄŸunuz grid ile ilgili tÃ¼m deÄŸiÅŸikliÄŸi anlÄ±k olarak izleyebiliyorsunuz.
DikdÃ¶rtgenler, satÄ±rlar, sÃ¼tunlar
DikdÃ¶rgenler, grid sistemin temel taÅŸlarÄ±dÄ±r. Cedvel aracÄ±lÄ±ÄŸÄ±yla oluÅŸturacaÄŸÄ±nÄ±z dikdÃ¶rtgen iÃ§inde boyut ve kenar boÅŸluklarÄ± Ã¶zellikleri ile yavaÅŸ yavaÅŸ gridiniz ortaya Ã§Ä±kmaya baÅŸlÄ±yor. SatÄ±r ve sÃ¼tunlarÄ±n geniÅŸlik ile yÃ¼kseklik ayarlarÄ±nÄ± dilediÄŸiniz gibi belirleyebiliyorsunuz.
HiyerarÅŸik (iÃ§ iÃ§e geÃ§en) satÄ±rlar ve sÃ¼tunlar
SatÄ±r ve sÃ¼tunlarÄ± katmanlar panelinden ayrÄ± ayrÄ± seÃ§ebilir ve daha fazla satÄ±r ve sÃ¼tuna bÃ¶lebilirsiniz. Yine bu panelden tek satÄ±r veya sÃ¼tun Ã¶zelinde ayarlarÄ± deÄŸiÅŸtirebilirsiniz.
Taban Ã§izgisi, gÃ¶rsel satÄ±rÄ± ve kare gridler
Grid iÃ§in oluÅŸturduÄŸunuz dikdÃ¶rtgenleri 3 farklÄ± gÃ¶sterim ÅŸeklinde ayarlayabilirsiniz. Taban Ã§izgisi (baseline), gÃ¶rsel satÄ±rÄ± (image) ve dikdÃ¶rtgen (rectangular) gÃ¶rÃ¼nÃ¼mlerden dilediÄŸinizi etkinleÅŸtirdikten sonra, gridâ€™lerin her birinin Ã§izgi stillerini, deÄŸerlerini ve renklerini de tekil olarak Ã¶zelleÅŸtirebilirsiniz.
PNG ve SVG formatÄ±nda kaydedebilme
HazÄ±rladÄ±ÄŸÄ±nÄ±z grid sistemini ÅŸu an iÃ§in PNG veya SVG formatlarÄ±nda bilgisayarÄ±nÄ±za indirerek kaydedebilirsiniz. Gridâ€™inizi SVG olarak indirebilmeniz iyi bir olanak. BÃ¶ylece vektÃ¶r tabanlÄ± olarak istediÄŸiniz yerde kullanabilir ve dÃ¼zenleyebilirsiniz.
Cedvelâ€™in gelecekteki sÃ¼rÃ¼mlerinde daha Ã§ok formatÄ±n desteklemesinin planlar arasÄ±nda olduÄŸu bilgisini de paylaÅŸayÄ±m.
Daha fazla Ã¶zellik iÃ§in Cedvelâ€˜i ziyaret edebilirsiniz.
Cedvel ayrÄ±ca kullanÄ±cÄ±larÄ±na tipografi ve grid sistemleri ile ilgili kitaplar Ã¶neriyor. Ã‡ok tatlÄ± deÄŸil mi? ğŸ™‚ Ã–nerilen kitaplarÄ±n listesi ise ÅŸÃ¶yle:
The Typographic Grid, Hans Rudolf Bosshard
Grid Systems: Principles of Organizing Type, Kimberly Elam
Typography: Macro + Microaesthetics, Willi Kunz
Typography: Formation + Transformation, Willi Kunz
Typographie: A Manual of Design, Emil Ruder
Alphabets, Wim Crouwel
Yine Fahri Ã–zkaramanlÄ± iÅŸlerinden biri olan Wordmark.it projesini bu yazÄ±ya bonus olarak eklemek istedim.
Wordmark.it; yazdÄ±ÄŸÄ±nÄ±z metnin, bilgisayarÄ±nÄ±zda yÃ¼klÃ¼ mevcut fontlarla gÃ¶sterimlerini listeleyen ve filtreleyerek karÅŸÄ±laÅŸtÄ±rmanÄ±zÄ± saÄŸlayan bir servis. TÃ¼m hÃ¼nerlerinden faydalanmak iÃ§in Ã¼ye olmanÄ±z gerekiyor. Cedvelâ€™i inceledikten sonra Wordmark.it projesine de kesinlikle gÃ¶z atmanÄ±zÄ± tavsiye ediyorum.