7 user interface design trends you need to know about...
Minimalism After years of bells and whistles, user interface design is going back to basics – at least according to some big name companies, including Google and Microsoft to name a few. Glossy icons are replaced by simpler one-color versions or text-based buttons, rich gradients with simple solid color combinations.
Minimalistic interfaces are definitely taking off. Top: Windows 8 uses monochromatic icons and simple solid colors for its new interface. Bottom: Pinterest user interface is the ultimate minimalism – apart from user content, very few things take up space on the screen.
For majority of users, this lack of visual detail works astonishingly well – the interface is easy to digest and its elements don’t get in the way of the tasks they’re trying to accomplish.
When to use it: minimalism is a great way to design a web application which focuses on user generated content – if done right, users will rarely complain about it. However, keep in mind that many clients will find this approach too simplistic for their taste, so you might want to check their preferences before starting your project.
School of Art, Design and Art History / James Madison University
Intermediate Typography, Prof. Jun Bum Shin
Tuesday, January 21, 2014
Mobile UI Design Patterns
Mobile Patterns
http://www.mobile-patterns.com
UI Interaction Library
http://useyourinterface.com
UI Animation
http://ui-animations.tumblr.com
Kinetic Pattern Library
http://capptivate.co/page/2/
Mobile Design Pattern Gallery
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
Android Patterns
http://www.androidpatterns.com
Inspired UI
http://inspired-ui.com
pttrns
http://pttrns.com
android pttrns
http://androidpttrns.com
lovelyUI
http://www.lovelyui.com
UI Parade
http://www.uiparade.com
Resources (kr)
https://sites.google.com/site/designpttrns/
http://www.mobile-patterns.com
UI Interaction Library
http://useyourinterface.com
UI Animation
http://ui-animations.tumblr.com
Kinetic Pattern Library
http://capptivate.co/page/2/
Mobile Design Pattern Gallery
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
Android Patterns
http://www.androidpatterns.com
Inspired UI
http://inspired-ui.com
pttrns
http://pttrns.com
android pttrns
http://androidpttrns.com
lovelyUI
http://www.lovelyui.com
UI Parade
http://www.uiparade.com
Resources (kr)
https://sites.google.com/site/designpttrns/
UI: GIF Animation
UI: GIF Animation
Left : http://dribbble.com/shots/1078102-Sidebar-animationRIght : http://dribbble.com/shots/1343162-Gif-Timeline-App
Left : http://dribbble.com/shots/1239862-iPad-Mini-Showcase-TemplateRight : http://dribbble.com/shots/969876-Switch-gif
이런 디지털 손목시계 UI 컨셉 디자인들도 있습니다.
Left : http://dribbble.com/shots/1280333-iWatch-Mock-UpRight : http://dribbble.com/shots/1323294-Sange-watch-02-GIF
Left : http://dribbble.com/shots/1078102-Sidebar-animationRIght : http://dribbble.com/shots/1343162-Gif-Timeline-App
Left : http://dribbble.com/shots/1239862-iPad-Mini-Showcase-TemplateRight : http://dribbble.com/shots/969876-Switch-gif
이런 디지털 손목시계 UI 컨셉 디자인들도 있습니다.
Left : http://dribbble.com/shots/1280333-iWatch-Mock-UpRight : http://dribbble.com/shots/1323294-Sange-watch-02-GIF
Android UX & Patterns
Android UX
http://developer.android.com/design/get-started/ui-overview.html
Designing Interfaces: Patterns
http://designinginterfaces.com/patterns/
http://developer.android.com/design/get-started/ui-overview.html
Designing Interfaces: Patterns
http://designinginterfaces.com/patterns/
mobile patterns
http://www.mobile-patterns.com/
SCREENS
SCREENS
Subscribe to:
Posts (Atom)