{"id":19720,"date":"2017-10-19T02:15:34","date_gmt":"2017-10-18T17:15:34","guid":{"rendered":"https:\/\/jirak.net\/wp\/adobe-xd-cc-a-new-high-performance-uwp-app-for-uiux-design\/"},"modified":"2017-10-19T02:34:45","modified_gmt":"2017-10-18T17:34:45","slug":"adobe-xd-cc-a-new-high-performance-uwp-app-for-uiux-design","status":"publish","type":"post","link":"https:\/\/jirak.net\/wp\/adobe-xd-cc-a-new-high-performance-uwp-app-for-uiux-design\/","title":{"rendered":"Adobe XD CC: A New High-Performance UWP App for UI\/UX Design"},"content":{"rendered":"

Adobe XD CC: A New High-Performance UWP App for UI\/UX Design
\n<\/p>\n

It\u2019s a big day today \u2013 after a year of public preview, Adobe released Adobe XD 1.0 on Windows 10 and Mac: a new tool for user experience creators to design, prototype and share interactive designs for apps and websites.<\/p>\n

\"\"<\/a><\/p>\n

When it comes to designing anything, it\u2019s important to have design tools that support a fast and fluid process \u2013 one where you can iterate rapidly through a design, test, and build process:\u00a0designing at the speed of thought. <\/em>For interaction design, creative professionals have often used tools that excel at creating images of screens, but these tools that created static images have always missed something: transitions and interactions\u00a0that demonstrate the experience. Putting an interactive prototype in front of stakeholders that they can try out is now a crucial part of the process, and being able to iterate on design rapidly based on the feedback from the prototype is essential. Being able to create a prototype without any coding is mandatory for this process. Almost a year ago, I wrote about a new app<\/a> that fits these requirements, when Adobe released a public preview of Adobe Experience Design CC<\/a> (XD)\u00a0on Windows and Mac. Since then, Adobe was able to iterate quickly, releasing monthly updates of Adobe XD, responding to early customer feedback and an ambitious list of features that interaction designers wanted. We\u2019re excited to share that today, Adobe XD<\/a> as part of the Creative Cloud<\/a>, is available today on Windows and Mac. Here are a few other reasons that that this is such an important release.<\/p>\n

XD is a Universal Windows Platform App<\/h2>\n

Available through Adobe\u2019s Creative Cloud subscription, XD takes advantage of the Universal Windows Platform (UWP) to deliver a modern, high performance, professional design tool. Whether you’re working with one artboard or a hundred, XD gives you the same fast performance. The rendering surface is accelerated by DirectX and the UI is implemented in XAML, C++ and JavaScript.\u00a0 Using this architecture, Adobe was able to have maximum code reuse between their Mac and Windows versions yet take advantage of the most advanced, platform specific UI layout technology.\u00a0During XD\u2019s preview period, Adobe was able to iterate quickly, leveraging a proprietary automated testing framework for much of their code built on the Windows Application Driver<\/a>.\u00a0The end result is a high-performance, stable, professional tool.<\/p>\n

Design, Prototype and Share in One Tool<\/h2>\n

In creating Adobe XD, the team thought of the whole Design\/Test\/Build workflow that interactive designers go through, and made an easy-to-use tool for designing experiences, creating rapid prototypes and sharing them with others to get their feedback. With Adobe XD, you can rapidly create screens with standard tools as well as utilizing tools that have been specially designed for UX designers. Repeat Grid, for instance, allows users to quickly create content grids based on a single element \u2013 helping designers to simulate the type of content they often have to create. The Assets Panel helps users reuse important design elements such as colors, character styles and symbols \u2013 so that making changes across an entire document is fast and easy. At 1.0 XD is also connected to Creative Cloud Libraries, allowing users to leverage content across documents and teams. You can also add artboards for common screen sizes ranging from Android Wear to Surface Pro.<\/p>\n

\"\"<\/a><\/p>\n

Switching from design to prototype mode is a single click, and you can quickly connect artboards to communicate the flow and paths of multiscreen apps.<\/p>\n

\"\"<\/a><\/p>\n

Once your prototype is ready for feedback, you can generate shareable web link of the prototype or embed it onto webpage or supported application. Since my team uses Microsoft Teams<\/a> to collaborate, I can create a tab page in Teams using that link\u00a0to share the design with my colleagues\u00a0\u2013 they can interact with the prototype in Teams and we can chat about it there.<\/p>\n


\n<\/a>\"\"<\/a>
\n<\/a><\/p>\n

Designer and Developer Resources<\/h2>\n

In addition to the tools available, Adobe XD has a number of UI\u00a0resources available\u00a0for designers to use while creating, including Apple iOS, Google Material Design, Microsoft Windows<\/a>, and Microsoft Office UI Fabric. Our Office and Windows teams worked closely with the Adobe XD team to deliver a great set of UI components that designers and developers can use to craft their user experiences. We will continue to work closely in the future as we help developers and designers take advantage of the Fluent Design System<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

This Is Just the Beginning<\/h2>\n

Having worked closely with the Adobe XD team for the past two years, this is a very exciting day. The designers, engineers, testers and product managers that I have met on the Adobe XD team are passionate about their product and are eager to hear your feedback as you try it out, use it and craft the next generation of user experiences. While today marks the\u00a01.0 release of\u00a0Adobe XD, the\u00a0team\u00a0has\u00a0big plans ahead,\u00a0including\u00a0improvements for the way designers\u00a0and\u00a0developers\u00a0work together. Read more<\/a> about where they\u2019re headed\u00a0here.<\/p>\n

You can download XD as a free trial<\/a> or as part of Creative Cloud today. Adobe will also be hosting a live stream on UX design from Oct. 24-26.\u00a0Watch and interact with Daniel Alegria, a Microsoft UX designer in action using XD on Windows. See the schedule and more content here<\/a>.<\/p>\n

Adobe has delivered a new, high-performance, UWP app that is useful to designers, and you should try it out today.<\/p>\n

Source: Adobe XD CC: A New High-Performance UWP App for UI\/UX Design<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Adobe XD CC: A New High-Performance UWP App for UI\/UX Design It\u2019s a big day today \u2013 after a year of public preview, Adobe released Adobe XD 1.0 on Windows 10 and Mac: a new tool for user experience creators to design, prototype and share interactive designs for apps and websites. When it comes to designing anything, it\u2019s important to have design tools that support a fast and fluid process \u2013 one where you can iterate rapidly through a design, test, and build process:\u00a0designing at the speed of thought. For interaction design, creative professionals have often used tools that excel at creating images of screens, but these tools that created static images have always missed something: transitions and interactions\u00a0that demonstrate the experience. Putting an interactive prototype in front of stakeholders that they can try out is now a crucial part [ more… ]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":19721,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[169],"tags":[201],"class_list":["post-19720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-windows"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/19720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/comments?post=19720"}],"version-history":[{"count":1,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/19720\/revisions"}],"predecessor-version":[{"id":19722,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/19720\/revisions\/19722"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media\/19721"}],"wp:attachment":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media?parent=19720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/categories?post=19720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/tags?post=19720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}