Tags Posts tagged with "UI"

UI

0
Free iPhone Mockup PSD

Ever wonder where designers on dribbble and behance get those stunning iPhone screenshots to display their beautiful mobile UI designs? They come from mockup PSD’s like the ones below that Joe Mortell created. These two white and black iPhone mockups can be downloaded free of charge for you to use to show off your mobile UI designs in stunning fashion.

White iPhone Mockup PSD by Joe Mortell

White iPhone Mockup PSD by Joe Mortell

Black iPhone Mockup PSD by Joe Mortell

Black iPhone Mockup PSD by Joe Mortell

**Click the title link or the image to direct to the download page**

4
Long Shadow Maker Created by Invent Group

Long shadows on flat designs is quickly rising in popularity and trending in graphic design. Today’s deal is a Long Shadow Maker that comes from Invent Group on Graphic River. It works great with shapes, text, and layers; plus it’s easy to customize. This long shadow maker is a great time saver and helps you produce high quality, always perfect shadows, and for only $4 it’s impossible to beat. Check out the Long Shadow Maker here.

Created by Invent Group

Long Shadow Maker Created by Invent Group

**Click the title link or the image to direct to the purchase and download page**

1

Flat design style is on the rise and with it comes the need for flat UI elements for developers and designers to use. Designmodo has created an excellent Flat UI Kit for developers and designers to use in their projects. Flat UI is made on the basis of Twitter Bootstrap and includes both a PSD and a HTML version.

The Flat UI comes in both a free and paid version, the pro version starts at $39. The free version comes with buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars and sliders, navigation elements and more. You can check out the demo and download the free Flat UI Kit. If you like the free version I do recommend checking out the paid version.

Flat UI Kit by Designmodo

Flat UI Kit by Designmodo

**Click the title link or the image to direct to the download page**

2
Fostr Logo

What is Fostr? Fostr is an iPhone app created by Sean Fournier that lets you share the creative projects you’ve always wanted to finish. Why am I writing about this? Well, sometimes I when browsing the web I will stumble across a new start up or company that I find intriguing and I think “man that could be awesome if they had the right amount of support” and I wish I could somehow back them or help them out.

Then I came across this new start up called Fostr, and it gave me an idea. Why not start a Company Spotlight section to get some of these start ups noticed? So here it is, the first Company Spotlight post featuring the upcoming mobile app, Fostr.

I figured it is only fitting to make the first spotlight feature a company that is aiming to do the same thing Enfuzed is aiming to do, help designers get noticed. Fostr is an app driven toward helping creatives gain support and finish the projects they’ve always wanted to finish. Support, Follow, & Cultivate Creativity is their slogan and that’s what they are trying to do.

Let us take a look at the key features of Fostr:

  • Discover – Discover great projects that people are working on by filtering by a whole bunch of creative categories.
  • Support & Contribute – Follow the progress of projects that you believe in and contribute your feedback and guidance.
  • Increase Ranking – Based on the quality of your feedback, you could be among the Top Supporters.
  • Earn Badges – The more you engage with the community, the more badges you earn.
  • Create – With an invite, you can share your own creative projects and gain support and feedback from the community.
  • Finish – Gain the motivation, support, feedback, and guidance to finally complete that project you’ve always wanted to finish.

Fostr is a mix of all the great creatives websites out there (like behance, Dribbble, and Creattica to name a few) but with one key difference that caught my eye – it’s geared toward helping each other. Don’t get me wrong, people on behance and dribbble and those other portfolio sites help each other, but in the end they are just portfolio sites set on self promotion and helping #1 get noticed. Now that we’ve covered that, let’s get to the fun part of taking a look at the app:

The Menu

Fostr App Menu

Fostr App Menu

Fostr App Menu

Support

Fostr App Support Page

Discover

Fostr App Discover Page

Project

Fostr App Project Page

Profile

Fostr App Profile Page

Badges

Fostr App Badges Page

Rank

Fostr comes with various ranks based on the user. The first is a supporter, all members who sign up are supporters. As a supporter, you can discover great projects that other people are working on. By supporting these projects, you can follow their growth, gain inspiration, and even contribute your own input. With an invite, supporters can be upgraded to a creator.

Creators are supporters that can create their own creative projects, allowing them to share their creative progress and gain feedback from their very own supporters.

Fostr App Rank Page

Fostr is set up similar to dribbble in that only invited members (creators) can create a project. All creators (members who can create projects) are invited by Fostr or other creators. Having members take responsibility for those they invite sharpens the focus on sharing quality and interesting work. Fostr also limits invitations, which helps the company scale the app and their support of it.

Now to the important questions you are probably asking:

How Do You Get Started?

Once Fostr is available, you can sign up as a supporter using an email address. Once you’ve logged in, you can discover projects to support, request an invite to become a creator to post your own projects, and more. You can sign up to be alerted for when private beta comes out at http://fostr.com/

How Much Will It Cost?

