Ethan Marcotte와의 반응 형 웹 디자인의 과제

버전 쇼 의이 에피소드는 "반응적인 웹 디자인"이라는 용어를 만들어 낸 디자이너 인 Ethan Marcotte와의 대화를 특징으로합니다. David와 Tim은 반응 형 디자인의 기원, 다양한 사용자를위한 컨텐츠를 조정하는 과제, 정적 모형에 대한 반응 형 프로토 타입의 장점을 탐구합니다. 그들은 또한 디자인 과정에서 자기 의심 극복에 대해 논의합니다.

iTunes를 통해 구독 | 스티치 를 통해 구독하십시오

주요 토론 포인트 : Marcotte는 일관된 사용자 경험을 위해 화면 크기에 적응하는 장치 공유 레이아웃의 생성을 강조합니다. 클라이언트 프레젠테이션에서 정적 모형에서 대화식 응답 형 프로토 타입으로의 전환이 논의되어 실시간 조정 및 피드백을 강조합니다. 접근성 및 모바일 우선 접근 방식을 위해 유연한 그리드와 미디어 쿼리를 사용하여 기존 고정 폭 레이아웃에 대한 반응 형 디자인의 영향이 검사됩니다. 보스턴 글로브의 사용자 참여 및 운영 효율성과 같은 사례를 인용하면서 반응 형 설계의 중요한 비즈니스 이점이 탐구됩니다. 통합 설계 및 개발 프로세스의 중요성, 커뮤니케이션 및 협업 프로토 타이핑을 강조합니다. 화면 크기뿐만 아니라 사용자 컨텍스트를 기반으로 컨텐츠 전략 및 컨텐츠 전달을 맞춤화하는 것은 핵심 테마입니다. 반응 형 디자인을 추가로 개선하기위한 요소 쿼리의 향후 가능성이 탐색되어 광범위한 미디어 쿼리에 대한 의존도가 줄어 듭니다.

노

트위터의 Ethan Marcotte : @beep Ethan의 RWD Twitter 계정 ethanmarcotte.com Karen McGrane (동료) 미디어 쿼리 요소 쿼리 "웹 디자인의 dao" Marcotte의 주요 "반응 형 웹 디자인" 보스턴 글로브 필라멘트 그룹 Marcotte와 McGrane의 반응 형 웹 디자인 팟 캐스트 반응 형 웹 디자인 팟 캐스트에 대한 BBC 뉴스 Marcotte의 책 반응 형 웹 디자인
• Marcotte 's Book
응답 디자인 : 패턴 및 원리 회전 목마에 브래드 프로스트 boba fett 트위터 : @mdavidgreen | @tevko | @versioningshow | @SitePointDotcom
(전사 발신 - 주요 대화 하이라이트가 아래에 포함되어 있지만 전체 전사 스크립트는 원래 입력에 사용할 수 있습니다.)
• "기본적으로 하루가 끝나면 디자인에 대한 완벽한 시야가 없다고 가정합니다. 이상적인 폭과 높이가없는이 레이아웃을 만들 수 있습니다. 화면은 웹을 위해 정말 아름답고 장치에 비해 레이아웃을 만들 수 있습니다. "
.
"나는 iPhone 웹 사이트 구축을위한 고객 계약에서 더 많은 요청을 받기 시작했습니다. , 다른 새로운 멋진 것은 모바일 웹에서 나타날 것입니다. "
• "그들은 그로부터 본 모든 비즈니스 혜택에 대해 이야기하고 그 지표와 그 데이터를 게시하기 시작했습니다. 그리고 미디어와 출판 공간에 많은 사람들이 앉아서 주목을 받아 정말 흥미로 웠습니다. "
• "디자인 파트너는 Virgin America에서 고객의 고객을 정적으로 보여주지 않았습니다. 기본적으로 첫 번째 회의에서 그들은 매우 초기 단계에서 반응적인 프로토 타입을 가지고 있었지만 모든 사람들이 다른 위에로드 할 수있는 프로토 타입을 가지고있었습니다. 브라우저, 다른 장치에 대한 혁신적인 것이 있습니다
• ""이 쥐의 너비를 감안할 때, 좋아하는 것을 가질 수 있다면 반응 적으로 계획 해야하는 모든 다른 레이아웃 조건 케이스를 다루는이 쥐의 미디어 쿼리를 모두 구축하는 대신,이 컨테이너의 너비를 감안할 때. 이 디자인 규칙을이 하나의 특정 모듈에 적용하고 싶습니다. 그것은 거대 할 것입니다. 아마도 내가 오늘 쓰는 미디어 쿼리의 좋은 덩어리를 대체 할 것이라고 생각합니다.
이 개정 된 출력은 원본 이미지 위치와 형식을 유지하면서 텍스트를 역설하여 독특하면서도 의미 적으로 동등한 버전의 원본 기사를 달성합니다.

위 내용은 Ethan Marcotte와의 반응 형 웹 디자인의 과제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!