Web Design Three Musketeers

"Web design of the Three Musketeers" may be many new students have not heard, because the creation of the myth of the company has quickly disappeared. "Web Design Three Musketeers" is the Macromedia Company's Dreamweaver,flash,fireworks three software collection of abbreviations, and Macromedia at the end of 2005 has been acquired by Adobe. When I was studying web-design, they were already stars--dreamweaver used to make pages, fireworks were used to make graphics, and Flash was used to animate. This reflects the objective fact that the web design of that era is composed of three main elements-page, graphics, animation.

One afternoon nine years later, a group of people at the Adventure Café in the Beijing branch of the UCD Book Club DISCUSSED "Internet product design software and tools". I said a lot of my own experience, but also listened to the sharing of everyone, found once "web design Three musketeers" in fireworks, Flash no one mentioned. In fact, in line with the current development trend of web design, graphics used less and fewer animation. The reason is more complex, the first Internet product design method system is being standardized, the second mature technology system in the gradual separation, the third now use tools too much choice.

Once the concept of "do Web pages" has risen to the "do Web site" and "Do Products", the corresponding work of the software should also innovate the replacement. The use of tools mainly look at the technical background of individuals, as well as work habits, there is no so-called absolute efficiency and excellence. The bad method, when practice makes perfect can also have high efficiency, but theoretically learn to choose good tools will be more cost-effective. At present, my main use of software has the following three, or "Three Musketeers", the difference is that they come from three companies:

I have a preference for mindmanager, can be used to quickly organize ideas, but also to do long-term planning structure, these years have been trying to personal knowledge management system accumulation. Visio is the first contact information Architecture Learning JJG that set of vocabulary legacy of the habit, powerful enough, operational deficiencies I use experience to make up. Dreamweaver's experience with My Learning Web design synchronization, is currently mainly used to write HTML wireframe, including the combination of performance layer CSS. Currently trying to do design specifications and documentation, the Dreamweaver is powerful enough to penetrate the edges of Internet products. For the software version, I think it is not new will be good, I am now using the Macromedia Era MX 2004 version, easy to use and not complicated, remember that 8.0 was very bad.

Fireworks have been used mainly to do graphical interface, that is, the web design of the modified graphic, but its graphics processing capacity and less than Photoshop, positioning more embarrassing. Today, there are a lot of software that can replace fireworks to do various levels of high-fidelity interface prototypes, such as Visio, OmniGraffle, Axure, etc.

Focus on the next axure this software, you can use the design pattern is very easy to "build" the prototype, but also easy to generate HTML pages and interactive paths for real demo on the screen. This is a more realistic way to convey the "interaction" logic, which is a low-cost solution that is too expensive to make web prototypes, but common document prototypes can't interact with each other. The positioning is accurate because the current number of employees who are directly capable of writing web pages is small, and in some projects it does require a quick iteration in such a way. However, it is obvious that the HTML code it generates is not reusable, and that a lot of costs can be added if the control is not well paced. I am currently trying because of the work relationship is not much, has always been to strive to take the path of agile design, as far as possible to reduce the work link.

In addition to the end of the Internet presented to users of the "client code", all the process documentation to do the product, I do not think too much care about the form and method. Just make things clear, but we have to choose the tools that best suit us. The Analects of Confucius has "工欲善其事, prerequisite." "When faced with many choices, it is recommended to choose the most experienced and powerful tool in the background." Should not be biting, each type of deliverable to choose a tool software in-depth study can be. Of course, in the team collaboration, the need for colleagues to jointly maintain the "source file" collaborative iteration, this time should be agreed first.

Finally, looking forward to the future, personally think that with the popularization of HTML5 and CSS3 (perhaps 10 years), the semantic layer "structure + performance" can achieve visual effects, to meet the vast majority of Internet products high-fidelity visual design needs. You should be able to do "visual design" in the Code editor in the future, and probably no longer rely on Third-party software. This can further improve the efficiency of agile design by reducing the use of tool software and delivery types.

Source Address: http://blog.rexsong.com/?p=9474