Author: shakilui

shakilui http://shakilaiubbd.wordpress.com Hello, my name is Shakil and i have an degree in Computer Science, experience in UI/UX,PSD-HTML, Front-End Development,Wordpress, App design, Web Design & Development, Graphics Design, Content write and have done numerous projects with client satisfaction. Here my some projects link done in previous: behance.net/shakilaiub dribbble.net/shakilIX see my previous work reference: https://www.freelancer.com/u/shakilaiub10.html At the end, interview me, i will try to figure out best project solution for you. Thank U.

iOS 10 Design Guidelines for iPhone and iPad

While Apple calls iOS 10 their biggest release ever, most of the new features are consumer-facing, like Widgets, Siri/Messages integration, and expanded notifications.
For designers, the only noticeable design changes are bolder titles and bigger use of cards, as seen in native apps like Music and News. Whereas iOS 7 started with a widespread use of thin fonts, iOS 10 is going back to using bolder texts.

Ionicons with CheatSheet

Icon for app design, material, web UI design.

http://ionicons.com/
http://ionicframework.com/docs/v2/ionicons/
http://ionicons.com/cheatsheet.html

Media Queries for Standard Devices

A major component of responsive design is creating the right experience for the right device. With a gazillion different devices on the market, this can be a tall task. We’ve rounded up media queries that can be used to target designs for many standard and popular devices that is certainly worth a read.

GET HERE

iPhone Screen Size and Web Design Tips

iPhone Screen Measurements

There are a few different values to consider when looking at the iPhone screen sizes. I’m going to get these values defined here so the chart below makes more sense:

iPhone Display Size (inches) – This is diagonal measure of the screen, from corner to corner, just like you’d measure a TV.

iPhone Screen Size (points) – These points are the size that the device is using for coordinates. If you’re designing for the web (using CSS or JavaScript) these values will be helpful. iPhones use Retina screens which have a higher pixel density. This means they take the larger iPhone resolution (mentioned above) and compress those pixels into a smaller space to make the image look sharper.

iPhone Rendered Pixels – This is the full number of pixels that are being rendered. This is the value you get when you apply the multiplier (1x, 2x, 3x) the device uses to the screen size in points. If you’re creating an image and want it at the max resolution, this is the size you’d use. I’ve also written an article on Retina images if you’d like to learn more.

iPhone Physical Pixels – This is the actual screen’s pixel resolution. The iPhone 6 Plus is using a a larger image resolution on a screen with a smaller number of physical pixels, so it needs to be downsampled to this size. This value is really only important in a specifications perspective, but shouldn’t really affect your designs.