Image source: Gal Shir[2] It is a tricky task-we are not discussing content that will be opened once/twice, but such that will be browsed while users sit in waiting rooms, travel in the subway, rest in their beds, etc. Regular usage opens the door for other challenges too-mobile screens’ responsiveness depends on lighting, and it… Continue reading How To Choose The Best Font For Mobile User Interfaces
Tag: image
The greatest portfolio that is new, January Edition
Hello all! And welcome to January’s portfolio roundup. There will be a lot to appreciate about each portfolio listed here, so why not grab a coffee and browse through some of the best sites that are new display design work. You’ll find a few of the most exciting designers working away in studios throughout… Continue reading The greatest portfolio that is new, January Edition
Create An Emotional Photo Manipulation Of A Sad Angel In Photoshop
Rate this post Learn how to create a fantasy photo manipulation of a desperate angel in sorrow and bleak rainy scene with Photoshop. In this tutorial, you’ll learn how to create your winged angel with ordinary stock images, do some retouch and enchantment on the angel with shadows and lighting, then complete it with rain… Continue reading Create An Emotional Photo Manipulation Of A Sad Angel In Photoshop
Build a Custom Photo Widget for Your Desktop with Node.js
The first thing I do on any new device is customize the home screen. This has been a tradition of mine since my first non-DOS computer, when I used my Mario Paint manual to help me make some Legend of Zelda pixel art in MS Paint, and set it as the Desktop wallpaper. Now that… Continue reading Build a Custom Photo Widget for Your Desktop with Node.js
How To Choose Colors For Websites
Color schemes Although I will be criticized for skipping the basics, it is better to skip writing about why RGB is for web and CMYK is for print and other similar notions. Instead, I will jump directly to things that not everyone knows. For example, color schemes. In color theory, a color scheme is the… Continue reading How To Choose Colors For Websites
The Importance Of Usability When Designing A Site
Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken. The user should be able to intuitively relate the actions she needs to perform on the web page with other interactions she sees similar contexts, e.g., press a button to perform… Continue reading The Importance Of Usability When Designing A Site
How To Design User Interface Animations
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
How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator
What You’ll Be Creating In today’s tutorial, I’m going to show you how to create a monochrome portrait from a photograph. Today’s subject is the inspiring Aydian Dowling, who has given us permission to use one of his photos for this tutorial. If you’re not aware who Aydian Dowling is, let me introduce you to… Continue reading How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator
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
Create a Sci-Fi Chamber Photo Manipulation in Photoshop
Create a Sci-Fi Chamber Photo Manipulation in Photoshop 5.00/5 (100.00%) 1 vote Learn how to create a sci-fi photo manipulation of a mysterious chamber with amazing light flares and great entrance with Photoshop. In this tutorial, you’ll learn how to contruct your own chamber with textures , place a model in front of the entrance… Continue reading Create a Sci-Fi Chamber Photo Manipulation in Photoshop
How to Create Custom View Controller Transitions and Animations
Introduction UIKit is a very powerful framework and provides various ways to transition between view controllers. Some of the animations provided by UIKit include horizontal sliding (via a push segue), vertical sliding, cross fade, and page curl. Sometimes, however, you need to have a custom transition between view controllers to create a compelling design or… Continue reading How to Create Custom View Controller Transitions and Animations
Working with Data, Assets, and Templates in Middleman
This second tutorial about building static websites with Middleman dives a little deeper into the framework. By the end, you should know enough to build your own project from scratch. We’ll cover topics such as Data Files, Pretty URLs, Project Templates and the Asset Pipeline, so let’s get stuck in! Data Files So, having already… Continue reading Working with Data, Assets, and Templates in Middleman
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
10 fresh examples of diffuse shadow UIs
It seems like some of web design trends aren’t going anywhere soon. We’ve seen Material Design initiation and evolution, advanced animations and microinteractions, vibrant color schemes, beautiful typography, great use of minimalism, new responsive design technique and tools and much more interesting stuff. We also noticed a new trend that is making its way through… Continue reading 10 fresh examples of diffuse shadow UIs
How To Create And Customize A WordPress Child Theme
The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. If you have a bit of knowledge of HTMl, CSS and/or PHP,… Continue reading How To Create And Customize A WordPress Child Theme
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
Pointy Slider In CSS and jQuery (tutorial)
Pointy Slider is a slideshow with sliding-in panels that unveil new, fixed background images.Pointy Slider is simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image. It ‘s been created by Codyhouse using CSS… Continue reading Pointy Slider In CSS and jQuery (tutorial)
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
A Collection Of Useful Photoshop Typography Tutorials
Type art is popular at the moment for all sorts of reasons – and it’s a highly versatile skill to have. You can use illustrated lettering in projects ranging from posters to brochures – making it a great technique to add to your creative toolset. But beware: type art is so popular at the moment… Continue reading A Collection Of Useful Photoshop Typography Tutorials
20 Free Vectors to Use in Your Designs
If you’ve been searching far and wide for high-quality free vector graphics, a quick look through the superb selection should convince you that your efforts have finally been rewarded. Most of these are royalty free and many are yours for the asking. Vector graphicsserve a multiplicity of purposes.You can use them tohighlight your brand. Some… Continue reading 20 Free Vectors to Use in Your Designs
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
Quick Tip: Don’t Forget the “noscript” Element
JavaScript is a powerful language which brings websites to life with interactivity, until that dreaded moment when JavaScript is disabled in the browser, out of the blue. In this quick tip we’ll look at providing fallbacks with the <noscript> element. No JavaScript Users might disable JavaScript for a number of reasons. They might be doing so to… Continue reading Quick Tip: Don’t Forget the “noscript” Element
100+ Logo PSD & Vector Mockup Templates
Elegant Logo Mockup Pack This fantastic logo mockup pack includes 6 different styles for your logo, 3 different front view backgrounds, 2 different perspective view backgrounds, and is fully layered for use in Photoshop. Mix Branding Logo Mockups A beautiful assortment of 14 branding logo mockups, handpicked from multiple logo mockup categories. This bundle gives… Continue reading 100+ Logo PSD & Vector Mockup Templates