Interactive prototype design software axure Chinese Course--Introduction
Introduction (Introduce)
An important task for product managers in the Internet industry is to conduct product prototyping (Prototype design). And the most basic work of product prototype design is to combine annotation, a large number of instructions and flowchart drawing frame Diagram Wireframe, the complete and accurate presentation of their product prototypes to UI, UE, pro
, Linux)
Google Reader Client: Gruml (Mac OS), feeddemon (Windows)
Time management: Flowkeeper (Windows)
Pomodoro for Mac OS
Doit. Im
Project viewer MS:
Moos or rationalplan (Mac OS Linux and Windows)
Project Utility:
(*) Ganttproject (Mac OS, Linux and Windows)
Jxproject (Mac OS, Linux and Windows)
Taskjuggler (follow)
Blogger tools
Zraven (Windows)
Firefox + scribefire (Mac OS)
UI design toolkits
Commercial: Antetype, foreui, axure RP, mockery
Free: Lumzy (online only),
.
Show the whole thinking process of solving the problem
2. Using a wireframe that removes visual effects
Coupled with the visual effects of the design is easy to put more attention to the non-interactive part, so the interactive design case should try to display wireframe and flowchart, and with a certain text description. Wireframes can take a variety of forms, including hand drawings, Visi
generally do not operate on the mobile side of the demand, there is no need for responsive design. Step two: Make Wireframe prototypes In order to determine the size of a number of different types of wireframe prototype, you need to consider the different sizes, how the layout of the page changes, how the size of the content is scaled, the function, the content of the deletion, and even for the spec
list:border-top:1px solid #6699cc; /* Upper Frame line */border-bottom:1px solid #6699cc; /* Bottom Border */border-left:1px solid #6699cc; /* Left Border line */border-right:1px solid #6699cc; /* Right Border line */This is the way the proposal is written, but it can also be used in the usual way:Border-top-color: #369/* Set upper Border top Color */BORDER-TOP-WIDTH:1PX/* Set upper Border top Width */border-top-style:solid/* set upper Border top style */Other
The Graphics class provides basic drawing methods, and GRAPHICS2D classes provide more powerful drawing capabilities. This section explains the graphics class, the next section explains Graphics2D.
The Graphics class provides basic geometry rendering methods, which include: drawing segments, drawing rectangles, drawing circles, drawing with color graphics, drawing ellipses, drawing arcs, drawing polygons and so on.
1. Draw LineTo draw a line segment in a window, you can use the DrawLine () met
does not operate on the mobile side of the demand, there is no need for responsive design.
Step two: Make Wireframe prototype
For the determination of several sizes to make different wireframe prototypes, we need to consider the different sizes, the layout of the page, how to scale the content, the function, the content of the deletion, and even for the special environment for the design of specializ
steps until all the investigation issues are established. Then press the "Next" button.7. Select the Read, edit and Modify permission options, and display and input options, and then press the "Finish" button.Note: You can create a new online survey page anywhere on the SharePoint team site, and just select the appropriate file location in the folder view before starting the "Create New online Survey Wizard". Because the opinion survey is a list type, it is automatically linked to the list page
Are you an interactive designer? Tell me, what do you do specifically?
Did I do a website design? It doesn't sound professional enough. I do Web design, it sounds ... You are the interface ...
Well, I reluctantly accept, but still will be very not give up: in fact, we do not only interface, we also plan to use the process, to study the user in order to achieve the goal to complete the task, simplifying the task ... Do not understand? All right, whatever!.
Interactive design is like one of the
displayed on the ipad retina. What about the other devices? It's going to depend on Aspectfill.Simply take a look at the following picture:The orange whole area represents the true size of our scene. The area within the black wireframe indicates the true size of the scene on the device.Look at the ipad Retina. His orange area is perfectly matched to the area inside the black wireframe, which means it can b
:1px solid #6699cc; /* Upper Frame line */border-bottom:1px solid #6699cc; /* Bottom Border */border-left:1px solid #6699cc; /* Left Border line */border-right:1px solid #6699cc; /* Right Border line */This is the way the proposal is written, but it can also be used in the usual way:Border-top-color: #369/* Set upper Border top Color */BORDER-TOP-WIDTH:1PX/* Set upper Border top Width */border-top-style:solid/* set upper Border top style */Other wireframe
detailed in this article: use Viper to build iOS apps ."VIPER is a program that creates a concise architecture for IOS apps. VIPER can be the initials of a view, an interaction (Interactor), a display (Presenter), a solid (entity), and a route (Routing). A concise architecture divides the logical structure of an application into different layers of responsibility. This makes it easier to isolate dependencies, such as databases, and to test the interaction at the boundary between layers more eas
/18/android-gui-psd-vector-kit/The Android GUI Starter Kit package contains multiple button elements and Androidgui content for different interface options. These elements are based on the Android1.5 GUI, and these packages are provided to the open source community's Android application model. Most GUI elements and phone legends are made using vector paths, so they are very easy to scale. For text Androidsans the package is used.20. Android Firworks Template firworks TemplateOriginal address:Htt
Web development gurus, the dry goods come again! Small series for everyone to take stock of the 60 features rich types of user interface design tools, this collection will be the next three of the above respectively for everyone to present. Today's inventory of the 20 tools include a large number of interface prototyping tools , free online prototyping tools, Iphone/android/facebook application prototyping tools, and a variety of integrated UI prototyping tools, should be exhausted, It will defi
? For example, 1688 search results page, the span can be from mobile phones to widescreen, and 1688 of the first page, because the structure is too complex, want to move directly to the mobile phone, not too realistic, rather than directly design a mobile phone version of the homepage.
In combination with user requirements and implementation costs, the applicable size of the trade-offs. For example, some functional operation of the page, users generally do not operate on the mobile side of t
:1px solid #6699cc; /* Bottom Border */border-left:1px solid #6699cc; /* Left Border line */border-right:1px solid #6699cc; /* Right Border line */This is the way the proposal is written, but it can also be used in the usual way:Border-top-color: #369/* Set upper Border top Color */BORDER-TOP-WIDTH:1PX/* Set upper Border top Width */border-top-style:solid/* set upper Border top style */Other wireframe StylesSolid/* Solid
:1px solid #6699cc; /* Upper Frame line */border-bottom:1px solid #6699cc; /* Bottom Border */border-left:1px solid #6699cc; /* Left Border line */border-right:1px solid #6699cc; /* Right Border line */This is the way the proposal is written, but it can also be used in the usual way:Border-top-color: #369/* Set upper Border top Color */BORDER-TOP-WIDTH:1PX/* Set upper Border top Width */border-top-style:solid/* set upper Border top style */Other wireframe
: W-resize arrow facing up Cursor:n-resize arrow facing right cursor:ne-resize arrow facing left cursor:nw-resize text i type Cursor:text arrow oblique right down cursor:se-resize arrow oblique left Lower Cursor:sw-resize funnel cursor:wait cursor pattern (IE6)P {cursor:url ("cursor filename. cur"), text;}Vi. List of CSS wireframe linesborder-top:1px solid #6699cc; /* Upper Frame line */border-bottom:1px solid #6699cc; /* Bottom Border */border-left:
Cursor:helpArrow facing left Cursor:w-resizeArrow facing up Cursor:n-resizeArrow to top right cursor:ne-resizeThe arrow is facing up to the left Cursor:nw-resizeText I type Cursor:textArrow Oblique Right Bottom cursor:se-resizeArrow Oblique left Lower cursor:sw-resizeFunnel cursor:waitCursor pattern (IE6) p {cursor:url ("cursor filename. cur"), text;}vi. CSS Frame line list:border-top:1px solid #6699cc; /* Upper Frame line */border-bottom:1px solid #6699cc; /* Bottom Border */border-left:1px so
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.