Colors, Contrasts and Typography in the Design of ecourses
Janko Zufic, Ivan Pogarcic Department of Educational Sciences, Juraj Dobrila University of Pula & Zagrebacka 30, 52100 Pula, Croatia
Abstract: eCourse’s designers are facing great challenges related to readability and acceptable design. They need to
account for graphic elements like colors, contents and screen backgrounds, contrasts, typography, number of rows and
columns and also for type and place for every single element within the web page. This work discusses also elements of the
web pages that would enhance readability for users that suffer from certain visual disorders like dichromacy, i.e. its types like
deuteranopia (daltonism), protanopia and tritanopia.
Keywords: e-Course, Graphic Elements, Colors, Visual Disorders Colors, Contrasts and Typography in the Design of ecourses
References:[1] Tipografija. hr.wikipedia.org/wiki/Tipografija down load May 5th 2015
[2] Lynch, P. J., Horton, S. Web Style Guide: Basic Design Principles for Creating Web Sites, http://www. webstyleguide.com/
wsg3/index.html 2009. download May 5th 2015
[3] Lalovic, Z. Web pristupa nost, Specijalna biblioteka za slijepa i slabovidna lica Republike Srpske, Banja Luka, http://www.bsrs.rs/
sites/default/files/files/Veb_pristupacnost.pdf 2011. download May 5th 2015. In Serbian
[4] World Wide Web Consortium. What is CSS?, http://www.w3.org/standards/webdesign/htmlcss#whatcss 2010. download
May 5th 2015.
[5] 10 najveih grešaka u web dizajnu http://www. izradainternetstranica.net/dizajn_web_stranica/10_najvecih_gresaka.html In
Croatian
[6] Gutierrez, K. (2015). The eLearning Designer’s Most Important Decisions, SHIFT’s eLearning Blog, http://info.shiftelearning.
com/blog/bid/333029/The-eLearning-Designer-s-Most-Important-Decisions 2014. download May 5th 2015
[7] Zufic, J., Kalpic, D. (2011). Boja i efikasnije e-pou avanje, Metodi ki obzori - asopis za odgojno-obrazovnu teorijui praksu.4
(7-8), 57-72 Pula, 2011. (In Croatian)
[8] Richardson, R. T., Drexler, T. L., Delparte, D. M. (2014). Color and Contrast in E-Learning Design: A Review of the Literature
and Recommendations for Instructional Designers and Web Developers, MERLOT Journal of Online Learning and Teaching
10 (4) 657-670.
[9] Jones, H. (2015). The Principle of Contrast in Web Design, http://webdesignledger.com/tips/the-principle-ofcontrast-inweb-
design 2010. download May 5th 2015.
[10] Rogošic, V. (2003). Defective colour vision, Archives of Industrial Hygiene and Toxicology, 54, 141-144. Zagreb, 2003.
[11] Techniques For Accessibility Evaluation And Repair Tools - W3C Working Draft, (26 April 2000) http://www.w3.org/TR/
2000/WD-AERT-20000426download May 5th 2015
[12] Juri i, V. (2004). Pregled moguih problema s vidom i mogunosti rada na ra unalu, Faculty of Electrical Engineering and
Computing, University of Zagreb. 2004. In Croatian.
[13] WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities http://www.w3.org/WAI/
intro/people-use-web/Overview.html download May 5th 2015
[14] Web Accessibility Initiative http://www.w3.org/WAI/WCAG20/glance/ download May 5th 2015
[15] Turnbull, C. (2015). Design theory: Designing For, and As, a Color-Blind Person, http://webdesign.tutsplus.com/articles/
designing-for-and-as-a-color-blind-person—webdesign-3408 2011. downloaded May 5th 2015.
[16] Xin Bei, V., Chan, Goh Shi Min, S., Tan Ngiap Chuan. (2014). Subjects With Colour Vision Deficiency In The Community:
What Do Primary Care Physicians Need To Know?. Asia Pacific Family Medicine 13, 1-20.
