>
KEND─░N─░ GEL─░┼×T─░R

Tasar─▒mda leke ve denge

Bir tasar─▒m─▒n en hassas noktas─▒ leke ve dengedir. E─čer ba┼člang─▒├žta bu iki noktay─▒ g├Âz ard─▒ ederseniz, sonu├žta elde edece─činiz i┼č pekte ba┼čar─▒l─▒ olmayacakt─▒r.

ÔÇťAppleÔÇÖ─▒n sitesi gibi olsun istiyoruzÔÇŁ son d├Ânemde tasar─▒mc─▒lar─▒n m├╝┼čterilerinden s─▒k s─▒k duydu─ču bir c├╝mle oldu. Proje ba┼člang─▒c─▒nda payla┼č─▒lan referans ve ├Ârnek siteler aras─▒nda www.apple.comÔÇÖu g├Âr├╝nce bir tasar─▒mc─▒ olarak genelde ┼ča┼č─▒r─▒yorum. Tabii ┼ča┼č─▒rmakla kalmay─▒p bu talebin nedenlerini de d├╝┼č├╝nmek laz─▒m. M├╝┼čteriler neden i├žerik a├ž─▒s─▒ndan hi├žbir benzerlik olmamas─▒na ra─čmen kendi ├╝r├╝n ya da hizmetleri i├žin AppleÔÇÖ─▒n web sitesini ├Ârnek listesine al─▒yor?

Apple web sitesini genel olarak inceleyelim: Metin kullan─▒m─▒ a├ž─▒s─▒ndan olduk├ža sade ve a─č─▒rl─▒kl─▒ g├Ârsellerin yer ald─▒─č─▒ bir yap─▒ mevcut. E─čer g├Ârselleri siteden ├ž─▒kar─▒rsak geriye sadece koca bir bo┼čluk ve birka├ž metin kal─▒yor. Bu haliyle pek de ├žekici de─čil do─črusu.

ÔÇŹ


Tasar─▒mda leke ve denge ba┼čl─▒kl─▒ bir yaz─▒ya, g├Ârsel kullan─▒m─▒n─▒n bu kadar ├Ânemli oldu─ču bir ├Ârnek ile giri┼č yapmam─▒n elbette bir sebebi var. Birazdan detaylar─▒n─▒ a├žmaya ├žal─▒┼čaca─č─▒m; Apple web sitesi ├Ârne─činde de g├Ârd├╝─č├╝m├╝z; lekeye g├Âre kullan─▒m─▒ g├Âz ard─▒ edersek ÔÇö ki leke, temel bir tasar─▒m ├Â─česi de─čildir ÔÇö tasar─▒m─▒ olu┼čturan iki temel ├Â─če g├Ârsel ve metin oldu─ču i├žin, leke kullan─▒m─▒ yanl─▒┼č olsa dahi bu iki ├Â─čeyi bar─▒nd─▒ran bir tasar─▒m da nihayetinde bir tasar─▒md─▒r (ve evet, ba┼čar─▒s─▒ epey tart─▒┼čmal─▒d─▒r).

Leke kavram─▒n─▒ net bi├žimde anlamak i├žin ├Ânce tasar─▒mda denge ve dolay─▒s─▒yla tasar─▒mda bo┼čluk konular─▒n─▒ a├žmak gerekir.

ÔÇŹ

Tasar─▒mda denge

Tasar─▒mda denge sadece g├Ârsellere de─čil; metin a─č─▒rl─▒─č─▒, renk se├žimi ve kullan─▒m─▒ gibi t├╝m ├Â─čelerin bir b├╝t├╝n olarak nas─▒l kullan─▒ld─▒─č─▒na ba─čl─▒d─▒r.

G├Âz bir ┼čeyi g├Ârd├╝─č├╝ zaman incelemeye en alt k─▒r─▒l─▒mdan, detaylardan ba┼člamaz. Bir kategori a─čac─▒n─▒ d├╝┼č├╝n├╝n; bu kategori a─čac─▒n─▒ a┼ča─č─▒dan yukar─▒ya de─čil, yukar─▒dan a┼ča─č─▒ya do─čru inceleriz. ─░lk ├Ânce b├╝t├╝n olarak g├Âr├╝r ve ana ba┼čl─▒ktan alt k─▒r─▒l─▒mlara do─čru ilerleriz. Bu, sadece dijital nesnelere de─čil, g├╝ndelik hayatta g├Âz├╝m├╝z├╝n g├Ârd├╝─č├╝ her nesneye yakla┼č─▒m─▒m─▒zda ge├žerli. Bir otomobili g├Ârd├╝─č├╝m├╝zde ├Ânce onu bir b├╝t├╝n olarak kavrar, sonra farlar─▒na, lastiklerine, i├žindeki koltu─čun kaplamas─▒na ya da motoruna kadar detayl─▒ olarak inceleriz.

Bu yakla┼č─▒m─▒ akl─▒m─▒z─▒n bir k├Â┼česinde tutal─▒m ve gelelim tasar─▒mda bo┼čluk kullan─▒m─▒na.

ÔÇŹ

Tasar─▒mda bo┼čluk

Zaman zaman benim de duydu─čum bir c├╝mle ile ilerleyelim: Arda Bey galiba sayfa biraz bo┼č kalm─▒┼č, buralar─▒ doldursak m─▒? (Doldurmad─▒.)

