Abstract
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
References
- Ç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
Abstract
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 ilgili
herhangi bir yazılım sürecine ait herhangi bir örnek bu araştırma kapsamında belirtilmemiş, daha çok tasarım ilkeleri açısından
konuya yaklaşılmıştır. Bu süreçte, yazı karakteri tercihlerinden cihaz yelpazesine, fiziksel ekran ve cihaz tanımlarından
kullanı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ğerlendirmesi
ve esnek web tasarım sürecinde nelerin göz ününe alınması gerektiği aktarılmaya çalışılmıştır.
Keywords
References
- Ç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
Details
| Primary Language | Turkish |
|---|---|
| Journal Section | Araştırma Makaleler |
| Authors | |
| Publication Date | July 1, 2014 |
| Submission Date | January 16, 2015 |
| Published in Issue | Year 2014 Issue: 12 |
Cited By
INVESTIGATION OF TYPOGRAPHY USE AND FONT DESIGN IN VIRTUAL REALITY ENVIRONMENT
Turkish Online Journal of Design Art and Communication
https://doi.org/10.7456/tojdac.1510738
Evaluating the effects of responsive design on the usability of academic websites in the pandemic
Education and Information Technologies
Alaattin Parlakkiliç
https://doi.org/10.1007/s10639-021-10650-9
This work is licensed under a Creative Commons Attribution 4.0 International License.