Hostinicon
GET HOSTING FROM $3.95/MO PLUS A FREE YEAR ON TUTS+ (RRP $180). HURRY OFFER LIMITED. Check it out
Advertisement

UI Design

  • User Experience
    UX Tip: Consider the Empty StatesEm
    169 shares
    The following article is not comprehensive, or a “must do” by any means. Instead, it outlines three common types of empty state.Read More…
  • Glossary
    Web Design Glossary: What is “Affordance”?Affordance
    201 shares
    The term “affordance” is one you’ll hear often in the world of web design. It regularly appears in tutorials on Tuts+ too, so this article will serve as a definition just to clear up any doubts.Read More…
  • Apple Watch
    Designing for the WATCHApple watches 400px
    234 shares
    With the upcoming launch of Apple’s newest and shiniest product, the Apple Watch (err, WATCH) there are many designers out there itching to get a feel for the newest toy to come out of Cupertino. There are some new ways to interact with the device; like Apple’s force touch menu and digital crown, as well as many UI elements you may already be familiar with like buttons, text styles, and switches, oh my!Read More…
  • UI Design
    A Tale of Two Platforms: Designing for Both Android and iOSPreview
    240 shares
    Android and iOS apps aren't always designed in isolation. Sometimes you need a quick way to design an app for both platforms. If you're new to designing apps, or looking for a quick way to do both at once, these tips will help you design with both platforms in mind.Read More…
  • Graphic Design
    Understanding Adobe Illustrator's Grid SystemUnderstanding adobe illustrator's grid system small preview
    334 shares
    This quick tip is focused on explaining what the Grid is, how it works, and how you should use it to benefit your design process.Read More…
  • Sketch
    Designing an iOS Fitness Application with Apple Watch CompatibilityCover
    226 shares
    In this tutorial, I’ll teach you how to design a simple and easy-to-use iOS fitness application for tracking outdoor running and cycling. Besides the iOS application, I’ll give you a design example for the Apple Watch interface as well.Read More…
  • Community Projects
    CodePen Challenge #1: Results!Codepen challenge 1
    46 shares
    Last week we asked you to take part in our first CodePen Challenge (oh, there will be more)–here’s what you all cooked up!Read More…
  • Landing Pages
    Learn the Principles of Landing Page Design in Our New CourseLandingpage
    55 shares
    As a web designer, I’m sure you’ve had to design a landing page at some point. If you haven’t, you will. So why not get a head start and learn the essentials of landing page design? This course will teach you what a landing page is, what structure it might typically have, and how you should design it for best results.Read More…
  • Community Projects
    CodePen Challenge #1: Style Section Links with CSSCodepen challenge 1
    98 shares
    What better way to run a web design Community Project than on CodePen? In this, the first of such challenges, I want you to check out our example pen, fork it and improve it. That’s all you have to do. The best examples will be showcased next week!Read More…
  • CSS
    Let’s Make Some Dynamic, Animated Section LinksLink
    126 shares
    In this tutorial, we'll discuss a technique for dynamically generating section links with JavaScript, and then animating them using CSS. Let’s dive in!Read More…
  • Sketch
    Designing a VSCO-Inspired Web Journal in SketchSketch journey tutorial
    146 shares
    In this tutorial, I’ll teach you how to design a simple and sophisticated VSCO-inspired web journal application in Sketch, for both mobile and desktop.Read More…
  • Prototyping
    Rapid Prototyping Using Sketch Symbols and TemplatesPre
    202 shares
    Starting from scratch every time you mock up a design is a waste of time, especially when building on top of an existing product. On Envato Market we already have an established visual look and we’re working on a style guide to collate all our UI elements. What we need is an easy way to create a clickable prototype using our UI library. A template with all the Lego pieces already in there, ready to be built.Read More…
Advertisement
Suggested Tuts+ Course
Landing Page Design Principles$15
Advertisement