• 제목/요약/키워드: web style guide

검색결과 9건 처리시간 0.028초

국내 대학 웹사이트에서 스타일 가이드의 필요성과 개발 사례 분석 (The Need for Web Style Guide and a case study of this the Development in the Domestic University Web sites)

  • 제형건;최인규
    • 디자인학연구
    • /
    • 제15권2호
    • /
    • pp.137-146
    • /
    • 2002
  • 초기부터 웹 디자인에서는 스타일 가이드의 필요성이 논의 되었다. 하지만 실제로 그것이 무엇인지, 어떻게 적용되어야 하는지는 구체적으로 알지 못하였다. 대부분의 웹 사이트들이 그저 비슷하다는 느낌을 주는 수준에 머무르고 있다. 국내에서는 기업의 경우, Cl(corporate identity)를 웹사이트에 적용하고자 하는 노력을 계속하고 더불어 웹 스타일 가이드에 대한 개발이 진행 중에 있다. 국내 대학의 경우는 대학의 무한 경쟁시대의 도래와 함께 대학홍보와 함께 인터넷 주이용자층인 10∼20대라는 것과 대학이 바로 그들의 주된 관심사이자 직접적인 구성원들임을 감안하여 웹사이트의 필요성과 중요성이 더욱 커지고 있다. 하지만 아직 UI(university identity)를 웹사이트에 적용하고자 하는 노력은 미흡한 실정이다. 그 방법론적인 사항으로 대학웹사이트의 특성상 그리고 경제적인 이유와 함께 웹 스타일 가이드의 개발이 시급하다. 본 연구는 웹 스타일 가이드에 대한 이해와 그 필요성을 높이고, 국내 대학 웹사이트에서 그 개발 방안을 살펴보고자 한다.

  • PDF

대학도서관 웹 스타일 가이드 개발에 관한 연구 (A Study on the Development of Academic Library Web Style Guide)

  • 이주현;이응봉
    • 정보관리학회지
    • /
    • 제22권2호
    • /
    • pp.103-124
    • /
    • 2005
  • 본 연구에서는 웹 스타일 가이드를 구축하고 있는 해외 5개 대학 도서관 웹사이트의 스타일 가이드를 분석한 후 국내 10개 지역거점대학 도서관의 웹사이트의 구성요소를 추출하여. 공통항목을 도출하였다. 그리고 도서관 웹사이트에 있어서의 사용성(usability)과 접근성(accessibility)에 관한 연구결과들을 적용하여 대학도서관 웹사이트의 전반적인 디자인 흐름에 대한 통일성과 규칙성을 발견하였고 이를 바탕으로 웹사이트에 일관된 시각적 아이덴티티(identity)를 부여하기 위한 요소인 대학도서관 웹 스타일 가이드 요소들을 제시하였다.

방송사 뉴미디어 스타일 가이드 제작에 관한 연구 (A Study on Production of Broadcasting New Media Style Guide)

  • 김경윤;정회경
    • 디지털융복합연구
    • /
    • 제12권9호
    • /
    • pp.379-385
    • /
    • 2014
  • 언제 어디서든 끊어짐이 없이 콘텐츠를 이용할 수 있는 클라우드 컴퓨팅(Cloud Computing)기술로 인해 본격적인 N스크린 시대가 열렸다. 이에 따라 방송업계에서는 방송 콘텐츠를 PC, 스마트폰, 태블릿, App, IPTV 등 다양한 미디어 기기로 서비스할 수 있는 환경이 마련됐다. 방송사 관점에서는 플랫폼의 유용성과 사용성을 높여주기 위해 디바이스별로 동일한 브랜드 아이덴티티가 유지될 필요가 있고, 이를 뉴미디어 구축에 적용할 수 있는 통합 스타일가이드의 필요성이 커졌다. 본 연구에서는 기존의 웹페이지에 국한되었던 웹 스타일 가이드를 넘어서, 이제 다양한 뉴미디어에서 브랜드 아이덴티티를 유지하기 위한 뉴미디어 스타일가이드의 필요성과 제작요소에 대해 연구한다. 세계 최고 수준의 공영 방송사이며 통합적인 미디어가이드가 제시되어 있는 BBC의 통합가이드(GEL)와 우리나라 대표 공영방송 KBS에서 제공되는 웹 스타일 가이드를 분석하고, 현재 웹 스타일 가이드의 한계점을 찾아 개선방향을 도출하고자 했다. 이를 위해 방송미디어업계 디자인분야의 전문가 심층인터뷰를 통해, 어떤 디자인 요소들을 중심으로 뉴미디어 스타일 가이드를 제작해야 하는가를 분석하고, 종합적인 뉴미디어 스타일 가이드 제작 블루프린트를 제안했다. 이 연구를 통해 우리나라 뉴미디어 방송채널 KBS의 통합적인 브랜드 아이덴티티의 현주소를 파악하고, 미래지향적인 뉴미디어 플랫폼 발전방향을 모색한다.

