웹을 통해 새로운 창조를 꿈꾸는 인간 - 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 : 12960
웹디자인  메트로 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 : 12960
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 Work IT Information Web Identity Work Everyday Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
모바일 디자인 브라우저 웹디자인 솔루션 아이폰 비즈니스 내비게이션 디자인 IT iOS 사용자메뉴얼 인포월드 디자인 비용 절감 아이패드 모바일 앱 페이스북 자기성찰 한국IDG 사용자 경험 리뉴얼 기능 SNS 전자칠판 디지털데일리 관리자 체크포인트 유저 리소스 스티브 잡스 관리자 Draft 플랫 디자인 로고디자인 보안 웹 접근성 디자이너 HTML5 윈도우 8 최고경영자