1 / 17

Grid App

Grid App. Group Title: 2 ❯. Group Title: 1 ❯. Item Title: 1. Item Title: 3. Item Title: 1. Item Title: 3. Item Subtitle: 1. Item Subtitle: 3. Item Subtitle: 1. Item Subtitle: 3. Item Title: 2. Item Title: 2. Item Title: 4. Item Subtitle: 2. Item Subtitle: 2. Item Subtitle: 4.

lacey-kidd
Télécharger la présentation

Grid App

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Grid App Group Title: 2 ❯ Group Title: 1 ❯ Item Title: 1 Item Title: 3 Item Title: 1 Item Title: 3 Item Subtitle: 1 Item Subtitle: 3 Item Subtitle: 1 Item Subtitle: 3 Item Title: 2 Item Title: 2 Item Title: 4 Item Subtitle: 2 Item Subtitle: 2 Item Subtitle: 4

  2. Group Title: 1 Group Subtitle: 1 Item Title: 1 Item Subtitle: 1 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Item Title: 2 Item Subtitle: 2 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Item Title: 3 Item Subtitle: 3 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Item Title: 4 Item Subtitle: 4 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Group Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  3. Group Title: 1 Item Title: 1 Item Subtitle: 1 eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Item Content: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

  4. Group Title: 1 Item Title: 1 Item Subtitle: 1 Item Title: 1 Item Subtitle: 1 Item Title: 2 Item Subtitle: 2 Item Title: 3 Item Subtitle: 3 Item Title: 4 Item Subtitle: 4 Item Title: 5 Item Subtitle: 5 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea

  5. Grid App Group Title: 1 ❯ Item Title: 1 Item Subtitle: 1 Item Title: 2 Item Subtitle: 2 Item Title: 3 Item Subtitle: 3 Item Title: 4 Item Subtitle: 4 Item Title: 5 Item Subtitle: 5 Item Title: 1 Item Subtitle: 1 Snapped View Group Title: 2 ❯

  6. Grid App Group Title: 2 ❯ Group Title: 1 ❯ Fill View Item Title: 1 Item Title: 1 Item Title: 3 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 3 Item Title: 2 Item Title: 2 Item Title: 4 Item Subtitle: 2 Item Subtitle: 2 Item Subtitle: 4

  7. Common Controls (1/2) Button Checkbox (checked) Button (normal) Button Checkbox (unchecked) Button (hovered) Item 1 Item 2 Item 3 Item 4 Item 5 Check Box Check Box Button Radio Button (checked), Option Button (pressed) Text Box Radio Button (unchecked), Option Text Box, Input ●●●●●●● Toggle Switch (off) Password Box Off Combo Box Radio Button Radio Button On Toggle Switch (on) Combo Box, Drop-Down Box List Box Text Area Text Area Text Area Text Area Text Area Text Area Tooltip ToolTip ToolTip ToolTip ToolTip ToolTip

  8. Common Controls (2/2) Flip View Search Determinate Progress Bar Search Box Flyout File Upload Control Time Picker Your account will be charged $252. 2012 October 29 11 25 AM Complete Order Date Picker Scrollbars Slider Rating Control Flip View Buttons Browse… Indeterminate Progress Ring Indeterminate Progress Bar Connecting to Network

  9. Grid View (with Groups) Gelato Ice Cream Low-fat frozen yogurt Marvelous Mint Roma Strawberry Italian Rainbow Firenze Vanilla Very Vanilla Strawberry Chocolate Bana Blast Frozen Yogurt Creamy Caramel Frozen Yogurt Chocolate Lovers Frozen Yogurt Strawberry Frozen Yogurt

  10. List View & Charms Search Share Charms Start Banana Blast Frozen Yogurt Lavish Lemon Ice Sorbet Marvelous Mint Gelato Creamy Orange Sorbet Succulent Strawberry Sorbet Devices Settings

  11. Toast Header Text Toast body text, lorem ipsum dolor sit amet. App Name App Header  Section Page Section Page Section Page Home Toast Header Menu App Bar Save As Home New File

  12. Message Dialog Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text OK Cancel

  13. Text Styles This is an <h1> element. This is an <h2> element. This is an <h3> element. This is a <p> element: Lorem ipsum dolor sit amet. This is a <code> element: Lorem ipsum dolor sit amet. This is a hyperlink. This is an error/warning message. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  14. Icons (1/2)

  15. Icons (2/2)

  16. Touch Gestures Point Tap Press and Hold Slide Swipe Pinch and Stretch Turn

  17. License • This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. • Download: http://designmodo.com/windows-8-wireframe • Please link back to http://www.powermockup.com/ when used. • Attribution: • Icons: Based on the “Modern UI Icons” set by Austin Andrews (@templarian), http://modernuiicons.com/

More Related