Smartphone Mobile UI elements

Size: px

Start display at page:

Download "Smartphone Mobile UI elements"

Posy Weaver
6 years ago
Views:

grouping content inside a panel or page. Features News Posts Shop This disconnected tab style is good for cases where tab controls the whole screen or panel, like in the case of a tool.

1 Smartphone Mobile UI elements v.0. - July, 0 Buttons List view Edit panel Title SLIDER seconds Tabs + Accordions This is a simple connected tab that sets the on tab to the content clock to visually connect them and is best for grouping content inside a panel or page. Features News Posts Shop This disconnected tab style is good for cases where tab controls the whole screen or panel, like in the case of a tool. DRILL MENU D Cube Flip After minutes After minutes INPUT John s Slideshow After minutes 0:0 Accordion C Accordion D Tools Search... List Divider Clicking row selects, blue arrow drills July, Confirmation July 0, drilldown, optional drill Adv. Adv. Each has a 0px image 0 0 PROGRESS BAR % Complete INDETERMINATE PROGRESS BAR Delete? Sortable list EMBEDDED DATE PICKER Each has a 0px image Checkbox B Sortable list Active search Grouping Simple, optional drilldown Checkbox A CHECKBOX Clicking the row drills to a new view Accordion B Radio button B July 0 Radio button A RADIO Advanced, drilldown AM No need to round these too much or it takes away a lot of space for typing. Simple, optional drilldown This is an example of an accordion widget that is used pretty much everywhere on the web. On device key lock July, 0 Simple list item, checked Accordion A Never More INPUT Simple, drilldown High Overlays Off SPINNER Simplelist listitem, item, selected Simple selected Low SEGMENTED DATEPICKER Simple list item Off TOGGLE OFF On TOGGLE ON Save Photos Form Albums Events Tags

2 Tablet Panels & Popovers v.0. - July, 0 Form panel Form Title Save Selected Option Selected Option Radio button A RADIO Radio button B Checkbox A CHECKBOX Checkbox B New AUTOCOMPLETE New Arlington New York New Mexico Newton Simple Grid Status: Active COLUMN A COLUMN B COLUMN C COLUMN D Page of Alternative tool with buttons New Status: Active Tabet Popovers Add Object Shapes Tables Charts...

Smartphone Mail app ( x 0) v.0. - July, 0 Home e-mail Family Gmail Drafts Sent Trash Junk Account () My Folder Personal Folder Edit... Folder Edit... () of July, 0 July, 0 : Message?

3 Smartphone Mail app ( x 0) v.0. - July, 0 Home Family Gmail Drafts Sent Trash Junk Account () My Folder Personal Folder Edit... Folder Edit... () of July, 0 July, 0 : Message? PM Delete This It was popularised in the 0s with the It was popularised in the 0s with the of Popover confirmation July, 0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 00s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 0s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Attachments () monthly-report-0.xls (k) resume-john-doe.doc (k) financial-model-draft.xls (,k) Desktop Mail app Drafts Group: None Sent Trash Junk My Folder Personal Folder Work Stuff Message of July, 0 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 00s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 0s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Attachments () monthly-report-0.xls (k) resume-john-doe.doc (k) financial-model-draft.xls (,k) Modal dialog confirmation be recovered from the Trash folder within the next 0 days. Folder Lorem is simply dummy text OnceIpsum deleted, a message canof the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 00s, when an unknown printer took a galley of type and scrambled Delete Messageit to make a type specimen book. It has survived not only five centuries, but also the leap remaining into electronic typesetting, essentially unchanged. Message of Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 00s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Tablet Mail app (0 x ) of

Web/Desktop Dialogs v.0. - July, 0 Dialogs Data Entry Dialog July 0 00 SPINNER July, 0 DATEPICKER Choose file... Browse... weekly-report-june.xls 0 0 Today Browse.

4 Web/Desktop Dialogs v.0. - July, 0 Dialogs Data Entry Dialog July 0 00 SPINNER July, 0 DATEPICKER Choose file... Browse... weekly-report-june.xls 0 0 Today Browse... % Help Save Changes Message Dialog with Tabs Close Tab D This is a simple connected tab that sets the on tab to the content clock to visually connect them and is best for grouping content inside a panel or page. This is a simple connected tab that sets the on tab to the content clock to visually connect them and is best for grouping content inside a panel or page. This is a simple connected tab that sets the on tab to the content clock to visually connect them and is best for grouping content inside a panel or page. How about seeing a shiny new tooltip? I m a tooltip. I can have HTML formatting too. Tree be recovered from the Trash folder within the next 0 days.

Example of a static web site using the same theme styles Zen Gardens Green & Peaceful Home Products Services Company IT IS A LONG ESTABLISHED FACT that a reader will be distracted by the readable

5 Example of a static web site using the same theme styles Zen Gardens Green & Peaceful Home Products Services Company IT IS A LONG ESTABLISHED FACT that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, making it look like readable English. Sign Up Learn more It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Our Story Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from BC, making it over 00 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections.0. and.0. of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section.0.. Zen Gardens Inc. Hours: 0 Old Post Road Alman Maine 0 () - M-F Sat :00am - :0pm 0:00am-:00pm Plants Shrubs Trees Accessories Request quote us

Beautiful Lighting Effects

Beautiful Lighting Effects Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry s standard dummy text ever since the 1500s, when an unknown printer