Web Technology

Introducing Design Space (Technology Preview)

- 22 Comments.

Zorana Gee, Senior Product Manager for Photoshop, shares an early look at Design Space – a new environment customized for web, UI and app designers that is shipping as a Technology Preview inside the 2015 release of Photoshop CC. Design Space delivers a sleek new interface with tuned interactions and new features targeted for your design workflows in Photoshop. Your entire Photoshop Design Space experience is optimized for common web, UI and app design tasks –minimizing clicks, mouse travel, panels, dialogs and clutter. With the creation of Design Space, we are doing something fundamentally different for our designer customers. For the first time ever, Photoshop is releasing a feature at the beginning of the development process (long before it’s finished) and shipping it as a Technology Preview so that you can give us feedback, and we can develop it to specifically meet your needs. This means it is not complete. It has workflows that need more work and introduces changes to Photoshop that may tax your muscle memory. We are doing this because we want your input from the beginning, to hone it specifically for you.

Designers, visit us at these links to share your feedback on the experience and help us best meet your needs.
· Design Space Help www.adobe.com/go/designspace-help
· Design Space Forum www.adobe.com/go/designspace-forum
· Design Space on Twitter www.adobe.com/go/designspace-twitter
· Send feature requests and bugs to Feedback http://feedback.photoshop.com/photoshop_family
· Download source code on GitHub: http://adobe-photoshop.github.io/

Get Photoshop CC: http://adobe.ly/10ekpOA

Follow Photoshop:
https://www.facebook.com/Photoshop
https://twitter.com/photoshop
https://plus.google.com/+Photoshop
https://instagram.com/photoshop/

Related Posts

HTML Lecture 1 – Introduction to HTML, First HTML Example, Features of HTML

Introduction to Web Application Servers

Introduction to CSS | Web Technologies Tutorial | Mr.Subbaraju

22 Comments on “Introducing Design Space (Technology Preview)”

  1. feedback on Design space: any UI tool needs to be based on CSS properties and responsive layout. We need to be able to set margins, padding, outline and background color (or image) for any kind of graphic content / asset / text we may use for a mockup. I've looked for these in the new release of photoshop and I couldn't find any major move in this direction, it is still very pixel / layer based. The CSS output is still the same, it won't consider multiple elements of a group (like a text and its background). I tried corner radius in Design Space and the full properties are not available – only the 4 corners can be changed at the same time. We can't link layers (for text and blocks in order to make buttons). Gradients nor styles are available in Design Space. A lot of things rather necessary for designing web content which are missing from this UI-UX mode! Good: size of blocks update with Stroke align. Artboards are great. Contextual tool selection and click-through on double click (like in AI and in Sketch) is good.The Libraries give a fantastic opportunity to work with frameworks' assets. My dream photoshop for UI would be to have a way to define the relative position and size of elements within a group of objects AND to have be able to choose which content resizes within a group (particularly photos and embedded images) AND – as said above – being able to define padding and margin for all elements of a group according to the hierarchy of the group AND have all of the above translate in CSS. Now photoshop is good to design pseudo-hi res UI and mockup, it takes a lot of organization to bring these mockups to production efficiently, but if more actual CSS based parameters and behaviors were introduced it would really be a game changer. Now the Design Space workspace looks nice but is lacking essential tools, for now we're better off creating our own workspace with all the tools we need.

  2. Not even trying to hide the fact that they are just blatantly stealing from Sketch LOL.

  3. Another preview for the Photoshop 2015 – very handy for web designers – "Introducing Design Space"

  6. Can't wait for this to be finished. I was very interested in Sketch 3 today, but this would work better for me as its integrated right in and I can switch between the two. Really hope they bring a similar UI theme to the rest of PS.

  7. So, basically this is Adobe's answer to Sketch? I'd like to see some features that are unique to this program – seems a bit like an imitation at the moment, but hopefully Adobe can get this up to speed and released soon. Also, my biggest issue is why this is part of Photoshop? It's a completely different UI and way of working and should be a new lightweight program of it's own, with a streamlined price tag to fit. Photoshop is bloated for most designers who need/want something like Sketch, and with that bloat comes a large price tag that becomes hard to justify for small to mid-size teams – CC licenses need better options and cheaper prices for individual applications. Good start, but Adobe really needs to pick up speed here – been slow to react to what designers wanted and the presence of Sketch. It's a shame Adobe once had Fireworks – not perfect at all, but did a lot of this stuff, but through pricing and awkwardness they let it slip and then killed it.

  11. I've just tested the photoshop and sketch file sizes with the same vector shapes and gradients. Sketch – 14 kb. Photoshop – 14,9 MEGABYTES. That's why i'll never switch back to photoshop again.

  16. I would switch to sketch 3，rather than keep my design in PSD since PS dosen`t hvae Artboard

  20. WOW I am sure it will be a big hit for us multi-media designers ~ like it so far ~ waiting for more updates

Comments are closed.