You're looking at all articles on The Hickensian tagged 'iphone'

Updated iOS Application Icon Ai Template

Sorry its taken a while to get around to this, but I’ve finally updated the iOS Application Icon Template for Illustrator to include the new Retina sizes for iPad 3:

Part of the delay was me trying to include all the document icon sizes as well, but these were more complicated, and I’ll do a seperate template for these when I can. The update includes the whopping 1024px size required for the App Store on iPad 3.

I’ve not updated the guides and masks layer to use the super-accurate corner radius. As before, treat this layer just for preview, and hide it before exporting to PNGs. Your exported file should have sharp, not rounded, corners. I recommend using Matthew Ericson’s export script to export the artboards to PNGs. The artboards are labelled following the Apple guidelines, so as long as you don’t add a prefix or suffix, the filename should be right!

⬇ Download the Template

There shouldn’t be any catastrophic errors, but if you notice anything odd, please let me know!

Replacing the back of an iPhone 4

A few months ago, I dropped my iPhone 4 on a concrete path and shattered the glass coated back. I’ve dropped it countless times, and don’t use a case or bumper, so it was only a matter of time really.

I only discovered in the last week how simple it was to change the back though. There are 2 tiny phillips screws either side of the dock connecter port, and once those are loosened (you don’t need to unscrew them right out), you can press down on the back and slide it up about 5mm. The back then just lifts off. Probably best to turn your phone off first though.

I ordered a replacement back from ebay, and while I can’t be sure if it’s a genuine part or not, it looks good and works just fine! Doesn’t have the shabby chic aesthetic of broken glass, but a lot more comfortable in my pocket…

Quick photo download with the iPhone Dropbox app

This is a feature of the iPhone Dropbox app that I use all the time, but keep coming across people who haven’t found it yet, so it’s worth a post! The scenario is: you take a photo and want to get it on your desktop quickly. You don’t want to plug in the iPhone, open iPhoto or Image Capture and download them.

In your Dropbox app, click the camera icon bottom centre and choose ‘existing photo or video’ (or ‘New Photo or Video’ if you haven’t taken a photo yet), choose the item, and you’re done. You can bung it in anywhere you like, but as my work folders sit in Dropbox, it means I can drop it in the relevant project folder, or a public album in ‘Photos’.

By the time you open Dropbox on your desktop, it’s already there!

App, app and away!

I’ve finally submitted my first iOS app to the iTunes App Store! A joint project with Simon Whitaker of Goo Software, the title on the top of the window might hint as to what the app is about. If the app gets approved (don’t know of any reason why it won’t but you never know) there’ll be a detailed post to come…

LiveView for iPhone and iPad

main

If you’re designing anything that’ll be viewed on either the iPhone or iPad, you’re going to find LiveView a godsend. It’s been out a couple of years, but I only discovered it this week.

It comes in two parts – a Screencaster app for your Mac, and a companion app for the iPhone/iPad. As you work on the graphics, you can view it live on the device. An essential, and free tool. I shot a quick video on my iPhone to show how it works:

So far, it only seems to be lacking an option top use it in landscape mode.

Installing Summerboard Themes

Screenshot of shelves theme

I recently had a go at installing the excellent Wood Shelves Summerboard* theme on my iPhone, but found the process of adding a theme manually a blind stumble. It involves using SFTP to connect to the phone, but various tutorials had outdated information, and I had to cobble together the various snippets until I got it to work.

So, just in case this is useful for someone else, here’s how I got it to work. This assumes you’ve already jailbroken your iPhone, and have installer.app and Summerboard installed, ready and waiting for you.

How to connect to your iPhone (1.1.4) and add a Summerboard theme:

  1. Via Installer.app, install BSD Subsystem and OpenSSH (found in the ‘System’ Category)
  2. Go to Settings> Wi-Fi > (Network Name) and click on the blue arrow to get your IP address.
  3. In Transmit (or other SFTP capable app), enter the following information to connect:
    • IP Address
    • Username: root
    • Password: alpine (not ‘dottie’!)
    • Mode: SFTP
  4. Once connected, navigate to /private/var/mobile/Library/Summerboard/Themes. There are, it seems, 2 locations for Summerboard themes, but for the 1.1.4 iPhone, this is the one SMB prefs reads from – iPod Touch may be different.
  5. Upload the theme folder and change permissions on the folder (and its contents) to 755

The theme will now show up in the SMB prefs menu! Hurrah!

