Teil von  SELFPHP
  +++ SELFPHP CronJob-Service :: Jetzt auch als Professional-Version verfügbar! +++

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: SELFPHP Forum ::

Fragen rund um die Themen PHP? In über 120.000 Beiträgen finden Sie sicher die passende Antwort!  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

:: Qozido ::

Die Bilderverwaltung mit Logbuch für Taucher und Schnorchler.   

 
 
Building a Basic Layout in SketchFlow


SELFPHP Produktempfehlung
Microsoft Windows Server 2008
Seite Windows Server 2008
Seite

Microsoft SQL Server 2008
Seite SQL Server 2008
Seite

Microsoft Expression Web 3
Seite Microsoft Expression
Seite







What you’ll learn in this module:

Creating navigation screens
Adding images
Using drawing tools
Working with connections


Prototyping with SketchFlow: Module 3

Building a Basic Layout in SketchFlow

In this module, you create the layout of your project using basic SketchFlow tools and elements. You will also find out how to add an image to your project.

Adding User Interface Elements
Up to this point, you have seen how to add content to your screens by adding a textbox from the Styles section in the Assets Library. Also contained in the Assets Library are a number of user interface elements in the same SketchStyle format. You’ll now add a few buttons that will form the foundation of a navigation bar.

  1. Make sure that you have a SketchFlow project open, the example we use is located in the module03_assets folder. Open the folder named snowboard_online_module03, then double-click on the file named snowboard_online.
  2. Double-click the Start screen in the SketchFlow Map panel to access this screen.
  3. From the Tools panel, locate the Pen tool, click and hold down to expand it and select the Pencil tool.
  4. With the Pencil tool, draw some basic mountain shapes. Don’t worry about precision; it’s a prototype after all. You can always undo steps by pressing Ctrl+Z, or choosing Edit > Undo.




  5. Click the Assets library and locate the Styles section, click the arrow to expand it, then choose SketchStyles. From the resulting menu, locate the TitleCenter-Sketch element and select it.
  6. Click and drag it out in the center of the artboard and type Snowboarding Online.
  7. If you need to expand the text area, switch to the Selection tool, then click and drag the handles out.




  8. Using the Selection tool, click and drag the title to the upper-left corner of the artboard.

Adding a note
You will now add a note to your project, indicating that it is a prototype.

  1. Click the Assets library and locate the Styles section, click the arrow to expand it, then choose SketchStyles. From the resulting menu, locate the Note-Sketch element and select it.
  2. Click and drag a note onto your artboard.
  3. Type the following into your note: This is an online snowboarding application Version 1.0.
  4. Switch back to the Selection tool to notice that the note now changes yellow and looks like a sticky note. Re-position it on the artboard if you want.





Seite 1 von 2 1 2



Downloads

Copyright © 2010
Microsoft Deutschland GmbH
Alle Rechte vorbehalten.

 Microsoft Deutschland GmbH
 




:: Premium-Partner ::

Webhosting/Serverlösungen


Premium-Partner MECO Systemhaus GmbH & Co. KG
Premium-Partner PSW GROUP GmbH & Co. KG
Premium-Partner BPI-Systeme
Premium-Partner Pixel X
Premium-Partner
 

:: SELFPHP Sponsoren ::


DM Solutions
Microsoft Deutschland GmbH
twosteps.net - ...Premium-Webhosting
Sedo - Bei uns wird PHP großgeschrieben
hostfactory.ch - OptimaNet Schweiz AG
ZEND - The PHP Company
Kaspersky Labs
HighText iBusiness
SELFPHP Sponsoren
 

Qozido


© 2001-2013 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt