edge reflow cc is a great software for visual creation of responsive design released by adobe, it is like a combination of Photoshop, Illustrator, Fireworks and Dreamweaver. The small software has various practical functions for web design , and designers can create a page prototype that can adapt to different devices without writing any code. With the help of the text tool edge reflow cc, a visual design canvas can be provided. The slider on the right can resize the canvas so that designers can directly simulate devices and browsers with different resolutions.
Required tools: Click to download adobe edge reflow cc
Software Features
1. By visually displaying all "breakpoints" and "modules" in the design process, developers can debug the spacing in the tool and test the display effect at the same time.2. It is easier to complete multiple development tasks in the same interface, and debug webpages displayed on devices of various sizes.
3. Using an intuitive user interface on the layout, you can set breakpoints for different screen sizes during the design process.
4. In terms of style design, the debugging function provided by edge reflow cc can accurately realize your design and help developers to change details with a more intuitive interface.
Features
1. Interactive design on the WebKit interface2. Visual media query breakpoints
3. edge reflow cc to create multi-page designs with links
4. Review designs in the browser
5. Add skin components to your designs
6. edge reflow cc Add style states to any object in your design, such as "Pending" and "In use"
7. New: Importing Photoshop CC assets has been improved
8. New: Exporting CSS and HTML Works with your favorite code
editor9. New: Design with native fonts, Typekit and Edge Web Fonts10
. Share designs on-device with Edge Inspect11
. Integrated flow grid system
common problem
1. Will Adobe Edge Reflow automatically generate CSS?edge reflow is for responsive layout. edge inspect is to link each mobile terminal with the host, which is convenient for debugging. edge code is a lightweight front-end code writing tool. edge animate is for parallax effects. It is mainly a development kit for web designers, but the whole is lightweight software.
2. Why can't photoshop cc and edge reflow be connected?
edge reflow cc supports adding jpg, gif, png and svg elements to the canvas. Clicking the Image button will open a file dialog where you can select an image file to add. As with boxes and text, images can be placed anywhere on the canvas. After placing the image, you can drag the image to make it smaller than the original, but you cannot make it larger. If you wish to resize an image larger than its original size, you can do this through the Property inspector.