공공도서관의 어린이자료실에 있어서 서비스프로그램으로 본 평면유형에 관한 연구 (A Study on Plan Types of Service Program in Children's Department of Public Library)

  • 천혜선;이정미;임채진
    • 한국실내디자인학회논문집
    • /
    • 제17권3호
    • /
    • pp.51-58
    • /
    • 2008
  • Lately, in public libraries, there are various service programs for child user by corresponding to importance of reading based education and also a variety of changes by accommodating family based cultural life style. Therefore there is a need for space planning based study on unit-data room. This study gives guide-line of space planning through categorizing of space plot and furniture lay-out in child data room. The researcher, as a first step, searched web sites of 29 data rooms of 26 libraries and summarized space plots and features of data rooms through in-person visits. Then the author made a categorization standard and did a general analysis of featured data rooms through multiple categorization steps. There are Basic Type, General Type, Book-Shelf Centered Type, Book-shelf Scattered type and Multi-Functional Type out of this categorization steps. In sum, six categorizing bases, dividing infant room from child room, space zonning, position of entrance, compactness of reading space, position of book-shelf and orientation of book-shelf will be important design standards for child data-room of future libraries and an effective guide-lines for other unit data-rooms.

시맨틱 웹 기반 상황인지 서비스를 위한 동적 서비스 제공 모델 (A Dynamic Service Supporting Model for Semantic Web-based Situation Awareness Service)

  • 최정화;박영택
    • 한국정보과학회논문지:소프트웨어및응용
    • /
    • 제36권9호
    • /
    • pp.732-748
    • /
    • 2009
  • 시맨틱 웹 서비스 기술은 상황 인지의 실현을 위한 기반 기술로 다양한 자원들을 동적이고 유연하게 상호 융합하여 새로운 서비스를 생성한다. 유비쿼터스 컴퓨팅 기술이 현실화됨에 따라 웹 서비스를 구현하려는 연구가 활발하지만, 대부분이 웹 서비스 설계자의 최초 명세에 국한된 획일화된 서비스 결과만을 초래한다. 본 논문에서는 사용자 요구와 감지한 상황의 월드 모델을 분석하여 계획 시스템에 목표와 초기 상태로 입력하고 초기 상태로부터 목표를 달성하기 위한 일련의 작업들을 계획하는 동적 서비스 제공을 위한 모델링 방법을 제안한다. 제안한 방법론은 실세계로부터 감지한 월드모델을 OWL 도메인 온톨로지를 이용하여 서술논리 기반 온톨로지 추론을 통해 상황정보(context)를 추론한다. 상황정보는 서비스 도메인을 결정하며, 이에 해당하는 OWL-S 서비스 온톨로지를 계획 시스템에서 탐색할 서비스 명세로 활용한다. 계획 시스템은 초기 상태에서 목표 상태를 만족하는 하나 이상의 서비스를 탐색하고 실행 순서를 계획한다. 이 시스템은 STRIPS 형의 역방향 탐색 시스템으로 OWL-S 서비스를 AI 전통 계획 방법론에 근거하여 합성하여, 방대한 웹 서비스의 탐색 범위를 축소한다. 또한 패턴 매칭에 의해 실행 가능한 서비스를 찾지 못한 경우, DL기반의 시맨틱 매칭을 통해 대안이 되는 서비스를 찾는다. 제안한 방법은 비교연구인 OWLS-XPlan과 동일한 시나리오로 실험하여 기존 연구의 문제점을 해결하고, 동적 서비스 실현을 위한 모델링 방법으로써 가능성을 검증한다.

색 온도 느낌을 고려한 색 대비 평가 알고리즘 (Color Contrast Evaluation Algorithm Considering Color Temperature Feeling)

  • 장영건
    • 정보처리학회논문지B
    • /
    • 제13B권4호
    • /
    • pp.471-478
    • /
    • 2006
  • 웹 접근성 평가를 위하여 기존의 문서의 배경색과 문자 색 사이의 색 대비 정의에 대한 알고리즘을 조사하고, 비교하였다. 색 조합에 대한 기존의 색 대비에 대한 정량적 정의는 가독성 측면에서 불완전하며, 사용자에 대한 시험 평가에서도 무시하지 못할 불일치를 드러내고 있다. 본 연구에서는 기존의 W3C와 미국 토양조사센터(NSSC)의 색 대비 평가 알고리즘을 웹 안전 색의 조합에 적용하여 비교 분석하였고, 이를 위하여 NSSC의 알고리즘을 실수 영역으로 확장하였다. W3C의 알고리즘을 보완하여 색 온도 느낌을 고려한 알고리즘을 제안하며, 해당 알고리즘을 구현하였다. 시험 결과 W3C의 알고리즘과 NSSC의 알고리즘은 모순된 결과가 없었으나, W3C의 기준이 미국 토양조사센터의 기준보다 너무 엄격하며, 전체 색조합의 94.7%가 부적절한 색 대비를 제공하는 것으로 판정되었다. 본 연구에서 제안한 색 대비 알고리즘은 W3C의 방식에 비하여 색 대비와 가독성의 관계 사이의 선형성이 개선되었다. 따라서 색 대비의 정량적 요소로써 색 온도 느낌이 추가되어야 한다는 타당성이 입증되었다. 그러나 색 대비 알고리즘에 색 온도 느낌에 대한 최적의 반영 비율 및 가독성을 보장하는 적장 값의 설정은 좀 더 연구가 필요하며, 문자의 스타일과 크기에 따라 요구되는 색 대조 정도에 대한 연구가 필요하다. 색 대비는 일반 데스크톱 컴퓨터에서의 색에 의한 화면 접근 장애뿐만 아니라 휴대용 디스플레이 장치의 소형화에 따른 가독성 저하 문제가 더욱 심각해지면서 더욱 중요한 접근성 지표가 될 것이다.

비대면 상황에서 신입생 대학생활적응을 위한 3차원 가상현실 캠퍼스 투어시스템 개발연구 - 시야초점의 움직임을 활용한 캠퍼스주변 환경의 자유로운 이동과 대학정보안내화면 GUI설계 - (A Study on the Development of 3D Virtual Reality Campus Tour System for the Adaptation of University Life to Freshmen in Non-face-to-face Situation - Autonomous Operation of Campus Surrounding Environment and University Information Guide Screen Design Using Visual Focus Movement -)

  • 임장훈
    • Journal of Information Technology Applications and Management
    • /
    • 제28권3호
    • /
    • pp.59-75
    • /
    • 2021
  • This study aims to establish a foundation for autonomous driving on campus and communication of abundant university information in the HCI environment in a VR environment where college freshmen can freely travel around campus facilities. The purpose of this study is to develop a three-dimensional VR-style campus tour system to establish a media environment to provide abundant university information guidance services to freshmen in non-face-to-face situations. This study designed a three-dimensional virtual reality campus tour system to solve the problem of discontinuity in which VR360 filming space does not lead to space like reality, and to solve many problems of expertise in VR technology by constructing an integrated production environment of tour system. We aim to solve the problem of inefficiency, which requires a large amount of momentum in virtual space, by constructing a GUI that utilizes the motion of the field of view focus. The campus environment was designed as a three-dimensional virtual reality using a three-dimensional graphic design. In non-face-to-face situations, college freshmen freely transformed the HMD VR device, smartphone, FPS operation mode of the gyroscope sensor. The design elements of the three-dimensional virtual reality campus tour system were classified as ①Visualization of factual experiences, ②Continuity of space movement, ③Operation, automatic operation mode, ④Natural landscape animation, ⑤Animation according to wind direction, ⑥Actual space movement mode, ⑦Informatization of spatial understanding, ⑧GUI by experience environment, ⑨Text GUI by building, ⑩VR360, 3D360 Studio Environment, ⑪Three-dimensional virtual space coupling block module, ⑫3D360-3D Virtual Space Transmedia Zone, ⑬Transformable GUI(VR Device Dual Viewer-Gyro Sensor Full Viewer-FPS Operation Viewer) and an integrated production environment was established with each element. It is launched online (http://vautu.com/u1) by constructing a GUI for free driving mode and college information screens to adapt to college life for freshmen, and designing an environment that can be used simultaneously by current media such as PCs, Android, and iPads. Therefore, it conducted user research, held a development presentation, a forum on excellence in university innovation support projects, and applied it as a system on the website of a particular university. College freshmen will be able to experience university information directly from the web and app to the virtual reality campus environment.