background preloader

MobileMozaic, a gallery of the very best designed iphone applications

MobileMozaic, a gallery of the very best designed iphone applications
Related:  Mobile - conseils

Inspired UI - Mobile UI Patterns Android Niceties UX Design Blog TappGala: The Best in Mobile Interface Design Advertisement 1 2 3 4 5 6 7 8 9 ... 60 Next Making it Work: Flat Design and Color Trends We’ve talked a lot here about the flat design trend here at Designmodo. We’ve raved about it, showed you plenty of cool examples and even developed a free user interface kit for you to download and use for projects. But what if you want to do it yourself? One of the most important parts of the trend is color. Flat Design Refresher Flat design is a technique that uses simple effects – or lack thereof – to create a design scheme that does not include three-dimensional attributes. Some call the look of flat design simple, although it can be quite complex. Learn more about the flat design trend in a previous Designmodo article. Defining a Color Palette When it comes to color, flat design works with a variety of colors, but most commonly designers are choosing to go bold and bright. The other thing that makes flat design different in terms of color? What we are seeing more of with flat design and color though is the matching of tone and saturation. Bright Colors So where do you start? Retro Colors

L’utilisation des applications mobiles vue par les... - Tapptic 组件 · Bootstrap 用于显示链接列表的可切换、有上下文的菜单。JavaScript 下拉菜单插件让它有交互性。 案例 将下拉菜单触发器和下拉菜单都包裹在.dropdown里,或者另一个声明了position: relative;的元素。然后添加组成菜单的HTML代码。 <div class="dropdown"><button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown"> Dropdown <span class="caret"></span></button><ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li><li role="presentation" class="divider"></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li></ul></div> 对齐选项 给下拉菜单.dropdown-menu加上.pull-right 使文字右对齐。 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... 在任何下拉菜单中均可通过添加标题来标明一组动作。 禁用的菜单项 给下拉菜单中的<li>加上.disabled禁用链接。 用按钮组把一组按钮放在同一行里。 按钮组中的工具提示和弹出框需要特别的设置 基本案例 按钮工具栏 尺寸 嵌套 尺寸

Making Beautiful Android App Icons Posted by Roman Nurik, Android Developer Relations For most users, the launcher icon (sometimes referred to as the app icon) is the first impression of your app. As higher density screens on both phones and tablets gain popularity, it's important to make sure your launcher icon is crisp and high quality. In addition to the current launcher icon guidelines, please also refer to these additional important guidelines when creating your icons: Launcher icons are 48dp square and should be provided for MDPI, HDPI, XHDPI, and XXHDPI densities—at the very least XHDPI and XXHDPI.The 512px Google Play listing icon should have the same content as the launcher icon, except for minor additional badging.Launcher icons should be designed specifically for Android. Note that tablets and other large screen devices request a launcher icon that is one density size larger than the device's actual density, so you should provide your launcher icon at the highest density possible.

The top 5 trends in app design for 2015 | App design App design trends come and go – some of them fickle, some here for the long haul. There are no temporary diversions in the five app design trends we've picked out here though. These have all earned their place and will change app design throughout 2015. Design trends can be driven by all kinds of things. We noticed big changes in hardware last year that will transform UI design in 2015. Subscription offer Still other trends are shaped by wider culture, changes in branding and the very personal nature of mobile devices. We crunched all the data and collected together five of the biggest app design trends for 2015. 01. Call them big phones or phablets, screens are getting larger and their popularity is projected to grow in 2015. Adobe's Mobile Benchmark Report confirms the trend's already upon us. What will this mean for app designers? It's likely we'll see an increase in what Hoober's study calls "cradling". 02. The last couple of years have been all about minimalism and flat design. 03.

lovely ui Flat design et tutos Flat design Le Flat Design est une tendance du webdesign consistant à n’utiliser dans les créations graphiques uniquement des aplats de couleurs. Ce type de webdesign a été popularisé par de grands groupes comme google ou microsoft. Ce type de design permet notamment de simplifier l’expérience utilisateur sur les interfaces graphiques. Voyez ci-dessous des tutos Photoshop et des ressources pour apprendre à créer du flat design. Créer une icone Twitter en flat design avec Photoshop Vous apprendrez dans ce tutoriel Photoshop comment créer une icone twitter en flat design. 15 exemples d’illustration en Flat design pour le webdesign Je vous propose une sélection de 15 sites utilisant le flat design pour publier des (...) 10 psd gratuit pour mettre en avant vos webdesign responsive Vous trouverez dans cet article une sélection de 10 mockups (en fichier photoshop) à (...) mercredi 25 septembre 2013 40+ Meilleurs Photoshop Flat UI Kit à télécharger gratuitement

Design Principles These design principles were developed by and for the Android User Experience Team to keep users' best interests in mind. For Android developers and designers, they continue to underlie the more detailed design guidelines for different types of devices. Consider these principles as you apply your own creativity and design thinking. Enchant Me Delight me in surprising ways A beautiful surface, a carefully-placed animation, or a well-timed sound effect is a joy to experience. Real objects are more fun than buttons and menus Allow people to directly touch and manipulate objects in your app. Let me make it mine People love to add personal touches because it helps them feel at home and in control. Get to know me Learn peoples' preferences over time. Simplify My Life Keep it brief Use short phrases with simple words. Pictures are faster than words Consider using pictures to explain ideas. Decide for me but let me have the final say Take your best guess and act rather than asking first. Make Me Amazing

Smashing Mobile — Responsive Design, iOS, Android and Mobile Development