navigation bar is drawn with the height of 44 points, not 88 as we would do in pixels
In our case, we set 144 dpi that is equal to 2x modificator in the design of an application for iOS. While the resolution in pixels can differ, a point is a constant measure and its actual presentation directly depends on the resolution parameter. In the given case, the project we are creating is the one for iPhone 6 with a screen resolution of 750*1334 pixels, 2x Retina screen, in other words, 375*667 points. Explaining the method, the designer didn’t stop on the position of standard resolution in detail providing the link to the detailed Guide on DPI.
It became custom on the basis that this is a standard resolution for the creation of a new file and in this resolution, 1 pixel equals 1 point.
However, the meaning of resolution should be discussed in more detail.īoth in web design and design of mobile applications, the resolution of 72 dpi is the equivalent of 1x resolution. The definition of a point is more or less clear for everybody who worked on the design for iOS. The most important aspect at this stage is the size of the operating zone of the project and the resolution pixel/inch. So, let’s get started investigating the process itself.įirst of all, the most important thing is to customize the file of your project correctly. In substance, this method applies drawing in 1x in points with further pixel auto-scaling according to the set density of dpi/ppi.īesides general benefits, there are also the following positive points of the method:ġ) It enables a designer to use the indices of the points directly both for margins and types (that is by no means unimportant)Ģ) It isn’t necessary to scale the design manually in the process of adaptation to a new resolution.ģ) It isn’t necessary to scale types visually. Tubik designer Konst working on the project Certainly, it is not a silver bullet, but it can be useful for those who have to adapt their designs to many resolutions. One of the ways of optimization for his own design process which Konst found for himself enables the designer to significantly reduce the time needed for adaptation. Moreover, as we have already mentioned before in our previous post, the more tools you can use, the more flexible you are in solving tasks as different tools and soft are efficient for different problems.
PHOTOSHOP MOCKUPS SOFTWARE
While many companies and individual designers are moving to work with more modern and specialized software for UI/UX design such as Sketch, there still are a lot of them who work with Photoshop. This particular thought makes him constantly explore and study new ways and tricks of optimizing his work and increasing its quality. It takes a certain part of the time devoted to designing, and although in big companies the team can include the special person assigned to accomplish this type of stuff, in most cases this task rests on the designer’s shoulders.Īs our UX/UI designer Konst says, it is impossible to consider yourself a UX specialist until your own work process is as efficient as possible. One of the most common problems in the design of applications and its further transition to the development stage is the requirement of app adaptation to different sizes and resolutions.
0 kommentar(er)
