Advertisement

UI Design

  • Community Projects
    CodePen Challenge #1: Style Section Links with CSSCodepen challenge 1
    53 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
    123 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
    131 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
    196 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…
  • eCommerce
    New Course: Designing for Mobile eCommerceMob commerce
    75 shares
    Mobile eCommerce is a growing market. It’s worth over $200 billion today and is still rising at a phenomenal rate. More and more companies are optimizing their websites for mobile, so as a web designer you have to stay up-to-date. This course will not only teach you all the basics of mobile eCommerce, but it will also show you the correct way of designing eCommerce websites for mobile. Read More…
  • UI Design
    How to Make Your Own Button UI Kit with Super-Clean SyntaxPreview
    172 shares
    No designer fits in a box. We all have our own wants and needs out of a button framework. We all want to see certain types of buttons, and maybe we’ve become really good at designing a certain type of button. So why don’t we make our own button UI kit from scratch?Read More…
  • UX
    What Everybody Ought to Know About App Design for Windows 8 Windows preview
    117 shares
    Windows 8 apps are an exciting User Interface challenge for designers and developers alike. The out of the box framework is constantly evolving and rationale behind each aspect of the User Experience is thought provoking. The potential keeps emerging in leaps and bounds in what is still a developing app ecosystem. You may not have had the opportunity to work in this space yet; I’ve outlined some User Interface insights to get you started!Read More…
  • Adobe Photoshop
    Design an Elegant “Gratitude Log” Landing Page With PhotoshopGrttd
    494 shares
    In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started!Read More…
  • Pagewiz
    How to Build a Pagewiz Landing Page Template, Ready for SalePagewiz logo
    70 shares
    Pagewiz was designed to enable professional marketers, business owners and affiliates launch landing page campaigns from scratch, within minutes, and easily optimize them towards a high conversion rate. This tutorial will guide you through designing landing pages with Pagewiz, ultimately helping you to package and sell your Pagewiz templates on Envato Market.Read More…
  • CSS Animation
    New Course: CSS Animation in the Real WorldCssrealworld
    65 shares
    When it comes to choosing a CSS animation, you’ve got a world of choice at your fingertips. There are thousands available, but which should you use, and where? This course is about using CSS animations in the real world. You’ll learn practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.Read More…
  • Sass
    How to Use Susy: Superpowered Sass GridsS
    487 shares
    Susy is a powerful set of Sass mixins for building grid-based layouts. We’ll show you the basics of working with Susy in this tutorial.Read More…
  • Foundation
    A Sneak Peek at the Next Foundation for AppsYeti
    71 shares
    ZURB is always working on the next big tool to help web designers and developers alike. They make our programming days a little easier and a lot more fun. The Foundation framework is arguably the most well known, and soon there will be a new member to the family: Foundation for Apps. With it being released this November, it seems like a great time to see what Foundation for Apps will have to offer, what major features it has and what we can expect from this up and comer. In this roundup, we've collected all the information about Foundation for Apps. We've been given the opportunity to have an exclusive chat with Brandon Arnold, lead design, and Geoff Kimball, a designer at ZURB. They've shown us a first hand experience with the powerful features of this app, and today we're showing you what you'll be able to do with it.Read More…
Advertisement
Suggested Tuts+ Course
Landing Page Design Principles$15
Advertisement