It seems like the current buzz word in the design industry and everyone wants one. But how exactly can a product benefit from having a living, breathing design language? I’m going to try break down the very basics so you can understand why it’s needed. Creating an underlying language will unite our design philosophies and… Continue reading Creating a design system language
Tag: guide
All the best stuff for web designers announced at Adobe MAX
We’re seeing a lot of interesting competition to Adobe apps these days, but that hasn’t slowed Adobe down at all. (Are you taking notes, Apple?) At this year’s Adobe MAX conference, Adobe has unveiled a slew of awesome updates to all of their CC apps. They’ve done some incredible things all across the board. Since… Continue reading All the best stuff for web designers announced at Adobe MAX
Animation for Beginners: How to Animate a Head Turn
What You’ll Be Creating Today we are going to learn how to animate a character turning his head. You’ll find that you will be animating head turns a lot when you do character animation. A head turn is challenging to animate because the mass and shape need to be consistent, as do the elements of… Continue reading Animation for Beginners: How to Animate a Head Turn
Color Choices You Must Avoid – Quick Guide
Creative Market released an infographic guide to help you make the right choices in selecting the correct color combinations for your next web design project. There’re reasons why certain colors shouldn’t be used altogether, here we have 5 color combinations you should use with extra care. Never use pure black Red and green don’t play… Continue reading Color Choices You Must Avoid – Quick Guide
Create Amazing Videos in Your Browser with Showbox
Posted · Category: License Free, Video Showbox enables anybody to create studio-quality video content. Showbox is a cloud-based solution that transforms video creation into a simple, scalable process that gives you beautiful results you couldn’t achieve beforehand. We tried to cover everything needed to create a video, in a way that allows you to go… Continue reading Create Amazing Videos in Your Browser with Showbox
Material Kit – A Badass Bootstrap UI Kit Based on Material Design
Material Design, a visual language designed by Google to demonstrate good design and a unified experience across platforms and device sizes. Not just visual design, it includes meaningful and appropriate motion serving to focus attention and maintain continuity. In the other hand, we have the popular Twitter Bootstrap Front End library that provides all the… Continue reading Material Kit – A Badass Bootstrap UI Kit Based on Material Design
What does simplicity in UX design look like?
For over a decade, designers have debated what constitutes simplicity in user experience design. As Robert Hoekman Jr. points out in his article When It Comes to UX Design, Simplicity is Overrated, the variation in semantics is confusing. Simplicity could refer to a clean design (then there’s the disparity of what “clean” actually looks like), the… Continue reading What does simplicity in UX design look like?
9 Best jQuery Site Tour Plugins
Another amazing jQuery plugins collection is presented here. In this post we are presenting 9 best and fantastic jQuery site tour plugins. With the help of this collection you can easily make your website look superb and attractive and they also help you to generate site or page tours. When you use these jQuery plugins… Continue reading 9 Best jQuery Site Tour Plugins
Style Guides in Sketch
Product design is a team sport. The best teams tend to have lots of moving parts: designers and developers and managers and researchers all working in concert on a single, refined vision. All those moving pieces come with a cost, though, in the form of meetings, emails, and file versioning—all things we do in order… Continue reading Style Guides in Sketch
Handy Sketch Features for Designing Style Guides
What You’ll Be Creating This tutorial will show you how to organize a style guide using Sketch. Additionally it will teach you some core skills for using Sketch in other situations. We will go over everything from setting up typography, using assorted grid types, to best practices for using “symbols” and “shared styles”. Typography Setting reusable type… Continue reading Handy Sketch Features for Designing Style Guides
How to Conduct an Interface Inventory With InVision
By definition: an inventory is a gathering of items tracked in a list. This term isn’t anything new, but the idea of using this concept towards interfaces is. Brad Frost, who coined the term “Atomic Design”, states that creating agnostic patterns helps to build far more versatile components that can be used widely across a… Continue reading How to Conduct an Interface Inventory With InVision
Exploring WordPress Managers: Jetpack & InfiniteWP
When you have a lot of clients with WordPress-powered websites, or a lot of WordPress projects that you work on, it might get messy to deal with all those updates and maintenance. Logging in to each website with different usernames and passwords, then moderating comments, updating plugins and themes, maybe occasionally (or periodically) making database… Continue reading Exploring WordPress Managers: Jetpack & InfiniteWP
Design Mock-Ups Need Dynamic Content: Tools and Plugins
Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both in terms of interface design and security. Yet still neither resilience nor flexibility are usually reflected in deliverables… Continue reading Design Mock-Ups Need Dynamic Content: Tools and Plugins
50+ fresh resources for designers, February 2016
Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes… Continue reading 50+ fresh resources for designers, February 2016
Illustrating the Web: deconstructing the trend
Illustrations are taking over the Web. Designers are creating websites with everything from full-screen illustrations to hand-drawn divots that are used throughout projects. It’s a trend that’s likely to keep growing because illustrations make a design feel custom (even if it’s not). Here’s how to make the most of them in your design. Website illustration… Continue reading Illustrating the Web: deconstructing the trend
Weekly News iDevie (week 5)
This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter for some more amazing design articles, resources and freebies. New Resources & Tools voxel.css – A new, lightweight 3D CSS voxel library. Performance Budget… Continue reading Weekly News iDevie (week 5)
How To Design An App Walkthrough
Image source: Dan Machado[2] There are so many walkthroughs-misuse situations, that it is questionable whether designers really understand their purpose. There are many complex apps which don’t have walkthroughs, the same as simple ones which don’t need them, but they still incorporated them in their design. This makes the decision on whether to use walkthroughs… Continue reading How To Design An App Walkthrough
An Introduction to Intel RealSense Technology for Game Developers
Intel RealSense technology pairs a 3D camera and microphone array with an SDK that allows you to implement gesture tracking, 3D scanning, facial expression analysis, voice recognition, and more. In this article, I’ll look at what this means for games, and explain how you can get started using it as a game developer. What is… Continue reading An Introduction to Intel RealSense Technology for Game Developers
How to Make WordPress Sites Different by Geography
An Approach to Geolocal WordPress Sites In order to launch an inexpensive global network of sites run by volunteers that would provide shoppers categorized directories to local stores, I needed to leverage the power of WordPress with some unusual customizations and workarounds. There are a number of approaches to providing local experiences with WordPress. In this tutorial, I’m… Continue reading How to Make WordPress Sites Different by Geography
A Useful Guide To Designing Website Footers
In order for any website to be truly successful, there are many different aspects that need to be considered and put into motion. For instance, aspects such as visual design, the consistency of your brand, and overall usability are all things that can determine whether or not a user is truly happy with your website.… Continue reading A Useful Guide To Designing Website Footers
Guide to Creating a Perfect Responsive WordPress Theme
WordPress is remarkably popular, scalable, open-source and affordable CMS/blogging system. The vast majority of people are creating their websites on WordPress because it offers striking plugins and themes. In fact, both big and small businesses are using WP sites to boost their productivity and increase their ROI. But with time it becomes necessary to design… Continue reading Guide to Creating a Perfect Responsive WordPress Theme
The Guide To UX Design Process & Documentation
Documentation is instrumental for concepting, designing, creating and measuring the performance of products. But it shouldn’t be done just for the sake of maintenance. After all, there’s nothing about a thick stack of paperwork which resembles the experience of your real product. As Lean UX advocate Jeff Gothelf describes in a piece for Smashing Magazine,… Continue reading The Guide To UX Design Process & Documentation
How To Create a Web Design Style Guide
Creating websites is getting more and more complex and is usually not a one person job. It is important to ensure that design is consistent and optimized to meet business objectives and create enjoyable experiences for users. One of the ways to ensure that team is on the same page when designing separate parts of… Continue reading How To Create a Web Design Style Guide
The Design Pattern & Wireframe Libraries Guide
In this article, Chris Bank of UXPin – The UX Design App details many of the top sources for finding wireframe examples, design patterns, templates, stencils, sketches, and other examples of web and mobile user interface designs for endless wireframing and prototyping inspiration. According to Ralph Waldo Emerson, “(Design) is a journey, not a destination.”… Continue reading The Design Pattern & Wireframe Libraries Guide