Sketch seconds to kill PS CC 2015 new features of 7 places

I believe that students want to know the use of the new version of Photoshop experience, @JingDesign students in the beginning of the experience of Photoshop CC 2015, found that the more eye-catching several new features are very urgent, single from the UI design, sketch overwhelming victory. A very serious review article, strongly recommended >>>

If you want to ask, which of these days is the most popular in the design circle, then what do you think of? are all kinds of dazzling dynamic design, or a glib "wizards" reverse the story of Tencent?

No, no, no, they are nothing compared to this. In mid-June, Montana Adobe, who designed the software industry, released the latest design Kit Creative Cloud 2015. Such a blockbuster is no doubt that every designer who is still working on the P-map is going through a carnival. So this is the reason for the carnival? No, of course not. Adobe's master Hua Dan Photoshop has already been the focus of discussion. After adding multiple artboard support, layer export and design space and so on new functions, the designers using the Photoshop design interface finally saw hope, a time "sketch to Die", "not support windows also get a yarn", "PS strangulation sketch" Such comments are flooded with articles and comments from social networks and major design websites.

So what effect does Photoshop have on me and the designer who uses sketch as a major tool for the static electricity that has been used as a sketch interface design? Maybe, maybe not. But in the eyes of the principle of reality, static electricity first download the Photoshop and other creative Cloud 2015 Suite software, a rough trial, to see what Photoshop in the end for those who love the PS flow of designers, what exactly brings?

　　The difference between sketch and Photoshop two layer selection mode operation flow

Before the beginning of this article, static electricity describes the two types of operations that exist in the design software.

The first class is the layer operation flow represented by Photoshop. The second type is the operation flow which is derived from the selected Fireworks,illustrator,sketch software.

As you know, the operation of the former, layer operation in the design process accounted for a great proportion, that is, when you need to select a layer, you need to first go to the layers board, in the layer list to select the layer you want to process, and then the relevant operation of the graphic. When the mouse moves on the canvas elements, do not do the layer Hover prompt box selected operation, of course, Photoshop also for users to join the click to select the appropriate layer of action, but the layer frame is not prompted (that is, the so-called Blue Marquee display). In software such as Fireworks,illustrator and sketch, where the mouse hovers over an element, the Blue marquee appears on the periphery of the element, and click again to select the layer. The following figure, the left side is the Photoshop class operation flow, the right side is the Sketch,fireworks and the illustrator layer operation effect.

For the pros and cons of the two operations flow, static electricity is considered to have their own good, but from the time of the fireworks to me, this refers to the resulting layer selection mode, may be my use of the latter of these software is one of the main reasons. After all, frequent manipulation of layers is likely to be a big burden for designers in this era of efficiency, especially for mobile-interface designers, which are certainly more efficient and easier to get started.

If Photoshop wants to catch up with sketch or the same type of software in this way, it might be a first consideration for how the layers are manipulated and chosen. For the latter, to a large extent, we do not even pay much attention to how to manipulate the top of the layer, this can minimize the designer in the design process of distraction, and thus more focused on the design itself. Instead of clicking on the selected layer in each step, we only need to click on the layer when we need it, which saves the user a lot of choice and time to find. For this mode, the keynote software in the Mac can also be referenced, except that the keynote does not appear when the mouse is unchecked, but the selected graphic is identified after the selection. The associated operations flow is now being used by more and more software, and we can find its shadow in working software such as Axure, Xmind, and so on, in addition to the aforementioned software for using this choice of interactive methods. The following illustration shows the animation effect of this interaction mode. From the point of view of the logic, this approach is more in line with the user's expectations, but also can significantly improve the design efficiency (for UI interface Design), is the future Layer selection mode better solution.

　　Second, the artboard (artboard) sincerity valuable, where is the logic?

