Go Back   MacRumors Forums > Apple Systems and Services > Programming > Mac Programming

Reply
 
Thread Tools Search this Thread Display Modes
Old May 16, 2013, 03:09 PM   #1
redjersey
macrumors newbie
 
Join Date: May 2013
website, tutorials that help me make a better GUI?

Hi,

I am learning cocoa and I have just finished up my 3rd app. I like my app, however I'm not too fond of the interface.

If you look at wunderlist or twitter app, they all have beautiful stunning GUI. are there any tutorials that shows me how to subclass an UI element and make beautiful UI elements? Any free graphics I can download (like iconfinder, iconarchive) websites like cocoacontrols.com will help too.

thanks in advance.
redjersey is offline   0 Reply With Quote
Old May 16, 2013, 07:33 PM   #2
ArtOfWarfare
macrumors 603
 
ArtOfWarfare's Avatar
 
Join Date: Nov 2007
Send a message via Skype™ to ArtOfWarfare
I have a folder full of interesting programming resources... I don't have as much as I thought I had on graphics though... here's what I have:

http://www.raywenderlich.com/2106/co...arcs-and-paths

http://www.cocoawithlove.com/2010/05...h-hole-in.html

(I love using only CG for 2D art... prerendered art is so pointless... most of the time there's plenty of processing power to just generate graphics on the fly, and it never artifacts if you just render it when you need it.)

If I'm displaying a 3D image from a constant angle, I'll use prerendered graphics sometimes... like for my avatar on MacRumors (which is the Battery Status app logo.) It's a 3D model with a 2D (vector) skin wrapped around it.
__________________
Don't tell me Macs don't last: 2007 iMac, 2007 Mac Mini, 2008 MacBook Air, all Vintage.
(iMac obsoletion: April 28, 2015, MBA: October 14, 2015, Mac Mini: March 9, 2016)
ArtOfWarfare is offline   0 Reply With Quote
Old May 17, 2013, 03:51 PM   #3
PatrickCocoa
macrumors 6502a
 
Join Date: Dec 2008
Follow These Commandments

Quote:
Originally Posted by redjersey View Post
Hi,

I am learning cocoa and I have just finished up my 3rd app. I like my app, however I'm not too fond of the interface.

If you look at wunderlist or twitter app, they all have beautiful stunning GUI. are there any tutorials that shows me how to subclass an UI element and make beautiful UI elements? Any free graphics I can download (like iconfinder, iconarchive) websites like cocoacontrols.com will help too.

thanks in advance.
1. What is the purpose of your app?
Say that purpose out loud to 5 or 6 people, see what their reaction is.

2. Who is the target user of your app?
What things would delight them? What things would annoy them? Ask 5 or 6 potential users, note their input. DO NOT ARGUE WITH THEM. DO NOT TELL THEM THEY'RE WRONG. DO NOT EXPLAIN WHY YOUR DESIGN IS BETTER.

3. What are your programming capabilities?
If there's something you want in your app that you can't do, what's your plan to get it in there?

4. Follow Apple's Six Simple Rules
From http://mashable.com/2012/12/20/spun-ios-design/ See "iOS Design - Apple's 6 Simple Rules for Killer iOS Design" in Programming notebook. I've added one, reordered them, and reworded some.

1. Determine what problem you are trying to solve.
2. Model a real object.
3. Do a few things excellently.
Focus on simplicity.
Decide on preference for user.
4. Reward each touch.
5. Don't quiz user.
6. Use subtle details to give user clues.
7. Spend the time to make quality. Prototype.

5. Read Apple Human Interface Guidelines
https://developer.apple.com/library/...roduction.html

6. Reread Apple Human Interface Guidelines

7. Accept that your beautiful idea will be ripped to shreds and discarded.
Design is an iterative process. Design is a time-consuming process. Accept the destruction of your ideas and ego and embrace the phoenix that will arise from the ashes.
__________________
iMac 21.5", 3.06GHz, 4 GB, 2 TB HD.
iPod Touch 3G.
PatrickCocoa is offline   1 Reply With Quote

Reply
MacRumors Forums > Apple Systems and Services > Programming > Mac Programming

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Pixelmator 2.2 Adds Extensive Shapes Support, New Video Tutorials Website MacRumors Mac Blog Discussion 47 May 13, 2013 10:13 PM
How to make a website Retina-ready? Nielsenius Web Design and Development 4 Jun 22, 2012 03:25 AM

Forum Jump

All times are GMT -5. The time now is 05:27 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps