키자드에 등록된 20124310의 티스토리 포스트 목록

20124310의 등록된 링크

20124310로 등록된 티스토리 포스트 수는 50건입니다.

메가박스 사이트 따라하기 13 새로운 영역 [내부링크]

<!DOCTYPE html> 메가박스 사이트 코딩하기 메가박스 전체메뉴 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표..

메가박스 사이트 따라하기 12 오프닝 영역 [내부링크]

메가박스 사이트 따라하기 11 이벤트 영역 [내부링크]

메가박스 사이트 따라하기 10 영화 차트 이미지 슬라이드 반응형 [내부링크]

메가박스 사이트 따라하기 9 영화 차트 이미지 슬라이드 [내부링크]

메가박스 사이트 따라하기 8 영화 차트 탭메뉴 [내부링크]

메가박스 사이트 따라하기 7 영화 차트 구조잡기 [내부링크]

레이아웃 [내부링크]

레이아웃 레이아웃이란 전체적인 디자인 콘셉트와 계획에 따라 서체와 이미지 등 각각의 시각적 요소들을 한정된 공간 안에 적절하게 배치하는 것을 의미하는 것으로, 인터페이스 디자인에서 레이아웃이란 화면의..

메가박스 사이트 따라하기 6 배너 반응형 [내부링크]

메가박스 사이트 따라하기 5 swiper.js [내부링크]

<!DOCTYPE html> 메가박스 사이트 코딩하기 메가박스 전체메뉴 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 배너 영역 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른예..

메가박스 사이트 따라하기 4 모바일 헤더 [내부링크]

메가박스 사이트 따라하기 3 배너 영역 [내부링크]

<!DOCTYPE html> 메가박스 사이트 코딩하기 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른 예매 @charset..

메가박스 사이트 따라하기 2 헤더영역 [내부링크]

<!DOCTYPE html> 메가박스 사이트 코딩하기 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 @charset "utf-8"; /* 레이아웃 */ #header {width: 100%; height: 63px; border-bottom: 1px solid #c6c6c6; backg..

메가박스 사이트 따라하기 1 기본 셋팅 [내부링크]

<!DOCTYPE html> 메가박스 사이트 코딩하기

색상조정/ 색상효과 [내부링크]

스케치 [내부링크]

meow! [내부링크]

디자인 가이드 구성 [내부링크]

디자인 가이드 구성 서비스, 제작물의 통합적인 아이덴티티를 고려하여 디자인 가이드를 조합할 수 있다 콘셉트와 트랜드 디자인 리서치(Design Research) 디자인에 투입되는 리서치 디자인을 통한 리서치 디자인..

수료증 [내부링크]

센스리더 설치와 활용 [내부링크]

센스리더 설치와 활용 화면 낭독기 센스리더가 주요 마크업 요소를 음성으로 출력하는 방식이 왜 중요한가 : 센스리더로 웹을 어떻게 탐색하는지 사용자평가에서 어떤 결과로 나올 수 있을지 대략적으로 예상할 수..

사용자 평가 도구의 이해 [내부링크]

사용자 평가 도구의 이해 화면 낭독기의 이해 및 사용법 화면 낭독기, 스크린리더와 같은 명칭의 프로그램은 윈도우 컨트롤, 응용프로그램, 웹에 제공된 정보를 시각장애인이 귀로 들을 수 있도록 음성으로 전환..

전문가 평가 도구의 이해 [내부링크]

전문가 평가 도구의 이해 웹 접근성 평가 도구 소개 및 설치 방법 CCA 전경색과 배경색의 명도 대비 분석 도구 [웹 페이지, 캡쳐 이미지, 윈도우 객체] WAT ie에서 수동 검사를 지원 브라우저 개발자 도구 크롬..

웹 디자인 정보 [내부링크]

웹 디자인 정보 정보디자인(Information Design), 유저 인터페이스 디자인(User Interface Design), 그래픽 디자인(Graphic Design), 컴퓨터그래픽(Computer Design) 운영 등 필요 지식을 기반으로 정보를 계층화..

스토리보드 설계 [내부링크]

