웹을 통해 새로운 창조를 꿈꾸는 인간 - 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 : 12387
웹디자인 메트로 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 : 12387
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
Best View 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
스마트폰 CSS 디자인 무료 디자인 사고 홈페이지 컨텍스트 플랫 디자인 워크샵 홈페이지 플랫폼 크롬 CIP I/O Draft 개발자 무료 HTML 시계 웹기획 다운로드 소셜 미디어 이미지 데이터 어플리케이션 픽토그램 맥북 에어 하이브리드 PSD 애플 플래시 스튜디오 독서 폰트 창의 경험 디자인 UI 마케팅 모바일