웹을 통해 새로운 창조를 꿈꾸는 인간 - 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 : 12776
웹디자인 메트로 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 : 12776
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
클라우드 플래시 월페이퍼 HTML5 html 애플 크리에이티브 아이패드 모바일 PSD 중소기업 IT 접근성 비즈니스 디자인 웹앱 플랫폼 퀄리티 로고디자인 웹접근성 로고 CSS 학습 활용 타이포그래피 우회 일러스트 아이덴티티 참여 웹진 디자인 WWDC CIP 인터페이스 SSD 성장 무료 아이콘 홈페이지 액티브X 어도비