BittBox

40 Mobile Android & iOS Tablet App Interfaces

by Jake Rocheleau
on June 29, 2015

Good artists copy; great artists steal. This quote has been tossed around creative circles for decades and does shed light onto a small fragment of truth, especially among visual artists. The way to master digital design is to take ideas and learn how they were constructed.

Smartphone & tablet applications are small but detailed. To successfully design mobile apps you need to understand textures, shapes, typography, icon design, and color matching. This may seem impossible but if you study other designers you’ll naturally pick up their ideas for yourself. The following examples are chock-full of unique interface ideas ripe for cloning & copying into your own designs.

Dark Menu

dark responsive menu ui tablet

Read More…

How To Create a Baseline Grid Pattern in Photoshop

by Jake Rocheleau
on June 24, 2015

The best designers will admit that grids are vital to any project. Whether you’re designing for print or the web, grids offer structure that can either be followed or ignored. Most people think of grid systems like 960GS where you create long columns across the full width of the page.

But there is another grid related to typography known as the baseline. It typically adds a new grid line every X number of pixels based on the website’s line height. As you can imagine, this would be exhausting to manually create by hand.

baseline typography style

Instead it’s better to create a pattern for your baseline and fill it onto a new layer. In this guide I’ll show you how to create a quick baseline pattern and apply it to your own mockup.

Read More…

WixStores: The Simplest eCommerce Website Builder for Any Business

by Jake Rocheleau
on June 18, 2015

WixStores is a comprehensive eCommerce website builder, and content management system all rolled into one. Wix.com, one of the most popular website builders, launched their online store builder on the same platform. Of course Wix.com is a free website builder focused on helping you create and develop your online presence. But their latest eCommerce system allows business owners and shops of any size to create their own fully-functioning online marketplace without writing any code. When getting started, the initial sign-up process is straightforward yet detailed, offering plenty of options for any business. Once you enter some basic sign-up info, you’ll be taken to a screen to pick your company’s interests.

Read More…

Quick Tip: Convert Video & Audio Files with Adobe Media Encoder

by Jake Rocheleau
on June 16, 2015

The task of converting media has always been tricky. It’s possible to use online tools or free programs like MP4 to MP3 Converter. But most of these tools are lackluster, full of adware, and don’t have the prettiest interfaces.

adobe media converter cs6 splash

Adobe’s Creative Suite 6 released with a new program called Media Encoder. This allows you to encode any type of media into another format or file container.

I’ll explain how you can do this with any piece of media using Adobe Media Converter CS6 or CC. It’s actually a very simple piece of software and once you learn how it works, you’ll never want to use anything else.

Read More…

20 Free Responsive and Mobile Website Templates

by Azmathulla Shaik
on June 14, 2015

Are you worried about your user experience when someone visits your website from a Smartphone or Mobile device? Solve the problem by using HTML5 and CSS3 Responsive concept. Here we have collected the 30 best responsive web templates which are 100% FREE from sites like Themezy and W3Layouts. This collection of web templates are not only responsive, but they will also support basic mobiles. They are free to download and free to use for any purpose without any limitations or obligations. So, download the templates, start a new website, or make your existing website responsive and mobile friendly. If you don’t find any templates you like here, you can search Themezy for more Free Responsive Website Templates.

 

WebWorld Corporate Flat Responsive Template

Demo | Download

webworld-web

 

Flat UIKit Responsive Template

Demo | Download

ui-kits-web2

 

Mode Blogging Responsive Template

Demo | Download

mode-web

 

TravelMedia Travel Agency Responsive Web Template

Demo | Download

travel_media-web1

 

Mobile Cloud App Responsive Template

Demo | Download

mobile_cloud-web

LaunchPad Product Showcase Responsive Template

Demo | Download

launchpad-web

 

LimeLight Design Studio Responsive Template

Demo | Download

limelight-web

 

Metro UIkit web elements Flat Responsive Template

Demo | Download

metro_tiles_uikit-web

HostCompare Cloud web Hosting Flat Responsive Template

Demo | Download

hostcompare-web

Coming Soon Responsive web Template

Demo | Download

coming_soon_page-web

Classic a Blog Responsive Template

Demo | Download

classic-web

WebWorld Corporate Flat Responsive Template

Demo | Download

blogmagazine-flat-ui-kit-web

 

Brighton wedding website Responsive web Template

Demo | Download

brighton-web1

 

 

4pets Animals Responsive web Template

Demo | Download

4pets-web1

AppStore Mobile App Flat Responsive Template

Demo | Download

appstore-web

AutoSwift Ecommerce Responsive web Template

Demo | Download

auto_swift-web1

Enginery Industry website template

Demo | Download

enginery-web1

Naturex Spa Responsive  Website Template

Demo | Download

naturex-web1

Retina Corporate Responsive Template

Demo | Download

retina-web

 

Download More 340+ Responsive and Mobile Website Template Free

Modern Architecture Responsive Website Template

Demo | Download

Free Website Template for Architects

 

Free Responsive Website Template for Mechanics

Demo | Download

Auto Garage Free Responsive Website Template

 

Start Up Business Free Responsive Website Template

Demo | Download

Start Ups Free Responsive Website Template

Read More…

44 Clean New Startup Homepage Designs

by Jake Rocheleau
on June 9, 2015

Clarity is a vital aspect of any successful startup. Your purpose needs to be conveyed in an easy-to-understand manner without obscurity. The best websites know how to convey information through design aesthetics while expressing the main purpose of a company.

The following examples are perfect for any designers who want to design their own modern startup layout. If you have patience and perseverance you will come out of each project with consistently stunning ideas.

Rooms

rooms me startup homepage

Read More…

Quick Tip: Metadata Editing in Adobe Bridge

by Jake Rocheleau
on May 28, 2015

If you’re a photographer or a creative artist who uses a lot of digital resources, Adobe Bridge is something you should learn. It’s like a much more powerful version of Explorer where you can browse files, organize collections, and edit metadata for project work.

Bridge can be opened directly through Photoshop which allows you to import files quickly. If you don’t do lots of photo editing then this may not seem very useful but it still proves useful when organizing files.

adobe bridge preview featured logo

This post will cover a general workflow that you can use to edit metadata in Adobe Bridge. The most common use would be on photographs but you can do anything from MP3s to videos. Bridge is an advanced file browser that can prove immensely helpful if you know how to use it.

Read More…

The Difference Between Layer Masks & Clipping Masks in Photoshop

by Jake Rocheleau
on May 22, 2015

Adobe Photoshop is one of the more complicated programs because it can be used for a wide array of purposes. But once you nail down the fundamental tools it becomes a lot easier to envision how you might create certain effects in future work.

layer clipping mask featured

One of the confusing ideas that often trips new users is the difference between a layer mask and a clipping mask. They behave similarly but should be used for different purposes.

This guide will cover the basics of both layer masks & clipping masks while demonstrating how you might use them in real-world projects. Both should be useful at different times and if you want to master Photoshop then you’ll need to understand these crucial differences.

Read More…

40 Material Design Android Apps for Clean User Interfaces

by Jake Rocheleau
on May 21, 2015

Google’s material design has become a language unto itself. Both mobile and web designers are swooning over the simplicity of Google’s systematic foundation for textures, animations, and icon styles. Material design is here to stay and only seems to be growing in popularity.

If you want to design apps for Android then material design is a great place to start. But what’s the best way to learn? Well most designers learn by copying, and these examples of Android app designs are perfect for beginners. Check out this gallery and try to replicate the best ideas that to further your understanding of material design.

Kipchat

kipchat dark interface ios

Read More…

Top