How we use Dribbble

Dribbble is a social network for designers that lets you publish work to the design community. We use Dribbble because it helps us get our designs out there, as well as seek talented people who we may want to join us for upcoming projects. Originally, Dribbble allowed 400x300 "shots" only. Now, you can also add "attachments" of any resolution, to show full page comps.

Sign up for an account at dribbble.com so that you can be "drafted" and then added as an Admin on the Cantilever "team" account.

Once you are added to the Cantilever team, you can upload "shots" for your personal account, for the team, or both.

Feel free to upload shots of any completed work for which we have publicity rights (see the project history table to see which projects this is, or consult the PM). For in-progress work, check with the PM, but it is often OK. The more posts the better.

image

When a member of a team uploads work, they can choose the team via a drop-down menu.The shot will show up on both the team profile as well as their own, with dual attribution.

image

Members can also retroactively mark shots as team work, by following the “Edit” link from the shot page.

image

Team members will see team projects listed alongside their personal projects in the “Add to Project” modal pop-up.

image

When uploading a shot (or from the shot page if it’s already published), follow the “Add to team project” link and choose an existing team project to add the shot to.

  • All team members can add shots to team projects.
  • Team projects can be created only by an owner while acting on the team’s behalf.
  • Additionally, team members that are Pro can add shots to a team project as well as a personal project.
image

Making a Shot

Visit Making a Shot on Dribbble for a tutorial on setting up and using your Dribbble account.

What to Shoot

GIFs

These are animated shots. It is important to capture high-quality shots that have smooth animation in order to best present our work.

  • Not sure how to go about getting a good quality gif, intrepid reader? Well, you are in the right place! Here's how you do it: Create a GIF for Dribbble.

PNGs

These are still shots. You can use an app like Snagit, or can use keystroke commands to copy or capture all or part of the screen:

  • Capture
    • To capture the entire screen, press Command-Shift-3.
    • To capture a certain portion of the screen, press Command-Shift-4.
    • The screen shot will be automatically saved as a PNG file on your desktop with the filename starting with “Picture” followed by a number, example Picture 1, Picture 2, and so on.
  • Copy
    • To copy the entire screen, press Command-Control-Shift-3.
    • To copy a certain portion of the screen, press Command-Control-Shift-4.
    • You would then paste this copy into an app like Skitch, Snagit, Google Drawings (in Drive), etc. so that you could continue to review, edit, and/or export your capture.

Managing the Team

  • Adding or Removing Team Owners To add or remove a team owner, a team owner can act on behalf of the team and navigate to the Team Owners tab in the team’s account settings. Then add a team owner using the autocomplete search box or remove a team member using the remove button.

Glossary of Categories and Terms

  • Players Anyone can sign up to find, follow or hire designers at Dribbble. However, to upload shots or leave comments, an invitation from a member is required. Invited (drafted) members are called Players. 
  • Shots Shots are small screenshots (400×300 pixels or @2x 800×600 pixels for HiDPI or Retina displays) posted by members to show what they are working on. Some have called Dribbble “Twitter for designers.” Shots are to Dribbble as tweets are to Twitter. Players can upload up to 48 shots per month. When a new Player is drafted, they start with 48 available shots, no matter when they’re drafted. On the first day of each month, we reset everyone’s count so each player has 48 shots free. For example, if you have 10 shots free on March 31, you’ll get 38 more on April 1; if you have 0 free, you’ll get a full 48. There is also a 5 shot per day limit to discourage a single user from flooding Dribbble with a ton of shots in a short period of time. No ball hogging
    • @2x shot Dribbble allows 800×600 pixel uploads that are displayed at 400×300 reference pixels in HiDPI displays (e.g. Retina). If the device is capable, Dribbble will serve the larger image for twice the clarity of a normal 400×300 shot. In normal resolution displays, Dribbble will deliver a downsized 400×300 image instead. You can follow the @2x link on the shot page to view the 800×600 original.Confused? You’re not alone. Web design is getting all complex and stuff. Check out Towards A Retina Web for more on designing for HiDPI displays.
    • Attachment  An Attachment is an extra file that Pro members and members of teams can upload along with their shots (PSDs, .zips, larger images, etc.). You can attach up to 5 files per shot (each having a 10MB max). You can also check a box when cropping to keep the larger, original image as an attachment when needed.
    • Bucket A Bucket is a collection of shots that any Dribbble member can create. While logged in, click the ‘Bucket’ link on any shot to add it to a bucket.You can see many examples of buckets on the Buckets page.
    • HiDPI HiDPI stands for High resolution Dots Per Inch when referring to displays. For example, the Retina displays found on the iPhone, iPad, and MacBook Pro are HiDPI. Dribbble allows @2x 800×600 pixel image uploads that show at 400×300 reference pixels for twice the resolution on HiDPI displays that support them. HiDPI displays will eventually be the norm, and Dribbble is making sure to present your work appropriately.
    • Project A Project is a collection of a player’s shots that have been grouped because they share a common theme. Projects are viewable by anyone, but can only be created by members with Pro accounts.You can see many examples of projects on the Projects page.
    • Rebound A rebound is a shot in reply to another shot. Rebounds offer a way to follow up and “link” two shots together. For example, a sketch can be rebounded with a finished design, or alternate concepts of a design can be rebounded so there’s a reference trail to follow.Rebounds can also be purely for fun—what you’re working on doesn’t have to be for work. :) For example, any player can create games or memes allowing other Dribbble players to riff off an initial shot to get their takes on the same idea.You can see many examples of rebounds on the Playoffs page.
  • Teams
    • You can view information about teams at the Dribbble help page (see below for link).

For more on how to use Dribbble, visit help.dribbble.com/ For more on how to work with Cantilever's team, visit help.dribbble.com/#teams