6 New business cards templates. Some nice concepts for design, creative, print, technology, toy shop, tool house, collage and much more. Logos by Logo Open Stock (CC non-Commercial) Under Creative Commons 3.0 Attribution License. Enjoy!
DOWNLOAD HERE: BusinessCardTemplates02-by-VectorOpenStock
Thanks to Apple, Microsoft and Google who joined the mobile war with their innovation armies in these years, the mobile market has entered its golden era which a massive amount of brands from vastly different industries are seeking for their application existence in this extremely profitable market, thus increasing the need for resources of sketching, wireframing and prototyping in application development.
Unlike sketching and wireframing, most customers will likely to have a realistic glimpse on what should be the final product in the prototyping stage. To make your prototyping presented really nice before the judgmental eyes of clients, we have listed out 31 mobile devices prototyping templates which included famous iOS, Android and Windows Phone 7, in different software formats.
Grab them down and make your prototype shines really bright before your clients, full list after jump!
iPad GUI (Photoshop). Presented by the well-known professional GUI template maker, the template provides quality iPad elements you need to design proof-of-concepts of production ready assets, and yes, it’s absolutely free! There’s also a nicely ported Omnigraffle version crafted by Information Architects.
iPad GUI Kit (Photoshop). A sexy iPad prototyping template produced by RawApps. The template currently offers a canvas size true to the iPad at 768×1024 resolution. Also most of the graphical elements are provided in vector format so you have much flexibility to scale them up to your needs.
iPad Vector GUI Elements (Illustrator). Released by quality icon maker Iconshock, this scalable set includes almost all iPad UI elements such as buttons, tabs, menus, keyboard, etc, probably helpful for designers who’re looking forward to produce realistic prototype.
iPad Prototyping Templates (Keynote). What you see on the preview image is really just a glimpse of the entire template. Keynotopia’s iPad prototyping template includes complete interface components and themes for landscape and portrait orientations, exclusively available for you with only $9, a worthy investment!
iOS Design Stencils (Omnigraffle). A design stencils for iPhone, iPad and iPod touch devices. All stencils are created by hand and grouped for ease of use, also you can easily scale them and export to any vector format supported in Omnigraffle.
iPad Widget Library (Axure). Specifically for Axure users, the widget includes 82 essential items, 99% customizable text-elements and many more sweet additions for you developer, happy prototyping!
iPhone 4 GUI (Photoshop). Once again this is the monstrous GUI kit supplied by Teehan+lax, and by monstrous I mean the kit includes all essential iPhone graphical elements with highest resolution possible for your prototyping need and heck, it’s even free.
iPhone Vector Kit (Photoshop). A sleek iPhone vector kit released by Smashing Magazine back in 2008. The graphics are really good to prototype out professional looking mockups for commercial clients.
iPhone UI Vector Elements (Illustrator). “Because we care so much about our fellow iPhone developers, we are making our vector files available to you today. (I think I just made myself throw up a little)”
Yahoo! Design Stencil Kit (Omnigraffle, Fireworks, Axure). This worthy iPhone stencil kit is one of the collections included into the Yahoo! Design Stencil Kit. The great thing about this kit is its vast software compatibility, which also includes InDesign format.
Ultimate iPhone Stencil (Omnigraffle). Made by the Graffletopia’s founder himself, this ultimate iPhone stencil includes probably everything necessary you need for iPhone app prototyping in Omnigraffle!
iPhone 3G Stencil (Omnigraffle). Another complete iPhone stencil kit with extensive icons and buttons by Theresa Neil, kindly available to everyone in Omnigraffle format!
iPhone UI Mockups (Fireworks). Want to prototype iPhone app but only got Adobe Fireworks in hand? No worries, iPhone UI Mockups is for you and the best of all, the kit is one of the most complete collections!
Wireframe Toolkit (Keynote). Probably a great deal, as with just $12 you will be taking away web toolkit, iPhone toolkit and iPad toolkit natively drawn in the Keynote and of course, ease of manipulation is a guarantee!
Android GUI (Photoshop). It’s not yet Christmas but Teehan+lax has released this fully vectorized, premium quality Android GUI kit for you. It’s also noteworthy that the template is based on the most popular screen size and pixel-density using the default Android skin as the baseline.
Android GUI Set (Photoshop). An outstanding GUI set available for everyone that will make your prototyping stands out in front of the rest, grab them before your rivals did it! The sets comes both in Common and Sense UI versions.
Android 2.3 GUI (Photoshop). Here comes a series of up-to-spar GUI set assembled by Thiago Silva, and this particular set is for Android version 2.3, a.k.a Gingerbread.
Android 2.2 GUI (Photoshop). And here is the entirely different GUI set for Android 2.2, named Froyo.
Android 2.0 – 2.1 GUI (Photoshop). And finally the first set which brings you the GUI of Android version 2.0 – 2.1, hat tip to the author for the entire series!
Android GUI V2.0 (Photoshop). The successor of the v1.0 set showcased below, but with totally distinguishing designs for your Android 1.5 application mockups.
Android GUI PSD V1.0 (Photoshop). Inspired by Teehan+lax, this so-called v1.0 Android GUI kit offers you resizable phone illustration and basic components, both in vector paths, worth checking out!
Android Prototyping Template (Keynote). Just like other Keynotopia’s template, the template offers essential graphical elements for prototyping purpose, which makes it a premium Android prototyping template worth investing on.
Google Android 2.1 Wireframe stencil (Omnigraffle). Another monstrous prototyping template which added stencils include HTC Sense UI, Samsung TouchWiz and the default base Android OS, probably helping you to foresee your app preview on different devices.
Google Android 1.6 Wireframe stencil (Omnigraffle). Older yet well-functioned prototyping stencil for Android 1.6 Donut. The page elements are grouped together as screens for flexibility, and the mobile UX is using the standard controls with realistic UI elements.
Design Templates For Windows Phone 7 (Photoshop). Published officially by Microsoft itself, this is a collection of layered Photoshop template files that can be used to create pixel-perfect application layouts, to help guide UI development, or to pitch an idea. Alternatively you can have the Omnigraffle version, thanks to Torgerson.
Windows Phone 7 Prototyping Template (Keynote). Greatly considerable prototyping template if you’re looking forward to any quality prototyping on Windows Phone 7.
Windows Phone 7 Wireframe (Omnigraffle). Explore the wonderful world of Windows with full possibility! As you can see the kit provided complete graphical elements essential for your prototyping, and even 3 different themes to choose from!
Palm Pre GUI (Photoshop). “We still love pitching iPhone ideas but the Palm Pre offers us another way to present ideas that connect our clients with their customers. In light of this fact, we put together another PSD to help our designers pitch and develop polished concepts.”
Palm Pre Interface Examples (Photoshop). A precisely reproduced set from applications’ screenshots of some Palm’s WebOS interface, probably effective for all Palm Pre-related prototyping, another extra goodies in your prototyping factory!
BlackBerry Prototyping Template (Keynote). Keynotopia’s prototyping template comes to BlackBerry, as usual the template has quality graphical components you need to get a precise glimpse about how your app looks on the actual BlackBerry device.
Maemo 5 GUI (Photoshop). The only existing GUI template for Nokia Maemo 5 OS. The purpose of the template is to facilitate creation of high-fidelity image mockups, thus speeding up the pixel perfecting work for purposes such as presentation.
I think each showcased GUI prototyping template is great, particularly Teehan+lax’s Photoshop template series if you ask about my personal taste, but really, choose the one which fits the most to your application prototyping in terms of features and software compatibility instead of visual, after all you don’t want to suffer in the Photoshop while your expertise lies in Omnigraffle!
Did we miss any quality prototyping template which you’ve seen somewhere else? Well, share to us even if it’s your own creation, we appreciate it!
It’s a solid fact that real world companies have been trying very hard to infuse their brand into the web, due to the popularity of the internet. Apple knows about that, Coca-cola knows about that, even local fresh mart near my home knows about that.
For giant corporation like Nike, they can probably invest a small part of their fund to hire top-notch web designer to build an epic site, but for small companies without funds and design experience, it will be a crucial challenge for them to get their website existed online with nice design and functionality.
This post exists to solve this problem. Here we’ve collected 35 high quality resources which include WordPress themes, HTML templates, PSD mockups and even step-by-step tutorials to help you build a website that meets your business need. You can either download, work on a bit and put it online directly, or hire a web designer to perform the customization until it fulfills your company’s need.
Meanwhile, you can visit some of our collection posts to get more quality design resources:
Designed by Template Monster, Art of Business provides you a completely professional corporate environment to showcase your company and products. I must say that the quality of this template exceeds most templates found in premium market.
Another very high quality site template built with brilliant typography, great color scheme, and professional content slider.
Although the site is originally designed for personal work showcase, the site design itself suits very well for business site also.
First stands out from common business templates with its fresh, creative and elegant design, making it a great choice for business user.
Just as its name suggests, IT Technologies is perfect for company related with tech.
Here you go, a HTML5 powered, professionally designed layout with brilliant typography and corporate color scheme.
Another nicely designed template which suits perfectly to tech-related company.
While most business templates are designed with bright color scheme, Lawyer and Attorney offers you a dark yet elegant layout to showcase your company or service.
If you are tired of business templates with heavy graphic and color scheme, Mondays probably meets your minimalistic needs with its clean and fresh design.
Smart Biz is an universal business template with modern touch, which makes it compatible to most kind of business.
Boldy is a professional WordPress theme released exclusively by Site5 for business user. It includes WordPress-specific features such as image slider, real-time contact form and Twitter integration.
Genoa is a business-oriented WordPress theme designed with simplicity and elegance in mind. It also includes built-in page templates to allow you to change the way the content looks with different layouts.
Just as its name, Simplybiz impresses your site visitor with its simplicity and professionalism. The theme also contains large shortcode collection which makes your works even simpler.
Webfolio comes with ads support, content slider and even Flickr photostream, absolutely a feature-rich theme for your various business needs.
Released by the same company that publishes Webfolio, Wise Business comes with business friendly features like testimonials page templates and real-time contact form with email validation.
Released exclusively by our site, Polo360 is suitable for a wide range of site like portfolio, product page or main business site. The best part of this Photoshop template is it comes with home page, about page, service page, portfolio page, and contact page design, almost everything you need to build a complete website.
Yes, another high quality business template released by our site. The design features a clean, slick and professional layout ideal for modern company. The template also comes with necessary page design like home page, service page and portfolio page.
Designed by GraphicsFuel, Corporatix is a modern business template with completely slick and creative design. Although it looks quite complicated, graphic layers inside the template are well-organized for your easier customization.
Crims Nite has a completely different design approach with common business template by judging on its color scheme, so it’s suitable for business user who prefers a very different look to his/her company’s site.
Exponet is a well designed Photoshop template available to you with a home page and an about page design.
Produced by Web Designer Raid, Handmade is another very slick Photoshop layout perfect for business site.
A Photoshop business template built with simplicity and elegance in mind.
Besides its clean and modern layout, Openmint includes a content part in the footer area that features company’s partners, which is greatly desired by most companies.
Product layout is actually a freebie released by HVDesigns, followed by the tutorial that teaches how to create this slick layout.
An one page Photoshop layout with elegance applied, looks simply nice.
This free advanced Photoshop template is purposefully designed to suit portfolio, agency or business site.
Guided by Journey Digital Media, this tutorial will show you the detail to design a clean and solid fictional business layout. You can download the finished result as a Photoshop file as well.
Let the First Web Designer teaches you the true way to create a slick home page design well-suited for portfolio and business use.
Published by web design giant PSDTuts, this tutorial will guide you to create a web 2.0 layout with many Photoshop techniques mentioned.
From design to coding, you get to create a complete site template with corporate feel in this guided video series.
An easy to follow tutorial to produce a business site that stands out from other designs.
Yet another comprehensive tutorial that teaches you to create a website from scratch with just shapes, layer styles and fonts. The result design of the tutorial suits very well to business site too.
Here comes a rare tutorial that walks you through the process of creating a dark-theme website layout which features an almost pitch-black color theme with some glowing elements for contrast.
With proper use of spacing, typography and colors, you can create a professional landing page like below, just follow the tutorial!
From Nettuts, this tutorial will show you how to create a beautiful website with a modern touch.
While most tutorials teach you to create a color-rich layout, this tutorial focuses on creating a very clean yet professional design for portfolio or small business use.
Although WordPress themes and site templates showcased here can be put online directly, I strongly recommend business owner to hire a web designer to perform customization until the template matches your brand like logo, color scheme, etc. After all, a great web design should not just look good or function well, but represent the precious brand and the very purpose of the company.
We are willing to hear what you think about these business templates, and possibly your favorite template from this showcase post, sincerely thanks.
CSS has hugely improved forms. Where once you had very rudimentary forms that looked plain and un-styled, CSS lets you style your form however you want and create rich and robust forms. Even a simple contact form can look slick and increase readability and user-friendliness – which means more visitors will fill it out and you’ll get more results based on that action.
Like with any web design, there’s no need for you to reinvent the wheel – use these CSS form templates, tools and services to speed up your CSS form creation. Whether grabbing code snippets, using these templates as design inspiration, or simply using them whole, the point isn’t ultimately to try build everything from scratch by yourself, but rather have the best-looking and, more importantly, most-effective website possible. One that increases your desired results through visitors using your CSS form.
The CSS3 Forms Library styles text boxes, text areas, buttons, radios, and partially select drop downs.
CSS3 Forms Library →Demo via jsFiddle →
Form CSS is a basic but clean form style. Good for when you don’t need bells and whistles with your style but still want it looking like something other than the web browser default.
Form CSS →Demo via jsFiddle →
WittySparks Simple CSS Form is a clean and subtly-colorful form. Good for a fun-yet-professional look – since the rounded corners provide the fun but the subdued colors and clean layout provide the professional.
Simple CSS Form (WittySparks) →View Demo →
WittySparks Complicated CSS Form is like the Simple version but, as the name implies, includes more form options. It still retains the fun-yet-professional vibe with the rounded corners and subtle colors.
Complicated CSS Form (WittySparks) →View Demo →
Semantic Form allows you to quickly build a form with terse, semantic markup and have it come out looking decent.
Semantic Form →Demo via jsFiddle →
CSS Globe offers 5 web form styles, ranging from dark-and-slick to fun handwritten to old-fashioned letter envelope and more.
CSS Globe – 5 Web Form Styles →View Demo →
A tutorial on how to design a clean and pure CSS form without using html tables. Code snippets is provided along with a download of the source code, so you can just copy/paste this bad boy into your stylesheet and web page.
Clean and Pure CSS Form →Demo via jsFiddle →
A tutorial on how to take a standard form and make it special with some simple CSS tricks and techniques. This will improve the usability, aesthetics and layout, while picking up design cues from the existing design elements.
Beautiful CSS Forms →
A tutorial that shows how to turn a boring web form into a beautiful one using CSS3. Code snippets are included along with downloadable source code for your copy/pasting convenience.
Pretty CSS3 Web Form →View Demo →
A tutorial on how to use pure CSS to style a web form dynamically. Code snippets are given along with a download of the source code for your convenience.
Pure CSS Web Form →View Demo →
Simple CSS Forms is an easily-customizable forms setup that helps you create quick prototypes and final products of web sites. It is cross-browser compatible.
Nice & Simple Contact Form →View Demo →
RMSforms is a CSS forms framework that helps web designers avoid headaches by solving browser inconsistencies and making sure your form’s layout is correct, both visually and semantically.
RMSforms →Demo →
Formy is a CSS framework for better form management. The universal CSS interacts with an HTML form in a simple and natural way so that the form will work decently well even without CSS. The reason for this is there’s a limitation to a form that’s built purely with CSS: it becomes inaccessible if it’s viewed in a browser that doesn’t fully support the used CSS code.
Formy CSS Frameworks →Demo →
Uni-Form is a framework that standardizes form markup and styles it with CSS giving you two most widely used layout options to choose from. You can get nice looking, well structured, highly customizable, accessible and usable forms, making your web design job a lot easier.
Uni–Form →Demo →
Formee is a framework to help you develop and customize web based forms. It alleviates the need for you to spend a lot of time aligning fields and calculating margins and paddings. Formee is cross-browser-compatible, flexible, and customizable.
Formee →Demo →
Formalize CSS is a form framework that gives you a measure of control over form elements, without changing them so drastically as to appear foreign in a user’s operating system. This results in consistent CSS forms across all browsers.
Formalize CSS →Demo →
FAARY is a free online CSS form generator. You simply type your form’s contents (each item in a new new line), then click the generate button, and you have a CSS form created for you – ready for download and insertion into your web page.
FAARY – Free, Online CSS Form Generator →
JotForm is a easy-to-use CSS form builder. It features a WYSIWYG interface (what you see is what you get). That means no code – you simply pick an element you want to add and drag it onto the “work area” where you visually build your form. That’s it. There are a lot of elements included, from the basic text fields and buttons to survey and payment elements. When you’re done, you click save and you’re ready to add your form to your web page.
JotForm – Easiest Form Builder →
Accessible Form Builder is, as the name implies, a simple step-by-step form builder that generates forms which are accessible to anyone, especially visually-impaired users.
Accessible Form Builder →
Web Form Theme Editor is a form builder that’s easy-to-use and features a WYSIWYG editor (what you see is what you get). You select a color scheme, background, typography, border, effects, and elements from a visual interface.
Web Form Theme Editor →
Form Style Generator is a simple form style generator that lets you quickly create a style for your forms. Run through and select the parameters for your form style, then download and insert the CSS code it generates for you into your stylesheet.
Form Style Generator →
Wufoo is one of the most popular and easiest form builders. It helps you easily create contact forms, online surveys, and invitations so you can collect the data, registrations and online payments you need without writing a single line of code.
Wufoo – Online Form Builder →
Formstack is an easy-to-use form builder and data collector/manager. It features an easy drag-and-drop online form builder that lets you build any type of web form to help your organization collect data online. No programming or HTML experience needed.
Formstack – Online Form Builder Formstack →
Icebrrg lets you easily build online forms – no programming, software, technical or design skills and experience needed. Icebrrg further simplifies form creation by handling the hosting of your forms.
Icebrrg – HTML Web Forms →
FormLogix is an online form builder tool for creating web databases and web forms. The form builder is a WYSIWYG tool (what you see is what you get) and it requires zero coding skills.
FormLogix Form Builder →
MachForm is an intuitive, browser-based, self-hosted HTML form builder program that lets you quickly create web forms and collect results. No writing of code needed. MachForm is designed as a modern HTML form builder, it makes use of the latest web technologies like AJAX, CSS, and Javascript to provide a fluid browser-based experience.
MachForm – PHP HTML Form Builder →
Questionform is a web application for creating, publishing and analyzing online surveys and forms. The form creator is simple to use, and best of all, unlike most other comparable services in this category, Questionform is free.
Question Form – Create Online Surveys and Forms →
Over to you: what are your favorite CSS form templates, tools and/or services? Feel free to share your essential picks in the comments section below.
40 Professional and Detailed Web Layout PSD Templates →
25 Completely Free Fonts Perfect for @fontface →
Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks →
30 Pure CSS Alternatives to Javascript →
40 Essential CSS Templates, Resources and Downloads →
Website Speed Part 1: Write More Efficient CSS →
50 Free Tools and Apps for Web Designers and Developers →
CSS3 Compatibility Tools, Resources and References for Internet Explorer →
10 Online Tools and Apps to Help Optimize and Format CSS →
50 Useful Tools and Generators for Easy CSS Development →
It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow. To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps.
We have also previously published a post that focuses on iPhone GUIs and Stencils, you can view that post here: iPhone Development GUI Kits, Wireframe Stencils and Icons →
All of the stencils have been originally created by hand from native or custom created OmniGraffle shapes and grouped for ease of use. the stencils can be easily scaled to new point resolutions and exported to any vector formats supported in OmniGraffle.
iOS Design Stencils →
This Omnigraffle stencil, from Information Architects, contains editable text, backgrounds, title bars, buttons, selectors, and many more iPad UI elements. It is based on the iPad PSD GUI designed by Teehan+Lax below.
iPad Stencil →
Now in its second iteration, this version of the template, designed by Teehan & Lax, has been completely redesigned from the ground up. Based on the recent 4.2.1 update, it includes all the elements you need to design proof-of-concepts or production ready assets.
iPad GUI Design Template Version 2 →
This huge GUI template, from IconShock, has almost all of the iPad UI elements, including buttons, tabs, menus, keyboard… It also includes a fully scalable and editable vector version (AI).
iPad Vector GUI Elements →
This iPad GUI Kit offers a canvas size true to the iPad at 768×1024. Most of the graphical elements are provided in vector format allowing you lots of room to scale things up for high resolution presentations. This version is also layered in PhotoShop making it easier for you to go nuts with your mockups and client presentations.
iPad GUI Kit →
This is an Axure Widget Library from the Teehan+Lax iPad GUI template (version1 ) template. It contains 82 items, 99% customizable text-elements, icons and many more.
iPad Axure Widget Library →
These Photoshop Actions will allow any UX/UI designer or App developer to quickly create a gorgeous rendering of their app as it would appear on an Apple iPad. All that is required on your end is your final designs. Have a look a the video below to help you get started:
This build-your-own iPhone icon kit comes complete with 30 unique icons and backgrounds for hundreds of possible combinations. Using vector shape layers for easy customization, and Smart Objects for automatic updating of icon sizes, this kit makes it a breeze to create your own high quality quality, gorgeous iPhone, iPad and iOS application icons.
Free iPhone App Icon Kit →
In addition to the outline, this template includes a series of iPad popovers, a ton of buttons, menu bars, dock icons, keyboards, alerts … the list goes on.
ZURB iPad Omnigraffle Stencils & Sketchsheets →
This collection of common iPad elements in a sketch–like style allows you to easily and quickly mock up flows of custom wireframe screens.
iPad Sketch Elements →
This is a free clickable iPad prototype inspired by iBooks for Keynote. Have a look at the video below, it will show you how to prototype an iPad app in Keynote in less than 30 minutes:
Sqetch is an Illustrator-toolkit consisting of several templates and elements: Browser; iPad upright; iPad landscape; Smartphone; GUI-Elements; Form-Elements.
Sqetch – An Illustrator Wireframing Toolkit →
This is a full-size (1024×768) iPad landscape frame with a "hole" for the viewport, letting background images show through, useful for mocking up content that is larger than the viewport. A Safari browser bar and landscape mode keyboard is also included.
iPad Landscape Non-Markup →
Here are two lower fidelity iPad mockups, with a light gray chrome color, and deliberately wireframe-like sloppy outlines.
Lower-Fi iPad Mockups →
iPad Design Template Stencils →
iPad Application Sketch Template →
Here are two iPad2 PSDs (black & whilte) mockups. The screen has its own ‘Smart Object’ making editing extremely easy.
iPad 2 Template →
A very basic Omnigraffle template and tidy up of an iPad with the representations of the device to scale.
iPad iPhone Scale Comparison →
Fully editable and scaleable Apple iPad in PSD format with every element editable via vector masks.
Apple iPad: Fully Editable (PSD)”>
Looking for some iPad inspiration? Here are some fantastic resources you may like to try:
Landing Pad – An iPad App Gallery →
iOS UI Patterns (beta →
iPad and iPhone Design Inspiration Gallery →
30 Examples of Stunning iPad App Interface Design →
iOS Inspires Me – Design Showcase of the Best iPhone/iPad Apps →
20 Superb Examples Of iPad App Design →
Collection: iPad UX Interactions (Interesting Moments) →
iPad UI Conventions →
Android App Developers GUI Kits, Icons, Fonts and Tools →
iPhone Development GUI Kits, Wireframe Stencils and Icons →
20 Free Web UI Element Kits and Stencils →
50 Free PSD UI Kits and Templates for Web Designers →
40 Professional and Detailed Web Layout PSD Templates →
A Collection of Useful Web Design Wireframing Resources →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
A Useful Selection of Android Developer Tools and Resources →
Illustrator Template Toolbox for Web, Mobile and App Developers →
