New answers tagged mobile
There is a plethora of scripts out there for saving graphics from Illustrator for mobile. It's way faster than using "save for web". Here is one, but there are dozens. Plus you can write or edit them yourself. https://uncorkedstudios.com/blog/export-to-ios-photoshop-script
The (2) and (3) look better. What's important is that it looks good, and it will look good if you have a nice balance and a good alignment! But: Because you have a year at the end of your title, I would recommend using the (3) with all the text aligned to the left. If you use centered for the title with that year, it will look ugly when you'll have long ...
The empty impression is caused by the image not the text. Take imdb.com as an example and look how they fill all the box with the image. For me the way to go is left aligned text for readability and consistency and then playing with the sizes of containers and images depending on the proportions of each one. I would not recommend "tall and skinny" ...
First, Thank you all for the answers and precious guidelines, it sure helped! Allow me to add my conclusion: Practically, designing for mobile screen resolution is not good UX, the resolution is too high for the small screen, font will look too small to read, icons too small to click, logo, etc. So, its better to make design based on actual screen size! ...
Here I found very good one: http://www.graphicsfuel.com/2014/09/ios-8-vector-app-ui-kit/ hope it helps everyone ^^
The one biggest difference really is: When you design in @2x you can export in @1x When you design in @1x you can't export in @2x
I do not understand the @2x as a "trend". It sometimes is a requirement on web design. @2x, @3x, @Nx is not a way to design everything, it is a declaration on a css stylesheet to use an image at higher resolution. It is a specific case of high resolution devices. Aka Iphone, Ipad. The resolution is higher than normal. If thoose systems declare the ...
It's for Retina displays and higher density devices. And you need to have a higher resolution for these and since it's easier to shrink an image than resize it bigger when the files are created bigger from the start. The files that are rasterized and prepared for Retina are usually ending with the @2x.jpg for example, because the script calling them ...
what's the difference between a 360ppi mock vs a 72ppi mock When talking about screen mock-ups, absolutely nothing. The only thing that matters is pixel dimensions. As for your concerns, non of them are really all that much of an issue for a team of designers and developers that understand the process. Very large file sizes Hard drives are ...
Top 50 recent answers are included