uidesignkit50

Hier will ich eine Sammlung von nützlichen Links aufstellen die mit der Gestaltung von Handy Interfaces zutun haben. Mit dabei auch viele nützliche Tipps wie man Websites für die Anzeige an Mobilphones fit macht. Viel Spaß beim Stöbern!

Wireframes

1. Android GUI PSD

blackberryui 
2. RIM Blackberry PSD

wireframes-130 
3. Android Sketch Stencil Version 1.0

maemoGUI 
4. All elements of Maemo 5 GUI in PSD

iphonegui 
5. iPhone 4 GUI PSD (Retina Display)

ipadgui 
6. iPad GUI Kit in PSD

android 
7. Android 1.6 Wireframe stencil for Omnigraffle

googleandroidGUI 
8. Google Android GUI PSD

ipadguipsd 
9. iPad GUI PSD Kit

googleandroidpsd 
10. Google Android PSD

androidfireworkstemplate
11. Fireworks template for Android

sexyphonetemplate 
12. Sexy Vector Cell Phone

ipadstencilforomnigraphle 
13. iPad Stencil for Omnigraffle

iphoneapptemplate 
14. iPhone App Wireframe Template

mobileiphone 
15. Mobile – iPhone

iphoneguielements 
16. iPhone GUI Elements

ipadiphonedesign 
17. iPad and iPhone Design

designstenciliphone 
18. Design Stencil for iPhone and iPad

ipadpsd 
19. Apple iPad fully editable PSD

palmpre 
20. Palm Pre GUI PSD

mobilewireframe 
21. Wireframe kit for UI Designers

androidwireframepdf 
22. Android Wireframe Templates (PDF)

Programmierung

jquerymobile 
23. jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets

jqtouch
24. http://jqtouch.com/ – jQuery Plugin für  iPhone, iPod Touch, und andere Mobilgeräte mit Tochpads

iwebkit 25. iWebKit -   open source toolkit für das schnelle  Erstellen von iPhone / iPod kompatiblen websites

html5iphoneapp
26. html5 iPhone App Tutorial – Tutorial wie man in html5 ein iPhone app erstellt

pkemeter_mobilewebsite
27. Tutorial zur Erstellung einer html5 Website für Mobile Anwendungen

Icons

fresh_icons_02 
28. 260 Free Vectors Icons (User Interface Design Framework)

addcitiveflavour 
29. 750 Ultimate Free Web Designer’s Icon Set

peculiar_icons
30. Peculiar  – 45 Pictogramms

vectorpictogrammsmikebrisk 
31. 342 Vector Icons designed by Mike Brisk – Alle Piktogramme sind in Vectorformat

toolbariconsguidesigner 
32. Toolbar Icons for Interface or GUI Designer (244 Icons)

medialootsymbolset  33. Monochrome Symbols Icon Set – in den Formaten ai, .png & .psd

gcons  34. gcons – 100 Icons

reflectionsicons  35. Reflection (208 icons) – Format: .ai & .png

socialmonochromicons  36. Socialmonochromicons v.2 (150 Icons) – Format .eps & .png

eloquenceicons  37. Eloquence! (75 Icons)

projecticons  38. Project Icons (175 Icons)

toolbariconsset2  39. Toolbar Icon Set & Toolbar Icon Set 2 – insgesamt 70 Icons

pixelophilia 
40. PixeloPhilia & PixeloPhilia2 – insgesamt 110 Icons in .png Format

appiconset  41. Simple But Sophisticated App Icon Set

faenzaicons  42. Faenza Icons (300+ Icons) – in .png & .svg Format

designericons  43. Designer Icons

iconsproject  44. Icons Project

iphonesidebaricons  45. iPhone Style Sidebar Icons

cmsicons  46. Content Management System (CMS) Icon Set

comfoicons  47. ComFi Telecom Icons

hiresbrowsericons0  48. High-Res Browser Icons – Netscape, Google Chrome, Internet Explorer, Firefox, Opera

freemobileberries  49. Mobile Berries (80 Icons)

multitouchgestureicons  50. Multitouch Gesture Library and Illustrations

socialicons  51. Icons : 19eighty7

iphoneminiicons  52. iPhone 4 Mini Icons – in den Formaten .ai & .png

socialmediaballons  53. Social Media Balloons – in den Formaten .ai & .png

androidicons  54. Android Icons

glyphishiphoneicons  53. 130 Glyphish iPhone Icons

iphonetoolbaricons  54. 160 iphone Toolbar Icons (The Working Group)

appbitsicons  55. iPhone Toolbar Icon Set (app-bits) – 64 icons

androiddeviconsset
56. Android Developer Common Icon Set

androiddevicons2
57. Android Developer Common Icon Set II – 15  Icons

gestureicons  58. Gesturecons – Multi-Touch Icons

iphonetoolbaricons2  59. Free iPhone Toolbar Icons (PixelPressIcons)

monoicons2  60. 108 Mono Icons (Minimal Icons)

freevectoriconsdezonerfolio  61. 30 Free Vector Icons (Dezinerfolio)

tokeniconsset 62. 128 TOKEN Icon Set

controlbuttons  63. Web UI & Button Set

mobileiconsset  64. Mobile Icon Set

seveniconsset  65. 478 Free SVG Vector Icons – The “Seven” Icon Pack

posmachineicons
66. Pos Machine Icons

Mobile Webtemplates and WordPress Themes

carringontmobiletheme
67. Carrington Mobile ThemeDemo

mobilepress
68. http://mobilepress.co.za/ – wordpress plugin zur erstellung einer mobilevariante vom wordpressblog.

wptouchpro2.0 
69. http://www.bravenewcode.com/products/wptouch-pro/ – wordpress plugin welches ein theme für die darstellung der wordpress seite auf smartphones erstellt wie zbsp. iPhoneTM, iPod touchTM, AndroidTM, PalmTM Pre/Pixi, und BlackBerry StormTM.

dotmobi
70. http://mobiforge.com/running/story/the-dotmobi-wordpress-mobile-pack – sehr nützliches Plugin um mit zahlreichen optionen und adminpanels wordpress für die mobile darstellung zu pimpen.

wptap 
71. http://www.wptap.com/ WPtap Mobile Detector – Ein WordPress Plugin welches den Browser identifiziert mit dem man auf dem Handy durch das Internet surft. Nach dem Browsercheck wird auf ein hinterlegtes Mobiletheme "weitergeleitet". Themes kann man, neben der einer Freeversion, auf der Seite käuflich erwerben.

mobstac 
72. http://mobstac.com/b – Onlinedienst bei dem man sich über eine Registrierung und per Eingabe der eigenen Blog-Url ein Plugin generieren lassen kann welches nach der Installation im eigenen Blog automatisch ein Mobile-Theme erstellt.

wapplemobileplugin 
73. Wapple Architect Mobile plugin for WordPress http://mobilewebjunkie.com/wordpress-mobile-plugin-install-guide-and-faq/ – WordPress Plugin welches eine Mobile Version des WordPressthemes erstellt. Hier wurde besonders Wert auf Minimierung der Websitefeatures gelegt um leichteres surfen am Handy zu gewährleisten.

74. Mobile Theme Switcher http://wordpress.org/extend/plugins/mobile-device-theme-switcher/ – Ein Plugin mit dem man verschiedene Themes für verschiedene Browser hinterlegen kann.

75. http://wordpress.org/extend/plugins/wpms-mobile-edition/ – Plugin welches ebenfalls eine Mobile Version einer Website generiert. Nutzt zur Darstellung das http://mobile.carringtontheme.com/ Theme.