디자인 가이드를 위한 스토리보드 스토리보드(Storyboard)란 본래 영화나 애니메이션, 광고와 같은 영상매체를 만들기 전, 주요 장면을 사진 혹은 일러스트와 같은 시각적 형태로 정리해 놓은 문서를 의미하며, 영..

태스크 플로우 작성 [내부링크]

태스크 플로우 작성하기 사이트 맵은 웹사이트의 특정 영역을 대표하는 페이지들을 시각적으로 보여주는 것을 의미한다. 회사 조직도처럼 생겼으며 사이트의 수직적인 구조를 보여준다. 태스크 플로우는 사용자들..

접근성의 미래 [내부링크]

접근성의 미래 웹 접근성의 올바른 발전 방향 문제점의 해결 HTML5와 ARIA html4에서는 모든 콘텐츠 영역을 요소로 구분하고 id값을 별도로 주었지만 html5에서는 콘텐츠의 성격에 맞는 요소를 배치하여..

견고성 [내부링크]

견고성 웹 접근성에서의 견고성 견고성 사전적의미: 굳고 단단한 성질 웹사이트를 만들 때 다양한 기술이나 환경에서도 문제 없이 잘 동작하고, 오류 없이 정보를 잘 전달할 수 있도록 만들자는 원칙 마크업 오..

이해의 용이성 2 [내부링크]

이해의 용이성(2) 검사항목 19. 콘텐츠의 선형구조 콘텐츠는 논리적인 순서로 제공해야 한다. 검사항목 20. 표의 구성 표는 이해하기 쉽게 구성해야 한다. 검사항목 21. 레이블 제공 입력 서식에 대응하는 레이블..

이해의 용이성 1 [내부링크]

이해의 용이성(1) 기본 언어 표시 기본 언어 표시의 이해 기본 언어 표시의 필요성 다양한 언어를 공부하거나 이용하는 사용자에게 중요한 지표 기본 언어 표시의 검사항목 해설 검사항목 17.(기본 언어 표시) 주..

와이어프레임 [내부링크]

와이어프레임 비주얼 디자인이 시작되기 전에 흑백으로 제작되어 UX/UI 디자인의 방향을 잡는 역할을 하며 페이지나 화면에 보여지는 요소들을 정하기 위해 그려지는 일종의 ‘프로토타입’이라고할 수 있다. 피드..

페이퍼 프로토타입 만들기 [내부링크]

운용의 용이성2 [내부링크]

운용의 용이성(2) 깜빡임과 번쩍임 사용 제한 깜빡임과 번쩍임 사용의 이해 개념: 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 함 대상: 초당 3~50회 주기로 깜빡이는 콘텐츠 유의점:광과민..

운용의 용이성(1) [내부링크]

운용의 용이성 1 키보드 사용 보장 텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로도 이용할 수 있도록 하는 것 마우스를 이용하기 어려운 사용자가 키보드를..

인식의 용이성(2) [내부링크]

인식의 용이성(2) 색에 무관한 콘텐츠 인식 색에 무관한 콘텐츠의 개념 정보의 구별점을 색상으로만 하지 않고 색을 배제하더라도 인식할 수 있도록 제공하는 것 색에 무관한 콘텐츠의 필요성 색에 무관한 콘텐츠..

친화도법 [내부링크]

친화도법(Affinity Diagramming) 사용자리서치의 수행 결과로 방대한 양의 노트, 사진, 음성 기록, 영상 기록 등 자료가 사용자로부터 수집되고 이로부터 추출된 팩트, 시사점 등에 대한 기록이 더해지게 된다. 이..

인식의 용이성 [내부링크]

인식의 용이성 콘텐츠를 인식하기 쉽게 하자는 의미 1. 적절한 대체 텍스트 제공 : 텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다. 2. 자막제공 : 멀티미디어 콘텐츠에는..

사용성 테스트 [내부링크]

대상자 선정과 사용자 조사 사용성과 선호도 분석을 위한 방향 설정을 통해 대상자를 선정할 수 있으며, 필요에 따라 적절한 방법론을 활용하여 사용자 조사를 실시하고 활용할 수 있다. 웹 사이트 사용성 웹 사이..

시안 제작 [내부링크]

