In the interactive designer's toolbox, Axure is believed to be an essential and handy interactive prototyping tool. Today, we want to explore the need to continuously refine and accumulate enhanced components (enhanced-widgets) in our work to improve productivity. At the same time, I produced a set of enhanced components.
What is a component (Widgets)?
The palette is designed for wireframe and flowchart design. In tacit agreement, the official only
@ Chen Zimu transparent button, as the name suggests, that is, in the design of the button in the Web page, no longer design complex colors, styles and textures, but only the outline of the line frame, only the text to indicate the function, background, with the entire page/background of the design of a way. Foreign designers called "Ghost button" (Ghost Buttons), praised this kind of button permeability simple, fitting the overall style without losing charm, not attractive. The design of the bu
Dreamweaver| detailed in the Dreamweaver, the table is more used in the layout of Web pages, positioning content. In fact, in addition to these "big function" of the application, through a variety of alternative methods, the table can also achieve a lot of design in general difficult to achieve the effect, the following will show you the "wireframe" production is a good example, of course, its ingenious use is far more than this.
of the response-type site is how to design, we have also sent relevant tutorials ... If there is a tutorial that you would like to know, please leave a message below, and the translator who suffers from procrastination and is in the advanced stage will be given priority translation, thank you ...
Let's have a look at the dry goods first:
Wireframe, prototyping, visual presentation tools
I have to say that in the design phase, wireframes and proto
pattern (IE6) p {cursor:url ("cursor filename. cur"), text;}CSS wireframe line 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/
This article will mainly discuss Three. how objects in js are organized: that is, how to combine vertices, surfaces, and materials into a specific object. For details, refer to Three. js Source Code Reading Notes article 3. The previous two articles mainly focus on core objects. These core objects focus on vector vector3 objects and matrix matrix4 objects, focusing on the positions and changes of individual vertices in the space. This article will mainly discuss how Three. js organizes objects:
Axure RP can help Web site designers, quick and easy to create based on the site map of the annotated page, Operation Flowchart, as well as interactive design, and can automatically generate for demonstration of the Web page files and specifications file, to provide demonstration and development.Characteristics1.Axure RP quickly creates annotated wireframe files and automatically saves documents based on the time period you set, ensuring file security
An important task for product managers in the Internet industry is to design prototypeDesign ). The most basic work of product prototype design is to draw a frame drawing wireframe based on comments, a large amount of instructions, and flowcharts to provide a complete and accurate representation of the product prototype.UI, ue, program engineer, marketing personnel, and through the communication meeting, repeatedly modify prototype until final confirm
A good prototype design tool: axure RP
About axure RP Axure RP can help website designers quickly and easily create annotation pages, Operation flowcharts, and interactive designs based on website architecture diagrams, you can also automatically generate webpage files and specification files for demonstration to provide demonstration and development.
Axure RP features 1. axure RP quickly creates wireframe files with annotations, and the software au
*/
A:hover/* Mouse go to link */
Mouse cursor Style:
Prohibition of cursor:not-allowed;
Link Finger cursor:pointer
Cross Body Cursor:crosshair
Help cursor (there will be a question mark) cursor:help
Cross Arrow Cursor:move
Text T-type Cursor:text
Background program run-cursor:progress
Funnel cursor:wait
Arrows facing right or right cursor:w-resize or cursor:e-resize
Arrows facing up or down cursor:n-resize or cursor:s-resize
/* These four valu
as a wireframe editor and contains a large number of wireframe parts. We can use this to create wireframe for our own websites and applications. It is designed for iOS and Android applications and features storyboards, which means we can combine storyboards with wireframe to complete the scene design. All in all, if y
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. List of CSS wireframe linesborder-top:1px solid #6699cc; /* Upper Frame line */border-bottom:1px solid #6699cc; /*
a default cursor type */
Vi. List of CSS wireframe lines
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 */
BORDE
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
to design responsive web pages and apps.
Wagtail
Wagtail is not a design tool, but a content management system (CMS), which is unique in that the system contains design processes, especially for content design.
It has a fantastic function, called Streamfield, that works close to the medium content editor, except that it's easier to customize and more full-featured.
Magic Mirror for Sketch 3
This tool, called Magic Mirror, is intended for the sketch 3 user, which hel
Spell (Chinese design Director): I think the first thing to understand is why it is necessary to find interactive design, or other design work needs to be a portfolio. From my experience of interviewing various designers, the portfolio is actually a reflection of one's design style and thinking process. So based on this view, let's talk about how to use the portfolio to convey this information.
This article is mainly based on the Silicon Valley industry standards, if there is not exactly the sa
will have the following steps:
A. Conceptual Im's creative brain violence:Of course, seeing such a shiny interface isn't going to come out overnight, during the period of repeated brain violence, there are from the CDC internal design sparks collision, but also have the usual project accumulation of creativity, more from the technical team to the forefront of technology exploration and sharing, all the achievements of the current interface, Take a look at some of our brain violence on the wh
will have the following steps:
A. Conceptual Im's creative brain violence:Of course, seeing such a shiny interface isn't going to come out overnight, during the period of repeated brain violence, there are from the CDC internal design sparks collision, but also have the usual project accumulation of creativity, more from the technical team to the forefront of technology exploration and sharing, all the achievements of the current interface, Take a look at some of our brain violence on the wh
In Dreamweaver, tables are more widely used in layout pages, positioning content. In fact, in addition to these "big function" of the application, through a variety of alternative methods, the table can also achieve a lot of design in general difficult to achieve the effect, the following will show you the "wireframe" production is a good example, of course, its ingenious use is far more than this.
Wireframe
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
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.