$\require{mediawiki-texvc}$

연합인증

연합인증 가입 기관의 연구자들은 소속기관의 인증정보(ID와 암호)를 이용해 다른 대학, 연구기관, 서비스 공급자의 다양한 온라인 자원과 연구 데이터를 이용할 수 있습니다.

이는 여행자가 자국에서 발행 받은 여권으로 세계 각국을 자유롭게 여행할 수 있는 것과 같습니다.

연합인증으로 이용이 가능한 서비스는 NTIS, DataON, Edison, Kafe, Webinar 등이 있습니다.

한번의 인증절차만으로 연합인증 가입 서비스에 추가 로그인 없이 이용이 가능합니다.

다만, 연합인증을 위해서는 최초 1회만 인증 절차가 필요합니다. (회원이 아닐 경우 회원 가입이 필요합니다.)

연합인증 절차는 다음과 같습니다.

최초이용시에는
ScienceON에 로그인 → 연합인증 서비스 접속 → 로그인 (본인 확인 또는 회원가입) → 서비스 이용

그 이후에는
ScienceON 로그인 → 연합인증 서비스 접속 → 서비스 이용

연합인증을 활용하시면 KISTI가 제공하는 다양한 서비스를 편리하게 이용하실 수 있습니다.

UX/UI 아이콘 디자인 요소로서 특수 문자 체계 연구
A Study on the Special Characters as UX/UI Icon Design Elements 원문보기

디지털융복합연구 = Journal of digital convergence, v.19 no.5, 2021년, pp.397 - 405  

송재연 (서울과학기술대학교)

초록
AI-Helper 아이콘AI-Helper

본 연구의 목적은 UX/UI 디자인에서 아이콘 요소로 활용되고 있는 특수 문자의 체계를 정리하여, 명확하지 않은 사용 규정에 대한 개선 방향의 근거를 마련하는 것이다. 목적을 달성하기 위한 연구 방법으로 UX/UI 디자인과 특수 문자의 이론적 배경을 고찰하고, 특수 문자와 UX/UI 디자인의 연관성 및 당위 과제를 발견하였다. 그리고 사례연구로 기업의 UX/UI 아이콘 디자인 가이드라인에서 활용되고 있는 특수 문자의 체계를 정리하여 연구 결과를 도출하였다. 분석 결과, UX/UI에서 활용되고 있는 특수 문자 종류는 도형 문자, 수학 기호, 문장 부호, 괄호였다. 그리고 분석사례에서 공통으로 빈번하게 사용되는 특수 문자는 ▶, ♥, ★, ○, ⊙, +, ×, ⋯ 였고, 이에 대한 사용 체계를 정리하여 표준화 근거 자료로 제시하였다. 본 연구의 자료가 특수문자 체계화에 관한 연구의 관심도를 높이는 데 기여하고, 향후 기준의 틀을 마련하는 데 도움이 되기를 기대한다.

Abstract AI-Helper 아이콘AI-Helper

The purpose of this study is to organize the system of special characters as UX/UI icon design elements, thus laying the groundwork for improvement direction for unclear use regulations. This study examines the theoretical background of UX/UI design and special characters and discovers UX/UI design ...

주제어

표/그림 (12)

참고문헌 (22)

  1. P. Kahn & K. Lenk. (1998). Design: Principles of Typography of User Interface. Interactions, 5(6). 15-29. DOI: 10.1145/28781.287825 

  2. S. Hellweger et al. (2014). The Contemporary Understanding of User Experience in Practice. Free University of Bolzano. DOI: 10.6084/m9.figshare.1319577 

  3. J. J. Garrett. (2001). The Elements of User Experience. AIGA. p. 33. 

  4. Interaction Design Foundation. (n.d.). User Experience (UX) Design. Interaction Design Foundation. https://www.interaction-design.org/literature/topics/ux-design 

  5. Usability.gov. (n.d.). User Interface Design Basic.. https://www.usability.gov/what-and-why/user-interface-design.html 

  6. M. P. Couper et al. (2001). Web Survey Design and Administration. Public Opinion Quarterly, 65(2). 230-253. 

  7. Go Global Developer Center. (n.d.). Use of Unicode. Microsoft. http://msdn.microsoft.com/ko-kr/goglobal/bb688113 

  8. I. S. Lee (1996). Korean Punctuation's Function. Korean Language and Literature. 21(0). 19-40. 

  9. J. S. Seo et al. (1996). A Study on the Survey and Standardization of Publication Forms and Sentences. Seoul :Korean Language Information Science Society. 

  10. National Institute of Korean Language. (2014). A Collection of Punctuation Statements. Seoul :National Institute of Korean Language. p. 3. 

  11. S. Yi. (2012). Korean punctuation marks from various perspectives of Korean linguistics. Journal of Korean Linguistics. 62. 185-215. DOI : 10.15811/jkl.2012..64.007 

  12. S. H. Lee. (2006). A Study on Korean Punctuation Analysis of The Usages. The Academy for Korean Language Education. 74(0). 225-268. DOI : 10.15811/jkl.2012..64.007 

  13. Creative Bloq Staff. (2014. 2. 28). The Designer's Guide to Special Characters. Creative Bloq. https://www.creativebloq.com/typography/special-characters-121310119 

  14. J. Robinson. (2020. 1. 13). The UX of Punctuation. Planet. https://uxplanet.org/the-ux-of-punctuation-part-1-period-comma-colon-semicolon-ac8f35d34e5 

  15. N. Awili. (2018. 6. 11). Punctuation in Design. Prototypr.io. https://blog.prototypr.io/full-stop-in-headers-9a991c0f79df 

  16. USWDS. (n.d.). Icon. U.S.Web Design System. https://designsystem.digital.gov/components/icon/ 

  17. D. H. Kim. (2011). Translation of punctuation marks. Seoul : Hankook Publishing House. 

  18. M. J. Noh. (2013). A study on formative system of Hangeul punctuation mark. Master dissertation. Hongik University, Seoul. 

  19. Apple. (n.d.). System Icons(iOS and Earlier). Human Interface Guidlines. https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/system-icons/ 

  20. Google. (n.d.). System Icons. Material. https://fonts.google.com/icons?selectedMaterial+Icons 

  21. Microsoft. (n.d.). Fluent UI Icons. Fluent UI. https://developer.microsoft.com/en-us/fluentui#/styles/web/icons 

  22. K. W. Lee & H. W. Son. (2016. 1. 3). GSIS Glossary. Naver. https://terms.naver.com/entry.naver?docId3482948&cid58439&categoryId58439 

관련 콘텐츠

오픈액세스(OA) 유형

BRONZE

출판사/학술단체 등이 한시적으로 특별한 프로모션 또는 일정기간 경과 후 접근을 허용하여, 출판사/학술단체 등의 사이트에서 이용 가능한 논문

이 논문과 함께 이용한 콘텐츠

저작권 관리 안내
섹션별 컨텐츠 바로가기

AI-Helper ※ AI-Helper는 오픈소스 모델을 사용합니다.

AI-Helper 아이콘
AI-Helper
안녕하세요, AI-Helper입니다. 좌측 "선택된 텍스트"에서 텍스트를 선택하여 요약, 번역, 용어설명을 실행하세요.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.

선택된 텍스트

맨위로