BittBox

36 Interface Design Mockups for Mobile Shops & Online Stores

by Jake Rocheleau
on March 9, 2015

Some of the most intricate and detailed website layouts are shops and eCommerce stores. Most of these websites have so many required features that a designer will need to plan long in advance during the wireframing & mockup stage. It helps to look at other great interfaces to gauge your own ideas and put them into perspective.

This gallery is focused on UI mockups for mobile shops and online web stores. Take a look over each of these examples to see if anything catches your attention. It’s a lot tougher to create a shopping interface for mobile screens because the process requires a series of terse decisions regarding which elements to cut. But guided by the following examples you should be able to push forward into an excellent design of your own.

Magaza Web

magaza web version app ui

Read More…

38 Most Creative Landing Page Website Mockups

by Jake Rocheleau
on February 24, 2015

Landing page design is a tough gig which focuses more on snazzy design coupled with smooth page copy. In order to sell a product or service you really need to draw people into the site. This means colorful graphics and well-placed typography can make all the difference in converting new customers.

featured sidecar landing page design

This gallery is perfect for any UI designer or frontend developer creating a new product landing page. These examples range from startups, mobile apps, online services, and even small webshops. Landing pages serve as a marketing tool and method for product branding – so the design needs to be air-tight. Feel free to use these mockups as inspiration for cherrypicking new ideas for your next web design concept.

Read More…

Trace Existing Icons to Create New Shapes in Photoshop

by Jake Rocheleau
on February 19, 2015

Icon design is one of the most tricky fields of digital design. It often requires some understanding of composition and other art fundamentals like symmetry, lighting, and color. The best way to learn icon design is by studying under the best of the best. Unfortunately they probably don’t have time to teach you so it’s important to learn how to practice on your own.

In this how-to guide I want to explain the basics of tracing existing icons using Photoshop. This requires some knowledge of the pen tool because you need to edit paths and anchor points according to existing shapes. But everyone has to start somewhere so I highly recommend using the pen tool at every opportunity.

ios camera icon trace path shape

I’ll demonstrate how to trace the camera icon found in Apple’s iOS 8 SMS app. This uses a flat design style which is traditional and great for beginners.

Read More…

How To Clear Color Swatches in Photoshop & Illustrator

by Jake Rocheleau
on February 16, 2015

Both Adobe Photoshop and Illustrator are very common design tools. Although they possess an incredible amount of power the overall interface can be quite cumbersome even to intermediate users. But if you spend enough time learning the fundamentals everything else will just naturally fall into place.

For this quick tip I’d like to demonstrate how to clear out color swatches in Photoshop and Illustrator. Each program has a slightly different method of clearing swatches and you’ll want to stick with the most comfortable way to your workflow. The swatches panel is a little tricky and it’s not always used in every design project. But it’s still a palette that has plenty of value in the long run and it’s worth learning these little tricks.

Read More…

30 Best WordPress Themes for Bands & Musicians

by Jake Rocheleau
on February 11, 2015

There’s no doubt that WordPress has grown into a powerful CMS with the capability to mimic any type of website. WordPress themes offer extensible functionality which is often built right into the code. The absolute best themes are created by designers and developers who have a knack for WordPress and know how to customize these important features.

The following themes are perfect for any musical website for a band, lone entertainer, musical venue, or even a barbershop quartet. Each theme includes various layout tweaks and custom page designs for unique content. If you need a fresh musical website theme then check out the following examples to see if anything catches your attention.

Vocal Events

vocal events wordpress theme music

Read More…

Free Hi-Res Watercolor Photoshop Brushes

by Jay Hilgert
on February 9, 2015

Here are a nice set of PhotoShop Brushes from BittBox. I’m constantly going back and forth between Illustrator and Photoshop in my projects, and I’m starting to pretty much make everything from scratch. I often have trouble finding brushes that are big enough for what I’m doing, so I just made my own. The smallest Brush in this set is 1989px! I was limited by CS2 to 2500 pixels, so that is as big as they get. The set contains 18 brushes. Download below:

BittBox Free Hi-Res Watercolor Photoshop Brushes
Read More…

36 Dark Minimalist Portfolio Website Designs

by Jake Rocheleau
on February 6, 2015

It’s tough competing in the modern creative marketplace without a stellar portfolio. Creative people from every medium are pushing to make their own unique portfolio website that looks great, runs smooth, and incorporates a little touch of themselves. Dark portfolios are an elegant solution to this problem which plays upon contrast and deeply unsaturated colors.

This showcase is a collection of the best dark portfolios I’ve found from all around the web. It’s surprisingly difficult to find beautiful portfolios that also incorporate dark color schemes. But the dark vibe can work great on any design style whether it’s minimalism, realism, flat, or something else. Take a look at these shadowy examples and lose yourself in the dark side.

Danny Diablo

dark danny diablo website layout

Read More…

JotForm Releases FormsCentral Import Wizard

by Dustin Martin
on February 3, 2015

Adobe recently rattled the design community when they dropped the bomb that Adobe’s form building product, FormsCentral, is set to shut down this July. Users who have come to rely on the service for many of their business needs were caught off guard and called upon Adobe to reconsider their decision. They took to the Adobe support forums to complain. “The last 4 months I spent building forms which I know will not be able to use anymore,” one user laments. Other users express their frustration, anger, and are up in arms about where to go next.

 

FormsCentral users have depended on the service for lead collection, e-commerce, communication with customers and more, have begun to seek alternatives. JotForm got wind of the situation when their support team was flooded with requests from FormsCentral users, asking how they can migrate over to JotForm, a competing service. As a company centered around customer usability and ease, JotForm promptly set to work to make the migration process a breeze.

themes

 

Read More…

Free Resources for Designers at 1001FreeDownloads.com

by Dustin Martin
on January 30, 2015

We wanted to share a great place for designers to get exclusive content and tons of resources that you can use everyday. 1001FreeDownloads.com offers free graphics, vectors, fonts, photos, brushes, and more. They have a great selection of resources and their site it easy to navigate with the search bar being the featured item so you can get what you are looking for quickly. We love free resources here at Bittbox, you should check out www.1001freedownloads.com next time you are searching. Here are some Valentines Day  vectors they currently have available for free download.

 

Read More…

Top