시안 제작 디자인 콘셉트에 따라 아이디어를 스토리보드에 맞게 섬네일(Thumbnail sketch)할 수 있고, 실제 전달 매체에 맞추어 디자인 스타일, 컬러, 텍스쳐, 모션을 구체화시킬 수 있다. 활용 제작 프로그램의..

UI/UX 디자인 [내부링크]

UX(User Experience) UX, 즉 사용자 경험이란 제품을 사용하면서 내재화되는 모든 것을 의미하며 여기에는 경험을 비롯하여 느낌, 기억, 만족감 등도 포함된다. 이런 사용자 경험을 디자인하는 사용자경험 디자인..

프로젝트 [내부링크]

장애인의 웹 사용과 장애인차별금지법 [내부링크]

정보통신의 발달 인터넷은 우리 삶에서 놓칠 수 없는 중요한 수단이 되었고 모바일 시대에서 중요한 수단이 되었다. 장애인 사용자에게 웹 접근성의 중요성이 중요해짐 장애인 차별금지법 장애인 차별 금지 및 권..

사용자 리서치 수행기법 [내부링크]

사용자 리서치 수행 기법 목표한 사용자리서치 결과를 도출하기 위해 여러 기법이 혼용되기도 하며, 사용자리서치 를 수행한 조직과 제품/서비스의 특성에 따라 고유의 기법을 개발하고 사용하기도 한다. 경우에..

사용자 리서치 [내부링크]

사용자 리서치 사용자리서치는 사용자와의 직/간접적인 접촉을 통해 사용자의 식별을 포함하여 사용자에 대한 정보, 사용자가 갖는 정보를 조사하는 활동이다. 데스크(Desk)리서치와 필드리서치 일반적으로 데스크..

웹 사용성과 웹 접근성 [내부링크]

웹 접근성 웹 컨텐츠에 쉽게 접근할 수 있는 능력. 웹 접근성의 정의 한국 정보화 진흥원: 어떠한 사용자 (장애닌,노인 등) 어떠한 기술 환경에서도 사용자가 전문적인 능력없이 웹 사이트에서 제공하는 모든 정보..

아이디어 시각화 [내부링크]

아이디어 시각화 창의성의 발현을 돕기 위해 개발되어 있는 다양한 발상 방법들이 있습니다. 아이디어 발상법 브레인스토밍법 특정한 주제 또는 문제에 대해 참여자 모두가 아이디어를 사전 조율 없이 그대로 내놓..

프로젝트 범위 및 목표 기술서 [내부링크]

프로젝트 특정한 목적을 달성하기 위해서 조직적으로 수행되는 일련의 작업을 말한다. 프로젝트 범위 및 목표 기술서 사이트의 목적/ 비전 사이트의 개발 목표 사용자 관점에서의 만족도 고객 관점에서의 만족도..

프로토타입(Prototype) [내부링크]

프로토타입(Prototype) 프로토타입(prototype)은 원래의 형태 또는 전형적인 예, 기초 또는 표준이다. 시제품이 나오기 전의 제품의 원형으로 개발검증과 양산 검증을 거쳐야 시제품이 될 수 있다. 프로토타입은 '..

그리드 시스템 [내부링크]

그리드 시스템(Grid system) 그리드 시스템은 페이지를 구성하는 정보를 의미있고 논리적으로 일관성있게 구성하는 것을 중요시하는 UI/UX디자이너에게 도움을 주는 정밀한 프레임웤입니다. 그리드 시스템의 초기..

정보 구조 설계 [내부링크]

정보 구조(information architecture) 제공되는 서비스를 콘텐츠 순서, 배치, 그룹핑 등 정보의 성격과 유형, 우선순위, 위계에 따라 구조화하는 것을 의미하며, 정보 구조를 설계하는 일은 마치 집을 지을 때 먼..

요구 사항 정의서 [내부링크]

요구 사항 정의서(Project Profiler) 프로젝트의 개요, 목표, 예산, 업무 흐름, 시스템 필수 요소, 기능적 요구 등 클라이언트의 요구 사항과 프로젝트의 범위를 규정짓기 위해 클라이언트가 작성하게 되는 문서이..