Good video
https://developer.apple.com/videos/play/wwdc2015/504/
If you like this post, please give me your 2 cents ($0.02 litterally) to show token of appreciation and encourage me to write more:
Donate Bitcoins
Showing posts with label ios. Show all posts
Showing posts with label ios. Show all posts
As an Amazon Associate I earn from qualifying purchases.
iOS: Web View vs Safari vs Safari Web View
Good video
https://developer.apple.com/videos/play/wwdc2015/504/ If you like this post, please give me your 2 cents ($0.02 litterally) to show token of appreciation and encourage me to write more:Donate Bitcoins
https://developer.apple.com/videos/play/wwdc2015/504/ If you like this post, please give me your 2 cents ($0.02 litterally) to show token of appreciation and encourage me to write more:Donate Bitcoins
How to prepare design assets (UI) for iPhone development
From our experience the ideal case scenario is when the developer and the UI/UX designer work hand in hand. Meanwhile since, many companies have their in-house design teams, and either want to save on design, or feel more comfortable working with their team, here are the requirements for the deliverables.
1. Press-able elements should have at least 2 states, regular and pressed, the 3rd optional is in focus, used mostly for the listings, or when an element has on/off state. For example in camera apps, flash on/flash off which is different than pressed state which user sees only for a millisecond, on actual press.
2. Name the files properly.
a. According to screen size: naming should be identical, for retina display @2x is added to the naming. Every single element needs to be prepared for both screen sizes:
3. Always design for the bigger screen
The latest generations of the iPhone, comes with a 640x960 px, 326 dpi retina display. The previous generation has a screen of 320x480 px, 163 dpi, (notice exactly 50% smaller). So let's go through the process of preparing the Close button from this screen:
f) When you are happy with the margins, bring back the layer effects, go to File > Save for web & devices, in file format choose PNG-24, preserves transparency and is optimized hit save, choose your location and name properly, in our case btn_close@2x.png:
g) now we need to save the same button for smaller screens, go to Image > Image Size, and choose resolution 163 instead of 326 press OK. Repeat steps d and f, skip the @2x suffix in the naming.
h) repeat steps d-g for the pressed state of the element if present.
Attention: All the files should be in the same folder. Avoid using text on the graphics, unless you have very good design reasons to do so (ex. impossible to replicate programmatically and important for the design style ). Do not use text on the reusable graphics on which the text copy may differ from screen to screen.
1. Press-able elements should have at least 2 states, regular and pressed, the 3rd optional is in focus, used mostly for the listings, or when an element has on/off state. For example in camera apps, flash on/flash off which is different than pressed state which user sees only for a millisecond, on actual press.
2. Name the files properly.
a. According to screen size: naming should be identical, for retina display @2x is added to the naming. Every single element needs to be prepared for both screen sizes:
- btn_item@2x.png
- btn_item.png
b. For every different state of the same element:
- btn_item.png
- btn_item_pressed.png
- btn_item_on.png
- btn_item_off.png
- btn_homescreen_item.png
- btn_settings_item.png
3. Always design for the bigger screen
The latest generations of the iPhone, comes with a 640x960 px, 326 dpi retina display. The previous generation has a screen of 320x480 px, 163 dpi, (notice exactly 50% smaller). So let's go through the process of preparing the Close button from this screen:
a) Make sure to have both states, regular and pressed:
b) Select all the layers pertaining to the element you are saving, right click and Convert it to Smart Object.
c) Right click on the new Smart Object and export it.
d) Open the exported file, select the layer with the element you want to save.
- hide the layer effects in order to check the margins
- use the Direct Selection Tool to select the shape points
- move every side in any direction you consider appropriate, in my case I moved to the right the 4 points shown in pic. B below
- compare the right margin on the pic. A and pic. B you should see the difference in crispness.
f) When you are happy with the margins, bring back the layer effects, go to File > Save for web & devices, in file format choose PNG-24, preserves transparency and is optimized hit save, choose your location and name properly, in our case btn_close@2x.png:
g) now we need to save the same button for smaller screens, go to Image > Image Size, and choose resolution 163 instead of 326 press OK. Repeat steps d and f, skip the @2x suffix in the naming.
h) repeat steps d-g for the pressed state of the element if present.
Attention: All the files should be in the same folder. Avoid using text on the graphics, unless you have very good design reasons to do so (ex. impossible to replicate programmatically and important for the design style ). Do not use text on the reusable graphics on which the text copy may differ from screen to screen.
4. Prepare Guidelines for the developers with the instructions on file usage, fonts, colors, spacing.
Attention: If you provide general guidelines throughout the app, like text colors, general use of text, you do not have to be this detailed as i n the example above on every screen. Guidelines should be provided for every screen of the app. If you decide to skip this step, you cannot expect an exact implementation of your designs.
5. Zip the assets folder together with the guidelines in pdf format, the layered psd file of the screen with appropriate naming (optional), append the date(MMDDYY) to the archive filename, and send.
6. Be consistent in file naming. If there are changes to the UI, name the files exactly as the once to be replaced. Add the new date to the zip and send.
6. Be consistent in file naming. If there are changes to the UI, name the files exactly as the once to be replaced. Add the new date to the zip and send.
Still comparing iPhone to Android?
I wrote a fun post on my Tech blog, here is the re-post of it.
Disclaimer: I ALWAYS have BOTH iPhone and Android on me, I use both. I had 3 iPhones and several Android models including tablets of both OS.
Apple has a beautiful consistency of the product, and the hardware is just yummy, but as with superior breeds of the animals, does not matter how well groomed and "purified", the diversity and evolution eventually wins as the environment constantly changes.
An Example of such changes is that I mostly write my blogs from the phone, I never thought I will be doing it, but it is convenient especially with the Google Blogger app. I would not be able to type the long articles on virtual keyboard, so I rather use an OFFSHOOT of the mobile evolutionary tree, Motorola Droid2. I don't have much love for that particular phone, but I got it for free, no argument there.
Maybe in few months I will have different needs and I will choose another model.
So today, the only way you would convince me to switch my DROID2 for iPhone is if I could sell it on eBay and buy a newer, better Android phone (with keyboard).
For me, there is no comparison, iPhone loose hands down on daily basis.
Couple of examples:
I cannot live without the above, and hundred other features users of iOS never heard of.
Disclaimer: I ALWAYS have BOTH iPhone and Android on me, I use both. I had 3 iPhones and several Android models including tablets of both OS.
Apple has a beautiful consistency of the product, and the hardware is just yummy, but as with superior breeds of the animals, does not matter how well groomed and "purified", the diversity and evolution eventually wins as the environment constantly changes.
An Example of such changes is that I mostly write my blogs from the phone, I never thought I will be doing it, but it is convenient especially with the Google Blogger app. I would not be able to type the long articles on virtual keyboard, so I rather use an OFFSHOOT of the mobile evolutionary tree, Motorola Droid2. I don't have much love for that particular phone, but I got it for free, no argument there.
Maybe in few months I will have different needs and I will choose another model.
So today, the only way you would convince me to switch my DROID2 for iPhone is if I could sell it on eBay and buy a newer, better Android phone (with keyboard).
For me, there is no comparison, iPhone loose hands down on daily basis.
Couple of examples:
- If you want to have an alarm app (check out our Shame Alarm app) on iPhone you have to start it and leave it in the foreground -- and that is only one of the many problems of iOS, Google solved it long time ago.
- I use desktop widgets on my phone all the time, iPhone may have them soon.
- Switching between running apps, I do it all the time bouncing between email and chat and browser and blogger.
- I type probably 3 hours a day on my phone, including my blogs, emails, chat, there is no keyboard on any iPhone
I cannot live without the above, and hundred other features users of iOS never heard of.
As an Amazon Associate I earn from qualifying purchases.
As an Amazon Associate I earn from qualifying purchases.
Shame Alarm
Never Sleep Through Your Alarm Again!
Have trouble getting out of bed? What better way to motivate you than knowledge that if you fail to get up, everyone from your parents to your co workers to your Twitter followers in Indonesia will know that you lack the ability to perform one of the most basic of bodily functions?
Trust us, when this little alarm clock goes off, you'll move quickly to get to the dresser, because if you don't, someone will know about it.
Shame Alarm is guaranteed to increase your morning productivity! Simply log in to Facebook and/or Twitter, and you'll never fail to wake up again!
Features:
- 8 classic wake up ringtones
- Add vibrate for some extra buzz
- Set alarm to repeat on select days
- Dark interface for perfect night time usage
- Remember, like all third party alarm clock apps, you must leave the app running overnight. Make sure it's plugged in!
Download on iTunes.
client: www.mflatmedia.com
Subscribe to:
Posts (Atom)