Image source: Zach Krasner[2] Motion is not so simple – it might sound easy to add some ‘movement’ to your sketches, but how successfully could you replicate feelings and reactions? The truth is that designing interface animations could take a while before you upgrade from the basic animated patterns to highly technical interactions which could… Continue reading How To Design User Interface Animations
Tag: main
15 Responsive Design Tools for Savvy Designers
Having a responsive website is a necessity for almost any business in 2016. As a designer, you’re always faced with the pressure to deliver quality results as quickly as possible. Today we are reviewing some of the responsive design tools that will provide for a stellar user experience on multiple devices. These are the kind… Continue reading 15 Responsive Design Tools for Savvy Designers
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
Bigboom – Responsive Ecommerce WordPress Theme
Bigboom is a professional and powerful WooCommerce WordPress shopping theme for WordPress built with Bootstrap and powered by Visual Composer. The theme is suitable for any kind of shop raging from clothes to electronics, it’s main focus on mega stores and any big or small shopping sites. [sociallocker]https://mega.nz/#!ZU0XTYxB[signinlocker]Download[/signinlocker][/sociallocker]
20 Templates For Creating High-Fidelity Wireframes
Wireframing can be something quick and dirty, or it can be a large task that takes time to perfect. So here are some wireframe templates to help you save ton of time. With these templates you can easily create effective mockups and prototype of your web and mobile apps in no time. This is the… Continue reading 20 Templates For Creating High-Fidelity Wireframes
Icons In Web Design
Image source: thestorefront.com[2] Well-executed and beautiful icons look like tiny and cute images, but they are much more than that. They are extremely advantageous to every website because they attach visual cues to the essential elements of a website (headings, sections, buttons, etc) and they make the site/app look professional and sophisticated. Generally speaking, icons… Continue reading Icons In Web Design
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
Display WooCommerce Categories, Subcategories, and Products in Separate Lists
What You’ll Be Creating WooCommerce gives you a few options as to what you can display on your archive pages: products categories (on the main shop page) or subcategories (on category pages) both products and categories. When I’m setting up a store, I normally select the third option: products and categories/subcategories. This means visitors to… Continue reading Display WooCommerce Categories, Subcategories, and Products in Separate Lists
Weekly Inspiration: Good Golly, Gradients
Gradients are making a sneaky comeback. For a while they belonged to the world of Miami Vice and Tequila Sunrise, then they added depth to 1980’s magazines, then there was Geocities–ok, let’s not dwell on the past. Nowadays gradients are being used on the web in bold fashion; mixing highly saturated colors for extremely rich… Continue reading Weekly Inspiration: Good Golly, Gradients
How to Create a Surreal Pirate House Photo Manipulation in Photoshop
Learn how to create this fantasy photo manipulation of a pirate house scene set in warm scenic dreamscape with Photoshop. In this tutorial, you’ll learn how to create rocky mountain using photos of rock and stones, combine ruin of castle to create dramatic pirate house in the dreamscape with warm vivid lighting. Throughout the tutorial,… Continue reading How to Create a Surreal Pirate House Photo Manipulation in Photoshop
Logo Templates: 35 Custom Logo Design Templates
Logo is a graphical element that, together with its logotype (a uniquely set and arranged typeface) form a trademark or commercial brand. Typically, a logo’s design is for immediate recognition. The logo is one aspect of a company’s commercial brand, or economic or academic entity, and its shapes, colors, fonts, and images usually are different from others in a similar… Continue reading Logo Templates: 35 Custom Logo Design Templates
Qards: Build Beautiful Websites Faster
Building websites is not a full-time job anymore. At least, it could be this way. Thanks to the evolution of technology and the strong desire to obtain quality results as fast as possible, now almost anyone can create beautiful websites. Why Qards could be the tool you need No matter the profile of the clients… Continue reading Qards: Build Beautiful Websites Faster
Posts, Pages and Post Types
In this part of this series on WP_Query, you’ll learn how to use WP_Query to query for posts, pages and custom post types. You can query for specific posts and pages or you can run a query to return posts of one or more post types. A Recap on How Arguments Work in WP_Query Before… Continue reading Posts, Pages and Post Types
WP_Query Arguments: Taxonomies
So far in this series, you’ve learned how WP_Query is structured and what its properties and methods are. Now we’re looking at the various arguments you can use with WP_Query and how you code them. WP_Query has a large number of possible arguments, which makes it extremely flexible. As you can use it to query… Continue reading WP_Query Arguments: Taxonomies
Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop
In this tutorial, we will learn how to create an conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advance tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, the Eraser… Continue reading Create “Dark Scientist” Conceptual Photo Manipulation in Photoshop
Hummingbird: What It Means For SEO, and What It Does For Google’s Status
Content takes on new meaning with Google’s new algorithm, which is codenamed Hummingbird. In fact, Hummingbird takes into context not just content but how that content is written. As the latest salvo fired by the internet company to stay atop the web browser game, as was the case with previous iterations of algorithms Penguin and… Continue reading Hummingbird: What It Means For SEO, and What It Does For Google’s Status
Animated Border Menus
View demo Download source The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something… Continue reading Animated Border Menus
How Content Holds Significant Role in Web Design
There are countless websites in the world. But all are not successful. The main story of success is to follow some guideline for a website which not only acceptable among the audience but need some creativity. Sometime A beautifully designed website can be top of the page and also some content heavy with adaptive design… Continue reading How Content Holds Significant Role in Web Design
55 Fresh Examples Of Creative Single Page Website Designs
Displaying your work in single page design is a hot trend now days. You possibly cannot imagine what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. The best single pages are those that help you convey your message into few… Continue reading 55 Fresh Examples Of Creative Single Page Website Designs
An Introduction to Composition
Composition is about laying out all your ideas and design elements into a whole; composing your design. We’re going to combine all of the previous lessons that we’ve covered, and because of that it makes composition one of those really difficult aspects of designing anything. Creating a good composition will boost the users’ experience… Continue reading An Introduction to Composition
A Look Into CSS Units: Pixels, EM, and Percentage
Unit takes an important role for measuring and building things like a house, a bridge or a tower, and building a website is not an exception. There are a number of methods of measurements used on the Web, specifically in CSS, namely Pixel, EM and Percentage. In this post, we are going to run through… Continue reading A Look Into CSS Units: Pixels, EM, and Percentage
Quick Tip: Add a Progress Bar to Your Site
Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site
Adding Space to Your Designs
Let’s get the basic stuff out of the way first. Whitespace isn’t simply a block of space in your design that has to be white. Instead, think of it more like structural “empty” space, where no extra elements, embellishments or other parts to your design are placed. A great example of whitespace – but still… Continue reading Adding Space to Your Designs
Flat UI Pro 1.2 Released
Today, we announce the long-desired release of Flat UI Pro 1.2. The main feature of this release is its support of Bootstrap 3.0, officially issued a few weeks ago. This was a long time coming because of issues and the addition of new elements/code. Thank you for your patience! Here are the most important changes:… Continue reading Flat UI Pro 1.2 Released