Name: Adobe Experience Design CC Version: 0.5.16 Mac Platform: Intel OS Version: OS X 10.10 or later Includes: Adobe Zii Patcher Web Site: http://www.adobe.com/products/experience-design.html Overview Design and prototype websites and mobile apps with Adobe Experience Design CC (Preview), the first all-in-one solution for UX designers. Visual design, prototyping, wireframing, testing, and demoing are all built into XD. You can add interactions and animation in order to accurately demo your design to clients, or team members. Part-prototyping tool, part design app, XD is focused around two tabs: Design, and Prototype. The Design tab features simple vector and text tools, and is used for creating your design. The Prototype tab is for previewing, and sharing your design. Finished, or in-progress, designs can be easily shared via public links that can even be opened on mobile, allowing anyone to experience your design in its intended context. The aim of XD is to reduce the friction moving from design, to prototype, and on to presentation. What's New in Version 0.5.16: • Linear Gradients - Create, edit, and apply linear gradients to objects on the canvas from within the color picker. • Korean language support - XD is now available in Korean. • Hex Shorthand • Instant Transitions Linear Gradients: • One of our most frequently requested features has landed. You can now create, edit, and apply linear gradients to vector objects directly in XD. What’s more: you can quickly bring existing linear gradients from Illustrator into XD with simple copy and paste commands. Your color selections and stops are all transferred over into XD along with the shape you’ve pasted. • To create a linear gradient, select the vector you want to apply a linear gradient to, navigate to the color picker (located in the property inspector), and change the fill from solid to gradient. A gradient will now appear in the shape. Once you’ve converted to a gradient fill, you can add, select, move, and delete color stops along the bar at the top of the pop-up. Modify each stop’s color and transparency using the familiar color picker and appearance controls. • When you create a gradient by changing a vector object’s fill from solid to gradient, you’ll notice that a control line appears in the shape itself. This control line allows you to position the gradient’s endpoints and angle. Furthermore, you can add new color stops and reposition them by sliding them along the control line. Hex Shorthand: Save time when specifying hexadecimal codes in the color picker using a few quick shortcuts. Here are a few examples: Type Populates the hex code line with: • AB #ABABAB • ABC #AABBCC • A #AAAAAA • august_release_hex_shorthand • Hex shorthand in action. Instant Transitions: • In this release, we’ve added the ability to specify an animation’s segue as “none”. This allows you to create instant transitions which are immediate and do not contain any easing. This feature is particularly helpful in simulating changes to an artboard’s state (drop-downs, collapsing/expanding, etc.). • In the animated example below, a menu icon is linked to a second artboard (which shows the menu in its expanded state). In prototype mode, the icon has been linked to a second artboard which shows the expanded menu using an instant transition (segue:none). The second artboard was then set to return to the previous artboard (a new feature in July). Renaming “Slide” Transitions to “Push”: • In this release, we’ve made changes to our segue naming based on your feedback. “Slide” transitions will now be referred to as “Push”. We believe this better matches the definitions designers are already using. Look out for proper “Slide” transitions in September’s release. • The chart and animations below are intended to show how we’re defining Push and Slide transitions in this release forward. Let us know if you have any questions or further feedback. What it does: Moves an artboard off-screenat the same speed and in the same direction as a second artboard. The new artboard “pushes” the old artboard in its entirety. What it does: • A new artboard slides over an existing artboard (which exits with a slight parallax effect). The new artboard “slides” over the first artboard. What it looks like: august_release_push_animation What it looks like: • august_release_slide_animation Korean Language Support: • A while back, the XD team visited design agencies in Korea, to better understand the challenges and workflows designers encounter everyday. We also learned how rapidly UI/UX design was growing in Korea, and are thrilled to announce that Korean is now supported in XD.