Компании
<<  Program Design Database Design  >>
Design Do-It-Yourself
Design Do-It-Yourself
Instructions
Instructions
Example screens: all-touch device
Example screens: all-touch device
=]
=]
?
?
Example screens: physical keyboard device
Example screens: physical keyboard device
Example screens: physical keyboard device
Example screens: physical keyboard device
Example screens: physical keyboard device
Example screens: physical keyboard device
Example screens: wide physical keyboard device
Example screens: wide physical keyboard device
Gestures
Gestures
Wide keyboard device
Wide keyboard device
All-touch device
All-touch device
Physical keyboard device
Physical keyboard device
Links to the BlackBerry 10 UI Guidelines
Links to the BlackBerry 10 UI Guidelines

Презентация: «Design Do-It-Yourself». Автор: user. Файл: «Design Do-It-Yourself.ppt». Размер zip-архива: 1726 КБ.

Design Do-It-Yourself

содержание презентации «Design Do-It-Yourself.ppt»
СлайдТекст
1 Design Do-It-Yourself

Design Do-It-Yourself

BlackBerry 10 wireframe components, examples, and resources

2 Instructions

Instructions

This slide deck includes all of the UI components and screen layout examples you will need to create basic wireframe mockups of your app screens and workflow. Designing on slides allows you to present your creations easily and get quick feedback. Start by checking out the All-Touch Example Screens and the Physical Keyboard Example Screens to see the typical level of detail and how the UI components can be placed on the device frames. Remember, they’re just wireframes. They don’t have to look pretty in order to be understood. Next, visit the Design Palette section, which has everything you’ll need to construct your own wireframe slides, including the device frames, UI components, and gesture illustrations. Simply copy the elements you need onto a new slide and position them as required. Double-click a [Text] tag to add your own label.

2

December 3, 2015

3 Example screens: all-touch device

Example screens: all-touch device

Dialog with two buttons

Dialog with three buttons

Context menu

Image grid, action bar, headers and dividers

Title bar, list items, headers and dividers

This is a simple Dialog text with three actions to choose from...

4 =]

=]

Example screens: all-touch device

Virtual keyboard, text field, title bar with actions

List items, title bar, radio buttons

Tab menu

Toast with button

Action bar with one action and action menu button

Name

5 ?

?

Example screens: all-touch device

Progress bar, list items, title bar

Text cursor and selection

List items, action bar, title bar, drop-down

Application menu

Title bar with search, headers and dividers

Name

Calc

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis euismod ante. Duis varius nisl at eros accumsan dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lobortis, dolor nec blandit malesuada, orci neque hendrerit mi, ut ultrices felis quam sed enim. Fusce risus enim, consequat eget tincidunt nec, cursus ac ipsum. Integer elementum tellus vitae elit placerat molestie. Donec dignissim, lorem sit amet vehicula ullamcorper, felis justo placerat quam, pellentesque tristique ante risus cursus arcu. Suspendisse eu turpis sed turpis consequat egestas. Mauris lobortis urna eu libero imperdiet et vestibulum quam bibendum. Ut ipsum ante, mollis tempor malesuada nec, tincidunt vel erat. Nam eu massa leo, sed semper est. Quisque pretium porta lacus at placerat. Vestibulum placerat sem et

Calculator

6 Example screens: physical keyboard device

Example screens: physical keyboard device

Dialog with two buttons

Dialog with three buttons

Context menu

Image grid, action bar, headers and dividers

Title bar, list items, headers and dividers

This is a simple Dialog text with three actions to choose from...

7 Example screens: physical keyboard device

Example screens: physical keyboard device

Tab menu

Toast with button

Action bar with one action and action menu button

Text field, title bar with actions

List items, title bar, radio buttons

8 Example screens: physical keyboard device

Example screens: physical keyboard device

Progress bar, list items, title bar

Text cursor and selection

List items, action bar, title bar, drop-down

Application menu

Title bar with search, headers and dividers

Name

9 Example screens: wide physical keyboard device

Example screens: wide physical keyboard device

10 Gestures

Gestures

11 Wide keyboard device

Wide keyboard device

All-touch device

Physical keyboard device

12 All-touch device

All-touch device

+

!

Undo

[Text]

?

http://

<

.

,

Cancel

[Text]

[Text]

[Text]

123

sym

Search

13 Physical keyboard device

Physical keyboard device

+

!

Undo

Cancel

[Text]

[Text]

Search

14 Links to the BlackBerry 10 UI Guidelines

Links to the BlackBerry 10 UI Guidelines

©2013 BlackBerry. All rights reserved. BlackBerry® and related trademarks, names, and logos are the property of Research In Motion Limited and are registered and/or used in the U.S. and countries around the world.

«Design Do-It-Yourself»
http://900igr.net/prezentacija/ekonomika/design-do-it-yourself-239597.html
cсылка на страницу
Урок

Экономика

125 тем
Слайды