인터넷 접속환경을 고려한 공공기관 영문 웹사이트의 타이포그래피에 관한 연구
Study on the Typography of Government English Websites Considering Internet Access Environment
0
조회
0
다운로드
0
인용
0
참고문헌
키워드
초록
연구배경 외국인 관광객 이천만 시대를 대비하는 시점에서 그 도시의 많은 정보를 제공하는 공공기관 영문 웹사이트의 중요성은 점점 더 커지고 있지만, 웹디자이너의 영문 웹사이트 타이포그래피에 대한 이해가 부족하다. 그동안 국내에서 웹사이트의 한글 타이포그래피에 대해서 많은 연구와 실험이 있었지만, 영문 웹사이트의 타이포그래피에 대한 연구는 미흡한 실정이다. 연구방법 공공기관 영문 웹사이트의 타이포그래피에 대하여 웹사이트의 텍스트 구성(폰트, 색채, 정렬, 가독성)과 이를 웹사이트에서 구현하기 위한 기술적인 방법(HTML, 텍스트의 이미지화, CSS, 폰트 임베딩, 플래시와 Ajax)을 탐구하고자 한다. 국내 대도시 공공기관인 서울시, 부산시, 대전시 영문 웹사이트의 타이포그래피 활용사례에 대해 분석하고, 다양한 인터넷 접속환경에서의 영문 타이포그래피에 대한 활용방안을 모색하고자 한다. 연구결과 국내 공공기관 영문 웹사이트를 분석한 결과 텍스트를 이미지화하여 과다하게 사용하는 점, 텍스트 이미지의 파일용량, 대체 텍스트의 부재 등 대부분 비슷한 문제점들이 발견되었다. 이는 웹디자이너들이 방문자의 인터넷 접속환경을 고려하지 않고, 화려한 디자인 작업에만 치우친 결과이다. 결론 영문 웹사이트의 타이포그래피에 있어서 가장 고려해야 할 사항은 디자이너가 의도한 대로 웹사이트의 방문자가 볼 수 있느냐 이다. 영문 웹사이트의 경우 주요 방문객이 외국인 이라는 점에서 접속하는 나라의 초고속 인터넷 사용여부, 영문폰트의 소유여부, 주요 브라우저 등 그들의 인터넷 접속환경을 고려해야 할 것이다.
Abstract
Background The importance of the government English websites that provides information about the city is getting bigger, however, the web designers are not aware of the website's English typography. In the meantime, there have been many researches and experiments on the Korean typography of websites in Korea, but the study of typography in the English websites has been insufficient. Methods Study the visual representation(font, color, alignment, text block width and readability) and be implemented the technical methods(HTML, text image, CSS, font embedding, Flash and Ajax) of the typography on English websites. Also, analyze the government's English websites in south Korea. The purpose of this study is to analyze how to use typography of English websites and utilize English typography in various internet environments. Result In the case of government English websites in south Korea, most similar problems were found, such as excessive use of textual images, image file capacity, and lack of alternative text. This is a result of the web designers not focusing on the internet environment of the visitors, but on the brilliant design technique. Conclusion The most important consideration in the visual representation of English typography on websites is the websites are viewed by visitors same as the intention of the designers. In the case of the English websites, the major visitors are foreigners, so it is necessary to consider their internet environment such as the use of broadband Internet, the possession of English fonts and major browsers what they use mostly.
참고문헌 (29)
- 구달용, "웹 사용자 인터페이스 환경에서 한글 타이포그래피 활용에 관한 연구", 석사, 소프트웨어공학, pp.2001
- 김성빈, "디지털 폰트의 발전과정과 특징에 관한 연구", 석사, 시각디자인, pp.2006
- 김수정, "브랜드 개성을 나타내는 웹사이트 컬러에 관한 연구- Global Top Brands 중심으로 -", 한국색채학회논문집, 17(2), pp.1~13 (2003), 한국색채학회
- 김진희, "국내 포탈 웹 사이트에 나타난 유니버설 웹 디자인 수행 충실도 평가 연구", 석사, 디자인매니지먼트, pp.2008
- 김효영, "텍스트의 난이도 파악을 위한 가독성 정보의 시각화", 디지털디자인학연구, 12(2), pp.31~40 (2012), 한국디지털디자인학회[DOI]
- 노은희, "HTML5 서비스 품질이 스마트 러닝사용의도에 미치는 영향", 박사, pp.2015
- "대전시 영문 웹사이트" (2019)[URL]
- 부산관광실태조사, , 부산광역시청, ~ (2014)
- "부산시 영문 웹사이트" (2019)[URL]
- "서울시 영문 웹사이트" (2019)[URL]
- 신청우, "디지털 타이포그래피" (2003), 임프레스
- 안희영, "웹 환경에서 텍스트 표현 방식에 따른 가독성에 관한 연구 : 폭소노미를 중심으로", 석사, 디자인정보시스템, pp.2006
- 이종민, "웹 인터페이스 환경에서 타이포그래피 활용에 관한 연구", 석사, 영상예술학, pp.2001
- 이재익, "Web환경에서의 Kinetic Typography 커뮤니케이션 연구", 디지털디자인학연구, 4(1), pp.111~122 (2004), 한국디지털디자인학회
- "에어리얼" (2019)[URL]
- "웹색상" (2019)[URL]
- 원유홍, "타이포그래피 천일야화" (2004), 안그라픽스
- "웹 접근성 향상을 위한 국가표준 기술 가이드라인", 행정안전부, ~ (2009)
- 장정옥, "디지털 폰트와 캘리그래피가 결합된 책표지 타이포그래피 디자인에 관한 연구 : 연구 작품을 중심으로", 석사, 디자인·공예학과 시각디자인전공, pp.2013
- 정수화, "한글·영문활자의 시각적 통일성에 관한 연구 : 국내 기업 전용서체를 중심으로", 석사, 시각·브랜드패키지디자인전공, pp.2013
- "국내 웹브라우저 점유율" (2018)[URL]
- "CSS2 specification. Fonts, World Wide Web Consortium"[URL]
- Cullen, k., "Layout Workbook: A Real-World Guide to Building Pages in Graphic Design", pp.92~ (2005)
- "Readability Test Tool" (2019)[URL]
- "Browser Market Share Worldwide"[URL]
- "Helvetica vs. Aria l: Do You Know the Difference?" (2017)[URL]
- "Web Color"[URL]
- "Browser Support"[URL]
- "How to use typography in UI Design" (2017)[URL]
