Skip to content
Browse files

应用描述.md

Signed-off-by: TZ <atian25@qq.com>
  • Loading branch information...
1 parent 78efb2b commit 595e97398e62704484b66b02e46ab0d3f72ea0e5 @atian25 committed Feb 8, 2013
View
BIN src/assets/help_3mainareas.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/help_appbar.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/help_quickadd.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/menus.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/mockup-browser.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/mockup-context-menu.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/pi-menu.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/rename1.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN src/assets/rename2.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
83 src/应用概述.md
@@ -0,0 +1,83 @@
+原文地址: [Mockups Application Overview](http://support.balsamiq.com/customer/portal/articles/109151-mockups-application-overview)
+
+Balsamiq Mockups 主要由三部分组成,从上到下为: [菜单栏](#appbar),[控件库](#uilibrary),[工作区](#canvas)。
+
+![help_3mainareas.png](./assets/help_3mainareas.png)
+
+<a name='appbar'/>
+## 菜单栏
+
+菜单栏包括:[菜单](#menus),[快速添加](#quickadd)和[工具栏](#toolbar)。
+
+![help_appbar.png](./assets/help_appbar.png)
+
+<a name='menus'/>
+### 菜单
+
+菜单的作用不言自明。
+The Mockups menus should be pretty self-explanatory. The only tricky bit is that the Mockup menu contains different items depending on what version of Balsamiq Mockups you are using. In general, that's where you'll find the About Box and commands related to your mockup as a whole, like saving, exporting to XML or PNG, etc.
+
+![menus.png](./assets/menus.png)
+
+<a name='quickadd'/>
+### 快速添加
+
+The Quick Add tool is the fastest way to add UI controls to your mockup. To use quick add, click inside the quick add input box (or use the / or + keyboard shortcut to enter it). Then you simply type a few letters from the name of the UI control you wish to add and Quick Add will show you a list of suggestions. Use your mouse or arrow keys to scroll down the list to the UI control you wish to add, hit the ENTER key and voila', a new control is placed on the mockup canvas for you. For instance, typing "bu" shows a list containing "Button", "Button Bar", "Help Button", "Radio Button" and "Round Button". Typing "hel", on the other hand, only returns "Help Button". Pressing the ESCape key makes the list disappear, as one would expect.
+
+![quickadd.png](./assets/help_quickadd.png)
+
+Try out Quick Add now! As you become familiar with it, you could even hide the UI Library (through the View menu) and simply use Quick Add to add UI elements to your mockup. This maximizes both your mockup canvas area and your speed!
+
+<a name='toolbar'/>
+### 工具栏
+
+The toolbar includes most of the same commands as the Edit menu: undo, redo, duplicate, cut, copy, paste and delete. Not all versions of Balsamiq Mockups support the same keyboard shortcuts, so the Toolbar gives you a handy way to perform common actions. Notice that you'll find the same commands in the [Property Inspector](http://support.balsamiq.com/customer/portal/articles/110114) as well.
+
+<a name='uilibrary'/>
+## 控件库
+
+The UI Library, or UI Controls Library, is the long strip of UI Controls just below the Application Bar. It lists all of the different UI control types that Mockups supports, alphabetically. The main goal of the UI Library is to let you add UI Controls to the mockup canvas, but you can also use it to see what's possible and to get inspiration for your UI mockup.
+
+To add a new UI control to the canvas, simply select the control type you wish to add, then you can either "drag and drop" it to the mockup canvas below or simply double-click and Balsamiq Mockups will place it on the mockup canvas for you.
+
+The UI Library can be positioned to the top, left, or right of the application window using the menu, View > UI Library Position.
+
+![pi-menu.png](./assets/pi-menu.png)
+
+You can [view a list and screenshots of all of the components](https://support.mybalsamiq.com/projects/uilibrary/story) that ships with Mockups.
+
+<a name='canvas'/>
+## 工作区
+
+This is the main working area of Balsamiq Mockups, where your UI mockup comes to life. Once you add UI controls to it, you can move them, resize them and tweak them to your heart's content until your UI mockup is ready. See the sections below for instructions.
+
+The mockup canvas grows and shrinks with your browser or application window, so you can make room for bigger mockups if you need to.
+
+<a name='filebrowser'/>
+### 文档列表
+
+Below the canvas, at the bottom of the application window, you'll find the Mockups file browser. This bar displays the Mockups files you have open as a series of tabs, and the current Mockup in use is highlighted in blue.
+
+![mockup-browser.png](./assets/mockup-browser.png)
+
+When the tabs for the number of open Mockups cannot be displayed in the space available in the file browsing area, a pop-up menu is displayed to navigate the files.
+
+<a name='contextmenu'/>
+### 快捷菜单
+
+A context menu is also available for the files that are open in the file browser. Right-click the file to view available actions:
+
+![mockup-context-menu.png](./assets/mockup-context-menu.png)
+
+<a name='rename'/>
+### 重命名文档
+
+The rename feature will help those of you who use the [linking feature](http://support.balsamiq.com/customer/portal/articles/111742-linking-mockups-together) extensively.
+
+![rename1.png](./assets/rename1.png)
+
+Just right-click on a file tab at the bottom of Mockups for Desktop and select "Rename Mockup...": the app will go through all the BMMLs contained in the same folder as the one you're renaming and look for links pointing to the current mockup. If it finds any, it will show you this:
+
+![rename2.png](./assets/rename2.png)
+
+Pick a new name, hit Rename and voilà, Mockups will rename your file and update all the links in all the other mockup files for you! This should save you a few hours here and there... ;)

0 comments on commit 595e973

Please sign in to comment.
Something went wrong with that request. Please try again.