웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX



WEBDESK
Webdesign Report
HOME WEBDESK Webdesign Report
메트로 UI 스타일의 웹디자인
Posted by kimdirector | 2012.11.16 | Hit : 12685
웹디자인 메트로 UI 윈도우8 웹사이트 UX
목록보기이전보기
최근에 윈도우8이 출시되었습니다. 윈도우8의 가장 큰 차이점은 다른 스마트폰에서 찾을 수 없는 독특한 메트로 UI라는 UX 환경입니다. iOS 또는 안드로이드와는 차원이 다른 UX 환경으로 시선을 끌기에는 만족스러운 모습입니다.
 
메트로 UI는 심플함이 가장 큰 특징입니다. 벡터화된 심플한 아이콘과 절제된 레이아웃으로 전에는 보지 못한 전혀 새로운 경험을 느낄 수 있다는 것과 누구나 쉽게 접근할 수 있는 직관적인 구조입니다.
 
이러한 메트로 UI를 컨셉으로 다양한 형태의 홈페이지들을 볼 수가 있게 되었으나, 아직 국내보다는 해외에서 더 많이 찾아 볼 수 있습니다. 메트로 UI와 JQuiry, HTML5를 적극 활용하여 보다 쾌적한 브라우징 환경과 독특하고 창의적인 아이디어를 무장하고, 새롭게 재 탄생되고 있는 것 같습니다.
 
"DESIGNMODO"에서 소개하고 있는 웹디자인들은 환경적인 구성을 메트로 UI로 구현된 것들입니다.
전체적으로 심플함을 강조하고, 직관적이며, 불필요한 요소들은 배재하여 눈의 피로감을 느끼지 못할 것 같은 편안함마저 느끼게 하는 것 같습니다. 또한, 윈도우8에서 쉽게 볼 수 있는 타일 그리드를 활용하고 있다는 점도 특징이라고 할 수 있습니다.
 
메트로 UI 스타일의 웹디자인들을 눈으로 직접 확인해 보시기 바라며, 윈도우8의 메트로 UI 환경과 비교하여 보면 더욱 재미있을 것 같습니다.
 
Windows UI Concept

Metro Dashboard

Windows 8 Day Mode

Windows 8 Night Mode

Zepppelin

Metro Dribbble

Metro web

Metro Style Form

Experiment with Metro UI

Portfolio

Metrofy

Metro – Personal Portfolio HTML5/CSS3 vCard

MetroStyle

Pressboard – Responsive Social Magazine Theme

Matrix – Responsive WordPress Theme

Windows Phone UK

WinRumors

The Verge

 
Posted by kimdirector | 2012.11.16 | Hit : 12685
Origin http://designmodo.com/metro-ui/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+designmodo+%28DesignModo%29
Tags 웹디자인 메트로 UI 윈도우8 웹사이트 UX
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webdesign&no=309

COMMENT
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
개발자 CIO 기획 스크린세이버 Adobe 웹사이트 HTML5 웹표준 사이드 메뉴 NHN jQuery 웹사이트 마스코트 설명회 디자인 공공서비스 스티브잡스 리더 애플 스마트폰 애플 인간 로고디자인 해상도 웹 퍼블리셔 콘텐츠 PSD UX 무료 이메일 태블릿 온라인광고 컬러 코딩 모바일 소프트웨어 인재 프로젝트