Vishal Parpia reminded me that you should disable SFTP by removing OpenSSH afterwards, otherwise your iPhone becomes eminently hackable. If you can work out how to change the root user password, so much the better!

*(a theming app for the iPhone and iPod Touch’s ‘Springboard)

The wee flies in the iPhone soup

I’ve had my iPhone for 2 months now, and I have to say, it really is the convergent device of my dreams. I wanted to combine my phone and ipod for a long time, and this really does exceed my expectations.

One of the biggest attractions for me is the “at last, a decent UI”. I recently tried out Ms Jen’s Nokia 95 and liked the form factor and features (especially the camera), but the interface hurt my eyes. Its the first time someone has really thought through an interface and made it pleasant to use, rather than just feature-crammed. Also, by throwing away a fixed keyboard the interface can adapt for each purpose and provide tailored options – like a .com button when entering a URL.

It’s also a good family entertainment device. While waiting at Birmingham airport a few weeks ago, I was able to calm a hyperactive son with a plethora of YouTube videos (The mysterious ticking noise is a favourite). As I had EDGE access there, I didn’t have to pay for any wifi fees, and videos streamed really well.

But what’s a blog for if not to rant a wee bit?

First of all, it has to be said, the camera isn’t much cop. I’ve come from a Sony k800i, which has a fantastic camera, but the iPhone camera can be described as ‘not too bad’ at best. Apart from the image quality, it’s quite hard to get a crisp image. There are no settings for things like white balance – there’s a button to take a picture and that’s your lot. I guess the the thinking is that you’d do image adjustment after downloading. Fortunately, I bought the iPhone as a way of combining an iPod and phone, rather than for the camera feature, so no great loss. I still get the odd twinge of “I wish it was a bit better” though.

Another problem is the crippled bluetooth. You can pair with a BT headset, but no more. I’m used to things like Salling Clicker detecting an incoming call and pausing iTunes for me, annoucing the caller or dialling numbers and sending SMS via AddressBook. Small issues though.

There’s also the lack of ‘mark as spam’ on the Mail client, but…

My main beef is the iPod controls. and the lack of a scrollwheel interface. The iPhone controls are OK, but have a very small hit area. The environment I use my iPod the most is in the car. With the ‘classic’ iPod, I could feel the controls without having to look away from the road, and easily pause or skip a track. With the iPhone the process to skip a track is:

  1. Double click the home button to bring up the iPod controls
  2. Glance down and look for the skip button near the top right
  3. Glance up again, pressing what I hope is the button – it isn’t
  4. Look down at the iPhone while I’m pressing the button – not doing it yet
  5. Stab a few times – ah got it that time!
  6. Look up and swerve back onto my lane.

I wondered whether instead of a blank screen, it could display a ‘low-power’ scrollwheel interface like so:

iPhone low power interface

In the car this would be fine, but if you’re walking you might need a click delay to eliminate accidental pressing – click and hold for 1.5 seconds, that sort of thing.

In fact, I would settle for the whole screen to become one large ‘skip’ button…

Custom webclip icon on the iPhone/iPod Touch

hicksdesign icon on the iphone

The new 1.1.3 firmware for the iPhone and iPodTouch brings with it the ability to add a ‘webclip’ from Safari to your home screen.

Thanks to this tip you can easily create a custom icon for people visiting your site, that works just like your favicon. Its just a shame you can’t add your own for other sites – I would love a custom Google Reader icon.

EXTRA : Having tried Nathans suggestion of 158×158px I can confirm that this size does indeed produce a crisper icon. Also, Drew has come come up with a way of using custom icons. I’ve put one up for Google Reader here

Archives by tag:

2006, 2007, 2012, accessibility, acoustic, actionscript, adobe, advert, adverts, advice, air, alternative, ambient, analog, apple, applecare, appletv, apps, appstore, art, articles, atmedia, attap, audio, australia, authenticjobs, awards, ban, basecamp, bbc, beatles, belkin, bikes, bikeshops, bitmap, blackhole, blogs, bluetooth, bonecho, books, boxee, boxeebox, boxmodel, braindump, breakfastbaps, britain, british, browser, browsers, browsers.mozilla, bug, bugs, cairo, cakes, calendar, camera, camino, casestudies, cbbc, cc, chap, chaps, charity, cheerup, cheese, childreninneed, christmas, cinelli, cms, cocoalicious, coda, code, collections, colour, colourblind, colourblindness, comedy, comments, competition, comps, conferences, copywriting, cotswolds, country, covers, craft, cs5, css, css.webstandards, cycling, danielsmonsters, delicious, dell, design, design.colourblindness, desktops, development, digital, discovery, discussion, diy, dock, doctorwho, dogs, drawing, dream, dreams, dropbox, drwho, education, electronica, email, emoticons, england, events, evernote, expressionengine, eyetv, family, favicons, feedback, femalevocal, figures, film, films, firefox, fireworks, firstworldproblems, flash, flexible, flickr, flock, fonts, found, foundries, foundsounds, fowd, free, freelancing, frontrow, ftp, g5, games, gaming, gardening, garlic, geek, geekends, geekery, geekmediabox, genius, gentleman, gifs, gigs, google, googlereader, grammys, graphics, greader, grids, gtd, hacks, handbag, handbags, hardware, harrypotter, helvetica, helvetireader, heros, hicksdesign, history, holiday, hosting, howto, hp, html5, humanrights, icab, ical, ichat, icon, icon and interface design, icon design, icondesign, iconhandbook, icons, ideas, illustration, illustration/icon design, illustrator, illustrators, im, images, indesign, infographics, inspiration, installation, intel, interface, interfaces, internet, internetexplorer, interview, interviews, inventions, ios, ipad, iphone, iplayer, ipod, itsmyblogandillbangonifiwantto, itunes, javascript, jobs, journal, justabitoffun, koken, leaflets, lego, leigh, less, lifeio, links, list, listening, lists, littlebigplanet, logo, logo and branding design, logo design, logos, london, londonbombing, mac, macbook, macmediacentre, macmini, macs, macworld, magazine, magazines, magazines.illustration, making, maps, mechanics, mediacenter, mediacentre, mediacentres, mellow, memes, memories, menus, merchandise, messages, metal, metro, microformats, microsoft, modernart, moleskine, monkeybutler, moon, movabletype, movies, mozilla, mum, music, myob, natural, nerdery, newmusic, news, nintendo, nostalgia, nostradamus, notes, obituaries, offers, office, offscreen, omniweb, opacity, opensource, opera, organisation, os, osx, oxford, oxfordgeeknight, packaging, panic, panther, paper, parallels, penguin, people, photo, photography, photos, pimp, pipes, plex, plugins, png, podcast, polygamy, posters, powerbook, practice, presentation, presentations, presents, press, print, printmaking, productivity, products, projects, propoganda, ps3, published, punditry, puppetry, questions, quicksilver, quotes, radio, radiohead, raf, railway, rants, rapha, recentwork, repair, resources, responsive, retorts, retro, review, reviews, riffs, rip, ripoffs, rissington, rss, safari, saft, sage, samantha, sass, sauce, science, scifi, scrapbook, scripts, security, server, shelf, shiira, sideprojects, signage, simplenote, sites, siteskin, siteskins, sixties, skinning, skype, slides, slowcore, software, solutions, songbird, sony, sound, spam, speakers, speaking, sponge, spotlight, starflyer59, startrek, starwars, stationery, stevejobs, store, summerboard, surveys, svg, sxsw, syncing, tagging, talks, tasks, tattoos, tea, teasing, templates, ten, texpattern, text, texteditor, texteditors, textile, textpattern, thebeatles, theme, themes, theming, thenational, theory, tiger, timeline, tips, toys, tumblr, tv, tweed, typefaces, typography, ui, updates, updtes, userstyles, vector, veer, versions, video, videos, vinyl, vw, wallpaper, web, webapp, webapps, webbies, web design, webfonts, webkit, website and logo design, website design, webstandards, whitenoise, why, widgets, wifi, wii, windows, windows8, wireframing, wishlists, wordpress, work, working, xhtml, xul, yojimbo, youtube, zengarden, zip

The Hickensian is the journal of Jon Hicks, one half of the creative partnership Hicksdesign. Take a look at the work we do.

AD by FUSION

Jobs

Hicksdesign doesn't have any vacancies, but these fine folk do:

    Via Authentic Jobs Come in, we're hiring!

    playlist

    See more on last.fm

    Contact

    Hicksdesign

    73a High Street

    Witney

    Oxfordshire, UK

    OX28 6JA

    +44 (0)7917 391 536

    Download vCard

    Engine Room:

    Hicksdesign is powered by Textpattern and hosted by the lovely boffins at Engine Hosting

    Engine Hosting