Is the last piece of "design tools experience skills" of the follow-up update it, basic is usually some accumulation of work practice, to discuss some PS inside the small bugs or tips, mostly with the UI design-related technical items, enthusiasts can discuss, for the design
Case study: Designing a mobile app with a point-of-order function for a restaurantA function point:1. Mobile Login2. Package3. Recommended4. Snacks5. Beverages6. Shopping Cart7. Settings: Profile picture, Order history, membership level, promotionSecond drawing of Mind mapUsing the software: MindManagerLike thisThree-hand interactive diagramis to hand out the page design.Four software drawing interaction diagramSoftware tools: Axurerp, Origami (Mac sy
Wireframe (Wireframe) is a very important part of the design process for apps, software, or Web sites, and it allows you to organize and simplify content and elements in a reasonable way. In addition to helping developers save time, Wireframes can deepen the developer's understanding of the product, give developers a clear product architecture, and avoid the confusion of developers in the form of unclear levels of product
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 t
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 tool
it annoying to compute the width of the grid, especially under nested structures. It was in this demand that they invented the Grid.guide tool. This tool will help you calculate the possible permutations and combinations based on the maximum width and number of columns, and generate the corresponding PNG file so that you can drag it directly to the appropriate tool. More importantly, Grid.guide is completely free!
9. Quantity Queries
Quantity Queries is a tool to help you do a num
prototypes in minutes.Fluid UI has some other features:1, to provide easy-to-understand operating procedures and a very intuitive user experience, users can arbitrarily drag any component and control their size;2. Prototype creation with FLUIDUI can be saved to the cloud and updated in real time, without any programming to directly generate the app prototype that can run on the smartphone.3. The Fluid UI o
For designers and developers, good tools are just as important as good ideas. We often say "工欲善其事, its prerequisite", so at the beginning of the project, it is necessary to find out what tasks need to be completed, and which mature tools can be targeted to deal with these problems. With the refinement of web development requirements today, more and more project derivatives are being created, and these new
and workflow of each module of the project, as well as the identifier naming protocol, annotation protocol, and the description protocol of the Development document during the coding process. At the same time, describes the references that may be used during development.
I. module structure
1>. UI Module
User Interface (UI) is the most intuitive module. The quality of
LumzyBefore you create a new UI technology, you need to create a prototype or model based on the concept before creating a website. Of course, you also need to test these new ideas.Lumzy is a convenient online tool for building UI Models and prototyping. It allows you to create prototypes with work functions, not just wireframes:
MockingbirdAnother interface model building and prototype development too
Original article: 40 incredibly useful web design tools you shoshould use daily
Original Author: Daniels MEK's
Translation: tunpishuang
This article will show some tools that web designers should often use. If you need some inspiration, you can visit the most popular design presentation site to find the desired works a
5 active projects. There are also plans for 10, 15, and 30 active projects.
[Platform] web platform
[Areas of expertise] iOS and Android
Proto. io is a dedicated mobile prototype development platform-you can build and deploy a fully interactive mobile app prototype and simulate similar finished products. It can run on most browsers.
Advantages:
It is easy to create a fast entity model.
A large number of standard UI element libraries, many of which ca
Online Design Template
Wirefy
The online design tool of wireframe with the principle of content priority. Allows you to design a response wireframes using standard elements.
Lumzy
A prototype design tool for Web design and interface
A few years ago the interaction designer was an obscure job, and now the interaction designer and the UI designer are fighting at the forefront of the design. UI designers have classic PS and pioneer sketch to open up the territory, compared to the new professional interaction designer is not a more unified design
Web testing tools are very necessary to respond to part of the web design process. with the use of web design testing tools, you will check the website for errors that are easily found. when you see a website, you will use the Web Design test tool to check how your site rea
An important work of interaction designers is the design of product prototypes (Prototype). and product prototype design the most basic work is to draw the site of the general wireframe (frame) and the combination of annotations, a large number of instructions and flowcharts, and so on, their product prototype complete and accurate presentation to the product, UI
An important part of the interaction designer's work is product prototyping (Prototype design). And the most basic work of the prototype design is to draw the site of the general wireframe (frame diagram) and combined with annotations, a large number of instructions and flowchart, and so on, the complete and accurate presentation of their product prototypes to the product,
Summary: Bootstrap is not just a framework, more specifically, it changes the entire game rules. The framework makes design and development of many applications and Web sites much easier, and it has popularized a large number of HTML frameworks into products.Bootstrap is a front-end toolkit developed by former Twitter designer Mark Otto and Jacob Thornton, which provides elegant HTML and CSS specifications. Bootstrap is not just a framework, more spec
collection. The filtering requirements are as follows:
①. Collect only the essays published within a certain period of time;
②. Can collect data based on input keywords;
③. Filters out unnecessary essays based on input;
④. Do not collect essays with too short content;
6>. The related information of the author must be retained;
7>. Collect related logs.
(2). collection quality regulations
1>. Able to collect complete essays;
2>. Retain the essay format as full as possible;
user. Typetester
Typetester is an online font comparison tool that helps designers select appropriate fonts. Whatthefont
Whatthefont can analyze the font from the submitted image address or the uploaded image, and find the closest font from the database. Ultimate CSS gradient Generator
Colorzilla is an online css3 gradient effect generation tool. Its usage is very similar to that of Photoshop. It is particularly recommended. You may also like
Useful free
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.