Tasar─▒mda bo┼čluk alanlar─▒, tasar─▒m─▒n─▒z─▒n nefes almas─▒n─▒ sa─člayan yegane alanlard─▒r. Nas─▒l her yeri beton binalar ile ├ževrelenen ┼čehirler insan─▒ bunalt─▒yor ve ye┼čil, bo┼č alanlara ihtiya├ž duyuyorsak; tasar─▒mda da bo┼č alanlara tasar─▒m─▒n nefes almas─▒ i├žin ihtiyac─▒m─▒z var.

Tekrar Apple web sitesi ├Ârne─čine d├Ânelim: Bu tasar─▒m─▒n bize do─črudan s├Âyledi─či ┼čey ├žok a├ž─▒k asl─▒nda; bo┼čluk k├Ât├╝ bir ┼čey de─čildir.

Bir tasar─▒mda oda─ča almak istedi─čimiz her ne ise (bu bir g├Ârsel ya da metin olabilir) ├ževresini doldurarak onu bo─čmamal─▒ ya da s─▒k─▒┼čt─▒rmamal─▒y─▒z. ─░┼čte bu bo┼čluklar sayesinde odakta olmas─▒n─▒ istedi─čimiz ┼čeyin ├Âne ├ž─▒kmas─▒n─▒ sa─člayabiliriz. Birbirinden farkl─▒ i├žerikleri ne kadar ├žok bir araya toplarsak bu, tasar─▒m─▒m─▒za ili┼čkin o denli negatif bir etki yarat─▒r.

Basit d├╝┼č├╝n├╝n ve yal─▒n olun. Dengeyi oturtmaya bo┼čluk ve kategorileme ile ba┼člay─▒n. Bunlara dikkat edilmesi halinde denge de zaten kendili─činden olu┼čacakt─▒r.

ÔÇŹ

G├Ârsel kullan─▒m─▒ ve leke

Daha anla┼č─▒l─▒r olmas─▒ i├žin lekeyi a─č─▒rl─▒k noktas─▒ olarak da ifade edebiliriz. Biraz daha somutla┼čt─▒rabilmek i├žin yine Apple web sitesi ├Ârne─či ile devam edelim.

Bu sitede dikkat ├žeken bir di─čer yakla┼č─▒m da ┼ču: G├Ârsellerin yaratt─▒─č─▒ leke bask─▒nl─▒─č─▒ nedeni ile daha fazla i├žerik kullan─▒m─▒na gerek kalmadan denge olu┼čturmak. Burada ├Ânemli olan ise g├Ârsel i├žeri─čin nas─▒l kullan─▒ld─▒─č─▒. G├Ârsellerin i├žindeki layout yerle┼čimleri ve renk se├žimleri ile tasar─▒m kullan─▒c─▒y─▒ do─čru/istenen ┼čeye ilk bak─▒┼čta odaklama konusunda olduk├ža ba┼čar─▒l─▒.

Bununla birlikte, ├Ârnek sitemizin tasar─▒m─▒ e─čer bir ├╝r├╝n├╝ ana leke olarak g├Âstermek istiyorsa, a─č─▒rl─▒k noktas─▒n─▒ ve dolay─▒s─▒yla kullan─▒c─▒n─▒n oda─č─▒n─▒ o y├Âne ├žekiyor. Kullan─▒c─▒ g├Ârselin geri kalan alan─▒na daha sonra y├Ânleniyor. Fakat e─čer g├Ârsel i├žinde bir metin yer al─▒yor ve dengeyi sa─člamak i├žin g├Ârsel sa─č alanda kullan─▒l─▒yorsa; metin sol alanda kullan─▒l─▒yor ve g├Ârselin olu┼čturdu─ču leke bask─▒nl─▒─č─▒ metin lekesi ile dengelenerek b├╝t├╝nl├╝k korunuyor. B├Âylece ilk bak─▒┼čta hem g├Ârseli bir b├╝t├╝n olarak alg─▒l─▒yoruz hem de metni okuyoruz.

ÔÇŹ

S├Âz├╝n ├Âz├╝;

G├Ârsel kullan─▒m─▒n─▒n ├Ânemi son d├Ânemde giderek daha ├žok fark edilir oldu. Ancak do─čru uygulanmad─▒─č─▒ takdirde ortaya epey ciddi s─▒k─▒nt─▒lar da ├ž─▒k─▒yor. Esas olan ┼ču; tasar─▒mda b├╝t├╝nl├╝─č├╝ sa─člamak t├╝m ├Â─čelerin birlikte ele al─▒nmas─▒na ba─čl─▒. Leke ve bo┼člu─čun dengesi, bu b├╝t├╝nl├╝kl├╝ yakla┼č─▒m─▒ uygulamay─▒ ba┼čarmakla; bu ba┼čar─▒ da belli ba┼čl─▒ tasar─▒m ilkelerine dikkat etmekle m├╝mk├╝n.

ÔÇŹ

K─▒ssadan hisse:

ÔÇŹ

*Bu yaz─▒ sherpa.blog i├žeri─činden al─▒nm─▒┼čt─▒r.

Arda Ar─▒can
Designer @Protein
toplulu─čumuza kat─▒lmaya haz─▒r m─▒s─▒n?
Slack grubumuza bekleriz

─░┼čin veya kendin i├žin mentorlar─▒m─▒zdan destek almak ister misin?