At launch Fostr will be free, and their goal is to keep it free of charge forever. Like Evernote and Dropbox, they hope to add a _premium set of paid features over time.

When Will the App be Available?

Fostr is currently in development and aiming for a private beta launch this summer (July or August 2013). Visit the blog at http://blog.fostr.com or follow them on Twitter at http://twitter.com/fostr for the latest news and updates.

What devices does Fostr support?

Fostr is currently for iPhone. We’ll be adding support for other devices as we go.

Who’s Behind Fostr?

Fostr was created by Sean Fournier, a musician and designer who wanted to make a place for people to reach their creative goals. Find him on Twitter at http://twitter.com/seanfournier

What is Fostr Video:

0
ios7-reimagined

Just days after Apple’s newest mobile operating system, iOS 7, was announced at the 2013 Apple World Wide Developers Conference (wwdc) designers across the world are already redesigning it. Critics are upset with how the new iOS was designed, being a mix of flat with a dash of something else.

One of the more odd changes was to the icons,changing the overall size from 114px to 120px and increasing the border radius from 20px to 27px . So here we will look at just a few of the hundreds of redesigns already on the internet. You can view Apple’s Original iOS 7 design here.

iOS 7 Reimagined by Zane David

iOS 7 Reimagined by Zane David

iOS 7 Reimagined by Zane David

iOS 7 by Dmitry Kovalenko (design team lead @Readdle)

iOS 7 by Dmitry Kovalenko

iOS 7 Icons Redesign by Ida Swarczewskaja

iOS 7 Icons Redesign by Ida Swarczewskaja

iOS 7 Redesign by Leo Drapeau

iOS 7 Redesign by Leo Drapeau

iOS 7 Icons by Jackie Tran Anh

iOS 7 Icons by Jackie Tran Anh

iOS 7 Icons by Jackie Tran Anh

iOS  7 Springboard Redesign by Doney Den Ouden

iOS  7 Springboard Redesign by Doney Den Ouden

iOS 7 Icons by Matthew Skiles

iOS 7 Icons by Matthew Skiles

iOS 7 Redesign by Michael Boswell

iOS 7 Redesign by Michael Boswell

iOS 7 Redesign by Michael Boswell

iOS 7 Icons by ididi

iOS 7 Icons by ididi

iOS  7 Control Center Redesign by Sam Nissinen

iOS  7 Control Center Redesign by Sam Nissinen

iOS 7 Control Center Redesign by Clement Ng

iOS 7 Control Center Redesign by Clement Ng

iOS 7 Safari Icon Redesign by Tim Poot

iOS 7 Safari Icon Redesign by Tim Poot

iOS 7 Safari by Apostol Voicu

iOS 7 Safari by Apostol Voicu

Safari by Anon Wuttowsky

Safari ios 7 icon by Anon Wuttowsky

iOS 7 Maps by Gabriel Ghnassia

iOS 7 Maps by Gabriel Ghnassia

*Note that all of these redesigns were done for fun*

1

Today’s freebie is from ui8, a new website branch off of the design company creativedash that offers “Carefully Crafted Creative Assets”. This free UI icon kit comes with 60 different icons, 30 solids and 30 outlines. You give them some love and follow ui8 on Facebook and Twitter, as well as follow Creativedash on all the major social media networks.

60 Free UI Icons by ui8

60 Free UI Icons by ui8

**Click the title link or the image to direct to the download page**

1
iOS 7 Close Up Look

There has been tons of speculation as to what Apple’s new iOS is going to look like and what it will feature. One of the biggest speculations for the new iOS 7 is it’s axing of the skeuomorphic design and it’s switch to a flat user interface. Like we’ve said in previous articles,  flat UI has become a big hit in recent years and it would be hard to believe if Apple didn’t follow suit.

SimplyZesty, a full service digital agency, has put together this video showcasing a mock up of what they believe the new iOS 7 could look like based off of rumors and speculations. I think they did a good job with it, it is definitely a concept that could become reality when they announce the new iOS at WWDC June 10-14th in San Francisco. (Video Below)

iOS 7 Concept Designs by SimplyZesty

iOS 7 Concept Designs by SimplyZesty

iOS 7 Concept Designs by SimplyZesty

iOS 7 Concept Designs by SimplyZesty

iOS 7 Concept Designs by SimplyZesty

iOS 7 Concept Designs by SimplyZesty

Video

Free eBook: How to Create a Million Dollar Website

Many people dream of becoming an internet millionaire. Don't be a dreamer download this eBook, join my newsletter and start taking action today.

  • How to Find a Profitable Niche
  • How to Market Products Online
  • How to Build a Profitable Email List
  • How to Beat the Competition
  • Free Weekly Internet Money Making Methods

Free eBook: How to Create a Million Dollar Website

Many people dream of becoming an internet millionaire. Don't be a dreamer download this eBook, join my newsletter and start taking action today.

  • How to Find a Profitable Niche
  • How to Market Products Online
  • How to Build a Profitable Email List
  • How to Beat the Competition
  • Free Weekly Internet Money Making Methods