BittBox

The Benefits of Animated UI/UX GIFs Created with After Effects

by Jake Rocheleau
on July 22, 2014

I’ve seen this trend becoming much more popular amongst mobile and web designers. Adobe After Effects is a powerful software suite typically used for adding effects into videos. But it can also create animations for user interfaces in smartphone apps, tablets, and website layouts. It takes a lot of practice but After Effects is quite the interesting program.

adobe after effects laptop preview shot

These AE animations can be exported as GIFs and used to demonstrate how a UI should behave. Examples may include swiping through a photo gallery, sliding open a menu, performing a search, or anything similar. I’d like to share some ideas about why you might want to learn After Effects and start creating these animations for your digital projects.

Read More…

32 Creative Premium Church Themes for WordPress

by Jake Rocheleau
on July 17, 2014

It’s not always feasible for non-profit organizations to order custom website designs. Churches and other charities would benefit the most from purchasing a premium theme and using this as a framework for a new website layout. And WordPress is definitely one of the easiest systems to use.

If you’re working with this type of client or even need a site for your own project, these WP themes are perfect for any church or nonprofit. They include many customizable features and offer the highest-quality design out of any other themes. Take a look at this collection and see if anything strikes your interest.

Read More…

Tips for Planning and Structuring a Responsive Website Layout

by Jake Rocheleau
on July 14, 2014

The process of building a naturally responsive layout takes quite a bit of practice. You’ll need to spend time studying other responsive websites to see how they behave. Then with a visual library of responsive elements you can put together a design that best suits your project.

Once you’ve built a few responsive websites the entire process melds together quite nicely. I’d like to a few share tips on building responsive layouts and what you need to know. After a bit of time you’ll get much more comfortable with layouts expanding & contracting based on the browser window. Since more people are online with their smartphones, responsive design offers the most accessible websites reaching the widest possible audience.

Read More…

26 Premium Food & Restaurant WordPress Themes

by Jake Rocheleau
on July 3, 2014

WordPress is often the easiest solution for business owners who need to get a website online. It’s free, easy to install, and comes with a lot of customizable features – one of which is a library of exciting design themes. WordPress themes can even include unique menus and extra post types allowing the webmaster to style content in any format.

Restaurants typically need this custom functionality to add menu items right onto the website. WordPress even allows you to edit the homepage to update with new deals or coupons for customers. This gallery features 25 brilliant restaurant and cooking-based food themes for businesses. No matter what type of food is served you can likely find a perfect theme to match the style of any modern restaurant.

MyCuisine

mycuisine template wordpress premium restaurant

Read More…

Unique Web Fonts to Spice Up your Layout Designs

by Jake Rocheleau
on June 25, 2014

It goes without question that CSS3 has been a major improvement on how we build websites. Beyond the additional properties I’ve found CSS3 web fonts to be a groundbreaking addition to the developer’s tool belt. You can import external fonts or even include your own custom-made fonts with just a few lines of code.

But not every website needs to include 5 or 6 additional typefaces. There is a rhythm to choosing great fonts which can help you avoid building websites that look like a 10 year old’s first time in Microsoft Word. I’d like to share a few tips for selecting fonts and how you should apply them with grace and humility.

Read More…

Tips for Learning the Pen Tool in Adobe Photoshop

by Jake Rocheleau
on June 23, 2014

Everyone who’s tried their hand at Photoshop knows about the pen tool. At first it’s agonizingly difficult and practically mocks every newcomer. But there is a rhyme & reason to the madness. I do hope this post offers enough useful tips for anyone interested in learning this tool.

I’ll preface by saying that to get truly comfortable you’ll need to spend hours and hours of time practicing. There is no shortcut to hard work and real practice when it comes to learning Photoshop. The pen tool could be listed as one of the most difficult skills to grasp. But once it clicks you’ll never really forget – sorta like riding a bicycle or a similar heartfelt cliché.

Read More…

Animated Web Design for a Unique Eye-Catching Experience

by Jake Rocheleau
on June 18, 2014

The process of creating a dynamic website takes hard work along with a deeper understanding of design principles. Most of this can be learned from practice and studying what other websites are doing. Animation in web design can be used to enhance almost any page element, and the popularity of jQuery allows anyone to build these effects without much hassle.

I’d like to share a few examples of great animation in web design. Specifically I am focusing on animations which tend to enhance the user experience. Too many flashy elements or sliding panels can get annoying. Over time you’ll find a good limit between too many and too few animations on any given webpage.

Read More…

382 free design resources that are hotter than Jennifer Lawrence!(sponsored)

by Megha
on June 12, 2014

Well, of course these web resources are hot. But what makes them hotter is that these are for free! So, if you like designing or already a pro then you are sure to find them hotter than Jennifer Lawrence!

These resources come with high quality making sure that your web projects always maintain the same calibre. So whether you’re looking for “plug and play” visual content, some beautiful textures, or icons, you’re bound to find new favorite free web design resources on this list. If you are a designer then you will certainly want to checkout these high quality resources which you can’t refrain from downloading

Get a sneak peek into these design resources now:

Read More…

Understanding Skeuomorphism for Mobile Interface Design

by Jake Rocheleau
on May 28, 2014

It seems most users have moved on from the original iOS design into the latest iOS 7 interface. Yet many still prefer the fancy textures and glossy buttons along with the more detailed application icons of iOS 6. It seems that skeuomorphic design has become less mainstream for mobile applications in place of simplicity and minimalism. Both design styles work great and there’s an audience for everything.

iphone app homescreen icon inspiration preview image

I’d like to cover a bit more about skeuomorphism and how it relates to mobile app design. Typically people get the wrong idea about skeuomorphism and why it looks so unique. Although design is a huge piece to this style, applications need to be usable in a familiar kind of way that catches people’s attention.

Read More…

Top