BibTex RIS Cite

-

Year 2014, Issue: 12, 85 - 91, 01.07.2014
https://doi.org/10.17484/yedi.29098

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

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

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

Year 2014, Issue: 12, 85 - 91, 01.07.2014
https://doi.org/10.17484/yedi.29098

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.

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
There are 15 citations in total.

Details

Primary Language Turkish
Journal Section Araştırma Makaleler
Authors

Özgür Alican This is me

Publication Date July 1, 2014
Submission Date January 16, 2015
Published in Issue Year 2014 Issue: 12

Cite

APA Alican, Ö. (2014). Esnek Web (Responsive Web) Sitesi Tasarımında Tipografi Sorunları. Yedi(12), 85-91. https://doi.org/10.17484/yedi.29098

18409

This work is licensed under a Creative Commons Attribution 4.0 International License.