Recommended
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
H3 2011 반응형 웹디자인, 진짜 할 만 한가?
대단한 기술없이 반응형웹 UI 만들기
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
5주 모바일웹과 반응형웹
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
웹데브모바일 3월 세미나 자료 : 실무중심의모바일 ui&ux설계디자인 김영아
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
모바일웹Ui개발 저자세미나 0부
More Related Content
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
H3 2011 반응형 웹디자인, 진짜 할 만 한가?
대단한 기술없이 반응형웹 UI 만들기
What's hot (20)
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
5주 모바일웹과 반응형웹
반응형, 적응형 웹, 그 다음은? (지훈 Ux pd)
웹데브모바일 3월 세미나 자료 : 실무중심의모바일 ui&ux설계디자인 김영아
제 5회 DGMIT UI&UX 컨퍼런스: 2015 웹디자인 트렌드
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
모바일웹Ui개발 저자세미나 0부
Viewers also liked (20)
H3 2011 모바일 시대의 Search Engine Optimization 전략
검색 크로스오버: 모바일, 로컬, 소셜검색 (The Search Crossover: Local, Mobile, Social)
Web of Science guide(September 2015)
Web vulnerability seminar1
해외 150여 개 커머스 웹사이트 사례 연구를 통한 온라인 커머스 UX/UI 방향성 검토
Similar to 2013 app design trends (20) [팀스터디발표자료]패럴랙스스크롤사망선고 - 박준기.pptx 24.09.03
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
How to implement your dream 20150427
HTML5 관점에서 본 2015년 웹개발 트렌드 및 인사이트
Innobirds Media Design Webzine no.7
K모바일발표 111026 하이브리드ux_배포용
2011년 1월 Webdevmobile 세미나
220806 UX/UI 해외 인기 아티클 6기 : 3주차 발표
[124] 하이브리드 앱 개발기 김한솔
[2012널리세미나] 태블릿PC를 위한 마크업
[141]지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
Sencha Touch 구축사례 : 포드 쇼룸 앱
격변하는 프로그래밍 언어, 이제는 Let it go
D2 캠퍼스 세미나 - 학생 개발자에서 신입 개발자로 한단계 업그레이드 하기
HTML5 와 미래웹기술 part 2
2. 2013 Design Trends
Animation on Web
Flat Design
Wider
More Gestures
Vector (SVG)
Larger
Responsive if not Native
HTML5
4. Examples of Flat Design
http://speckyboy.com/2012/12/11/the-flat-design-aesthetic/
5. Skeuomorphism
• Skeuos + Morphe = Skeuomorphism
• 실제적인 형태, 사용자들이 흔히 보아왔던 도구의 형태 양식
• 기능적으로 불필요한 경우라도 원형의 디자인 요소를 모방하여 장식적으로 활용하는 양식
• 反) Minimalism
7. Pros & Cons
• Pros : “Metaphor!!“
• Cons :“Visual Masturbation. Who Cares?”
애플 내부 기자의 자료 : http://www.fastcodesign.com/1670760/will-apples-tacky-software-design-philosophy-cause-a-revolt
11. Pros & Cons
• P. 간단하고 시각적으로 매력적인 APP을 만들 수 있는 가치가 있다.
• P. 쉬운 UX를 부여할 수 있다.
• C. 유틸리티의 깊이가 깊지 않다.
• C. 디자인 구현의 한계로 사용자를 이해시키기 어려울 수 있다.
12. Anyway
Flat Design은 모든 응용 프로그램을 허용하기에는 무리입니다
하지만 의심할 여지없이 매우 단순하고 아름다운 애플리케이션의 UI에
대한 2103년 새로운 접근 방식임이 분명
17. More Gestures
No unsightly lists
No buttons to press
Just a simple motion and you can continue your work
25. Responsive UX : http://qz.com
• vertical scrolling
• column design
• URL
http://qz.com/
26. Responsive if not Native
Responsive design is becoming the go-to way to present web-based content.
28. Wider Website
• Responsive
• Multi Screen
• Retina
• Mac 27”
http://themes.orange-idea.com/?theme=builder
33. Vector Graphic
Being able to come up with one design and scale for different scr
een resolutions has truly never been simpler.
If there’s one thing anyone wants in their life it’s a more streamli
ned workflow and vector does just that.
36. Will 2013 Be the Year that HTML5 Takes Over?
• Mark Zuckerberg: “Our Biggest Mistake Was Betting Too Much On HTML5”
39. Change Co-work for HTML5
• http://www.360langstrasse.sf.tv/page/
시각적
사용성 독창성
예술성
40. HTML5 of 2013
HTML5이 더욱 강력해짐에 따라, 장기적으로 네이티브 앱이 웹 앱으로 전환하는
변화가 나타나게 될 것이다. 네이티브 앱은 사라지지는 않고 항상 최고의 사용
자 경험과 가장 앞선 기능을 제공할 것이다. 개발자들은 조율된 방식으로 다양
한 기기 전반에서 작동하는 터치에 최적화된 모바일 애플리케이션을 제공하기
위해 새로운 설계 기술을 개발해야 할 것이다. – 가트너 (2013)
43. “ Thanks for your Interest
And Happy New Year
현)미래웹기술연구소 R&D Team. 책임연구원. 김영아
”
T: @youngah0812
Mail: youngah@w3labs.kr
Web: http://youngah.com
