Esnek Web (Responsive Web) Sitesi Tasarımında Tipografi Sorunları

Bu araştırma, yeni nesil web yazılım yaklaşımı olan ‘Esnek (Responsive) Web’ özelinde tipografi yaklaşımlarını irdelemeküzere yapılmıştır. Araştırma konusu, tarayıcılardan bağımsız şekilde irdelenmiştir. Arayüz ve yazı karakteri tanımları ile ilgiliherhangi bir yazılım sürecine ait herhangi bir örnek bu araştırma kapsamında belirtilmemiş, daha çok tasarım ilkeleri açısındankonuya yaklaşılmıştır. Bu süreçte, yazı karakteri tercihlerinden cihaz yelpazesine, fiziksel ekran ve cihaz tanımlarındankullanım alışkanlıklarına, farklı etkenler araştırılmıştır. Bu incelemeler sonrasında kesin bir hükümden ziyade, bir durum değerlendirmesive esnek web tasarım sürecinde nelerin göz ününe alınması gerektiği aktarılmaya çalışılmıştır.

Anahtar Kelimeler:

-

This research aims to examine typographic approaches concerning ‘Flexible (Responsive) Web’, which is the new generation web software approach. The subject of this research does not cover the examination of browsers. Within the scope of this research, no references from any software processes and definitions of any interface or type fonts have been specified; rather, the subject is evaluated from the aspect of design rules. Various factors ranging from the font preferences to the device range; from the physical definitions to the usage habits have been studied within the process. As a result of these researches, a situation assessment and the elements to be taken into account in flexible web designing process have been tried to be conveyed rather than giving a definite judgment

Keywords:

Responsive, Flexible, Web, Typography, Adaptive, Liquid, Typeface Font,

PDF

___

Çatal, D. ve Kürşad, D. (2013). “Duyarlı (Responsive) Web Tasarımı”, Grafik
Tasarım Görsel İletişim Kültür Dergisi (56): 88-91. Hoober, S. ve Berkman, E. (2011) Designing Mobile Interfaces. San Fransisco: O’Reilly Media.
Sarıkavak, N. K. (2009). Çağdaş Tipografinin Temelleri. İstanbul: Seçkin.
Sarıkavak, N. K. (2005). Sayısal Tipografi 1. Ankara: Başkent Üniversitesi Yayınları. İnternet Kaynakları
Constantin, J. (2013, 17 Mayıs) Typographic design patterns and current practises (2013 Edition) [http://www.smashingmagazine.com/2013/05/17/ typographic-design-patterns-practices-case-study-2013/] Erişim Tarihi 18 Kasım 2013
Chelariu, R. (2013, 21 Mart) Responsive web design with physical units [ Ç e v r i m - i ç i : h t t p : / /m o b i l e . s m a s h i n g m a g a z i n e . com/2013/03/21/responsive-web-design-with-physical- units/] Erişim Tarihi 29 Kasım 2013
Chapman, C. (2012, 15 Ekim) A simple guide to responsive typography [ Ç e v r i m - i ç i : h t t p : / / w w w . w e b d e s i g n e r d e p o t . com/2012/10/a-simple-guide-to-responsive- typography/] Erişim Tarihi 29 Kasım 2013
Digitalbuzz, (2013, 1 Ekim) Infographic: 2013 Mobile Growth Statistics [Çevrim-içi: http://www.digitalbuzzblog.com/ infographic-2013-mobile-growth-statistics/] Erişim Tarihi 29 Kasım 2013
Hoffmann, A. (2009, 17 Eylül) [Çevrim-içi: http://almahoffmann. wordpress.com/2009/09/17/well-chosen-words- deserve-well-chosen-letters-hype-for-hope/ Erişim Tarihi 27 Kasım 2013
Klein, S. P. (2011, Ağustos) Achieving good legibility and readability on the web [Çevrim-içi: http://klepas.org/achieving-good-legibility- and-readability-on-the-web/] Erişim Tarihi 1 Aralık 2013
Reichenstein, O. (2012, 1 Haziran) Responsive Typography: The Basics [Çevrim-içi: http://ia.net/blog/responsive-typography- the-basics/] Erişim Tarihi 29 Kasım 2013
Sherman, N. (2013a, 22 Şubat) Font Hinting and the Future of Responsive Typography [http://alistapart.com/column/ font-hinting-and-the-future-of-responsive-typography] Erişim Tarihi 29 Kasım 2013
Sherman, N. (2013b, 4 Nisan) Responsive Typography is a Physical Discipline, But Your Computer Doesn’t Know It (Yet) [http://alistapart.com/column/responsive-typography- is-a-physical-discipline] 2013 Tarihi 29 Kasım
West, T. (2012, Ağustos) Building fluid grid layouts in Adobe Dreamweaver CS6 [Çevrim-içi: http://www.adobe.com/inspire/2012/08/ fluid-grid-layouts-dreamweaver-cs6.html] Erişim Tarihi 29 Kasım 2013
Wikipedia (2013, 23 Kasım) Bézier Curve [Çevrim-içi: http://en.wikipedia.org/wiki/B%C3%A9zier_ curve] Erişim Tarihi 2 Ocak 2014