HTML5 새로운 요소와 속성은 디자이너를위한 모험과 기회입니다.

Wulin.com의 기사 소개 (www.vevb.com) : Flash의 킬러라는 소문이있는 HTML5는 웹 애플리케이션 개발에 사용되는 혁신적인 네트워크 기술입니다.

플래시의 킬러라고하는 HTML5는 웹 애플리케이션 개발에 사용되는 혁신적인 네트워크 기술입니다. HTML 5는 몇 가지 새로운 요소와 속성을 제공하며, 그 중 일부는 <div> 및 <span> 태그와 기술적으로 유사하지만 <avi> 및 <fumer>와 같은 의미가 있습니다. 이 태그는 검색 엔진 인덱싱, 소형 스크린 장치 및 시각 장애인에 도움이됩니다. 동시에 <Audio> 및 <video> 태그와 같은 표준 인터페이스를 통해 다른 브라우징 요소에 대한 새로운 기능이 제공됩니다.

원래 DOM 인터페이스 외에도 HTML5는 더 다양한 API를 추가합니다.

캔버스 API : 동적 출력 및 렌더링 그래픽, 차트, 이미지 및 애니메이션을위한 API.

HTML5 오디오 및 비디오 : HTML5의 새로운 요소는 플러그인을 설치하지 않고도 오디오 및 비디오를 처리하기위한 일반적이고 통합 된 스크립트 API를 개발자에게 제공합니다.

Communication API : 실시간 및 교차 오리핀 커뮤니케이션 구축을위한 두 가지 주요 기초 : Cross Document Messaging 및 XMLHTTPREQUEST 레벨 2.

위의 기술 설명은 Whatwg HTML 문서에 존재하지만 W3C HTML5 문서에 모두 포함 된 것은 아닙니다. W3C는 일부 기술에 대해 별도의 설명을 했으므로이 기사는 하나씩 반복되지 않습니다.

너무 기술적으로 들리므로 HTML5가 설계에 어떤 영향을 미칩니 까? 이것은 웹 디자이너와 개발자가 프로그래밍 코드를 논의한 후 고려해야 할 사항입니다.

모바일 인터넷 분야를 예를 들어, 수많은 터미널 장치 및 플랫폼에 직면하여 디자이너와 개발자는 경험의 제품 표시와 일관성 측면에서 타협을해야하며 플랫폼을 채우는 과정에서 많은 에너지를 낭비해야합니다. 제품은 더 높은 수준에 도달했을 수 있지만 모바일 터미널 (하드웨어 및 소프트웨어 포함)의 조각화 현실은 좋은 소원을 차단합니다.

현재 주류 휴대 전화 개발 플랫폼에는 iOS, Symbian, Linux, Palm, BlackBerry, Wind QVGA 해상도는 240*320, WQVGA 해상도는 240*400이고 HVGA 해상도는 320*480, WVGA 해상도는 480*800, FWVGA 해상도는 480*854 등입니다. Symbian 시스템은 오랜 역사를 가지고 있으며 이제는 주로 S60 V3 및 V5 버전에 중점을두고 있으며 해상도는 여전히 176*208, 208*208, 240*320/320*240, 352*416/416*352 및 800*352 및 기타 여러 유형입니다. 동일한 플랫폼에서도 다른 해상도에는 해당 차이가 있습니다. 또한 클라이언트 제품은 버전 1.0, 버전 2.0에서 버전 N.0에 이르기까지 지속적으로 업데이트하고 반복해야합니다. 기본 앱이 개발 될 때마다 플랫폼을 배치해야합니다. 그리고 실제로 모든 사용자가 새 버전을 적극적으로 업데이트하지는 않으므로 디자이너와 개발자는 새로운 기능을 개발할 때 이전 이전 버전이 지원 될지 걱정해야합니다. 다른 플랫폼에 다른 플랫폼에 다른 플랫폼에 곱하면 인력 및 재료 리소스가 플랫폼을 설치하는 작업에 투자되며 제품 사용자 경험을 향상시키는 에너지는 비교적 제한적입니다.

그래서 사람들은 단편화 된 터미널 장치의 고문을 충분히 가지고 있었고 기본 앱과 다른 것을 기대하기 시작했습니다. HTML5 기술이 개발 한 웹 앱의 출현으로 설계자와 개발자에게 밝은 비전을 제공했습니다. HTML5 기술의 렌더링 프로세스는 주로 브라우저, HTML5 파서가 포함 된 응용 프로그램, 북마크 개방을 지원하는 응용 프로그램 또는 휴대폰 제품에 의해 수행됩니다. 이러한 방식으로 제품의 출시 및 버전 업데이트는 더 이상 플랫폼을 마련하는 데 오래 걸리지 않습니다. Applerator의 내부 논리는 제품의 UI를 iOS 또는 Android와 같은 플랫폼의 기본 인터페이스로 변환합니다. 동시에 웹 앱 형태의 제품은 사용자가 다운로드 및 업데이트 할 필요가 없으며 네트워크를 통해 최신 버전에 액세스 할 수 없습니다. 또한 디자이너와 개발자가 오류를 디버깅하고 수정하도록 촉진하며 더 이상 신규 및 오래된 버전을 동시에 고려하는 데 문제가 없습니다.

HTML5는 매우 강력하여 인터넷 제품의 품질을 향상시키고 개발자의 실제 환경을 개선 할 수있는 잠재력이 있습니다. 따라서 디자이너와 개발자는 필요에 따라 이해해야합니다. 그러나 이것이 디자이너가 작업을 중단하고 프로그래밍 기술 학습을 시작해야한다는 의미는 아닙니다. 대신, 그들은 HTML5가 특정 디자인에 어떤 명백한 변화를 가져야하는지 고려해야하며 HTML5 기술이 달성 할 수있는 디자인 효과는 무엇입니까?

Apple, Google 및 Microsoft와 같은 거대 기업의 적극적인 옹호하에 HTML5 기술은 빠른 발전을 이루었으며 웹 앱이 달성 할 수있는 영향이 점점 더 풍부 해지고 있습니다. 많은 웹 앱은 실제로 기본 앱과 비교할 수 있습니다. HTML5 지원을위한 최고의 브라우저는 Safari 및 Chrome이며 Firefox 및 Opera는 불만족하며 IE 브라우저는 가장 낮은 지원을받습니다. 아래 그림과 같이 :

요즘 우리는 종종 인터넷에서 "HTML5로 개발 된 19 개의 웹 사이트"및 "25 Superb HTML5 Canvas Games"와 같은 관련 소개 기사를 볼 수 있습니다. 디자이너는 종종 그것을 사용하여 그것을 경험할 수 있습니다. 공간 제한으로 인해이 기사는 예를 들어 HTML5 기술을 사용하는 몇 가지 일반적인 웹 사이트 제품 만 제공합니다.