To catch up with sketch as soon as possible, Photoshop CC 2015 has a new artboard (also called Art Board) design pattern. For the source of the drawing board, may be held up, to be regarded as illustrator original. Compared to sketch's sketchpad, Adobe's product manager has broken hearts for artboard. This feature is added to the PS fans are called reverse attack sketch, but what about this sketchpad? Let's compare the Artboards in Photoshop CC 2015 and sketch.

As you know, general drawing software, in the new file will prompt us to enter the size of the canvas, resolution and color mode and so on parameters. This is also the general operation of Adobe software such as Photoshop, but how does Photoshop handle the logic of Artboards (artboard), canvas, and layer groupings when you add an artboard? First we create a new file in Photoshop CC 2015 and enter the canvas size. Static electricity here creates a 800-600 canvas.

Then, the static electricity arduous struggle, finally found how to add art board in this, first of all, it is in standard mode, there is no entry to add, I also can not find its button location, and later found that he was hidden in the selection of the pointer level two menu.

So next, select the Artboard tool and see what happens. After dragging an artboard, the canvas disappears (as shown in the following image). This time the entire workspace is grayed out, and the canvas we just built is never going to be found, nor will it go back to the canvas state. So, Adobe has abruptly added a artboard mode to come in, it's outrageous, at the same time. A group-like layer named Artboards is added to the list of right layers, where the gray area, static electricity, is understood as the workspace, and the area is infinitely extensible, which seems to have nothing to do with the newly created canvas size.

Electrostatic research for a long time, feel very puzzled, art board and canvas relationship in the end what is it? Are we not adding art boards to the canvas, but Adobe has brought us into a wonderful region? This area can be understood as drawing board mode? In this pattern, the canvas disappears, And we're never going to get back to the canvas? What is the logic of these elements, or what is called the inclusion relationship? I don't know, maybe only the Adobe Product Manager can explain the white bar.

The relationship between the canvas and the artboard, silly to say not understand? is the artboard mode a mysterious space from outer space?

Then look at the way sketch handles the canvas. In sketch, the software defaults to the concept of no canvas, the work area is infinitely large, which is the basis of the art board model. Of course, in the worst case, we can put artboards on the canvas, but sketch obviously didn't, because with the presence of the artboard, our work area becomes infinitely stretched.

Therefore, the logic in sketch is simpler and straightforward to understand, Workspace > Artboard > Folder > Layers, or the workspace > folder > Layer (no artboards or layers outside the artboard). So sketch can do anything you want to do or draw any graphic you want to draw outside the artboard, and it will be displayed in the interface. But for Photoshop, which operates differently, when we want to place some elements outside the artboard, we have to go back to the layers panel, manipulate the layer dependencies and drag it outside the artboard, and if the dependencies don't change, the layers that belong to the artboard layer will not appear outside the artboard. Sketch is a better place to be, and if you drag elements from an artboard to a layer, their layer dependencies change.

For Photoshop, I think it's worth your while to join the artboard, but when you add this feature, it's better to make sure that the logic of the layer is clear before you do it. Otherwise, this simple and crude way can only make the original clear layer dependencies become extremely confusing.

　　Third, drawing board (artboard) backward-compatible to become extravagant hope

Artboard functionality as the first step in Photoshop innovation, far-reaching. In the case of not figuring out the logic of the artboard to the layer dependencies, a hasty change is inevitable because the artboard feature is not compatible with the old version of Photoshop. When we use Photoshop with artboard functionality to finish the design in artboard mode, I'm sorry that other people's computers must also have this version of the software installed, otherwise the artboard compatibility becomes a problem.

As shown in the following illustration, this is the case when the version of the file with Artboards created by release 2015 is opened in Photoshop CC 2014. Looks good, yes, because the layers are merged, to open the layer without merging, sorry, your design may not be so beautiful, if the character is not good, you may only get a large white canvas. At this point, the artboard is present as a layer folder, and at first our newly created canvas size doesn't seem to work, Adobe, are you so headstrong?

Classification:

• PS Getting Started Tutorial