Tag: UI

Vera Block: A huge set of UI components and app screens

Vera Block is a massive freebie made of 100+ UI components and 140+ mobile screens for Sketch and Photoshop. It is super-useful to speed up a mobile design workflow due to its flexibility and ease of use. Vera Block design takes into account the latest trends in interface design featuring a clean UI, great font pairings and… Continue reading Vera Block: A huge set of UI components and app screens

The 5 questions you should be asking yourself all day, everyday #UX

The other day I found myself writing down a list of 5 questions I was asking myself more frequently than ever in the projects I am working on — and decided to pass it on to my team as well. The agency life is extremely fast-paced. Each Experience Designer on my team is simultaneously involved in two… Continue reading The 5 questions you should be asking yourself all day, everyday #UX

Piroll: A design template for agency/personal portfolio

Piroll is a PSD design template by Svetlana, UI designer from New York, that you can use for building your own agency or personal portfolio. This template has a minimal and modern look and provides great flexibility: that makes it suitable for designers, photographers, web agencies and studios, freelancers and so on. In the download… Continue reading Piroll: A design template for agency/personal portfolio

10 Best Corporate Website Design Examples

A corporate website is a virtual entrance to your business. Through it, your potential clients get to know your company. Thus, it should be appropriately developed to create the desired attitude and engage your customers to action. In this article, we will suggest a checklist for a good site and see some stunning corporate website… Continue reading 10 Best Corporate Website Design Examples

fractures: An atomic CSS toolkit for building websites

fractures is a CSS toolkit built by @pyx that may be used for quick prototyping as well as for production. The project consists of a library providing a set of CSS utility classes for handling spacing, grids, alignment and even typography in a matter of seconds. The good thing about fractures is  that it is atomic, non blocking:… Continue reading fractures: An atomic CSS toolkit for building websites

New Web & Graphic Design Freebies : 28 Resources

Fresh Web & Graphic Design Freebies for UI Design with amazing use experience. Useful free psd graphic resources are available for commercial use and instant download. Freebies included psd files, business cards, free psd mockups, fonts, UI Kits, Web Templates and many useful free files for web UI and graphic UI/UX design. You may be interested in the following modern related… Continue reading New Web & Graphic Design Freebies : 28 Resources

They are all around us: 6 archetypes of self-assessed “UX designers”

We’re living in the era of the “UX enthusiastics”: some people just feel they have a natural talent about anything related to “user” AND “experience” and this enables them to randomly act and feel as UX designer. Someone should tell them that this is one of those cases when a natural talent in not enough… Continue reading They are all around us: 6 archetypes of self-assessed “UX designers”

10 Best Chrome Extensions To Make Your Life Easier

Google Chrome is the most commonly used web browsers because it is faster and simpler. Developers and designers tend to prefer using Google Chrome for so many reasons and one of them is the huge plethora of available extensions that make Google Chrome an even more powerful web browser in the world. In this post,… Continue reading 10 Best Chrome Extensions To Make Your Life Easier

UX and design thinking: 5 tips for changing your company mindset

The UX design is based off an attitude, a mindset that aims to catch those unfulfilled user needs in the context of a certain experience and turn them into design opportunities, through a process made of specific steps, mainly provided by the “design thinking tool set”. Conversely, so many companies in the digital industry keep… Continue reading UX and design thinking: 5 tips for changing your company mindset

LiquidPro UI kit for Sketch

LiquidPro – the awesome UI kit for Photoshop that we have featured a couple weeks ago – is now available in Sketch format as well. As usual, the file includes tons of useful ready-made components for creating app prototypes in a few moves. Nice job, DtailStudio! Download LiquidPro for Sketch

Storyframes in UX, designing metrics, voice UI and more UX links this week

What’s hot in UX this week: Storyframes before wireframes: starting designs in the text editor → Just the other day I was talking to an experience designer in my team about this simple technique that I have used for years and never really thought about as a proper “technique” — maybe just intuition of someone who has designed… Continue reading Storyframes in UX, designing metrics, voice UI and more UX links this week

8 Excellent Wire-framing Tools For Mobile App Development

In this article, we are presenting 8 wire-framing tools which help you to shape your mobile app developments. With these superb wireframing tools developers can easily understand an app navigation flow. When you use these useful and helpful wireframing tools, you will find that these wireframing tools make your mobile app development easy and simply.… Continue reading 8 Excellent Wire-framing Tools For Mobile App Development

The 32 Best Free Icons for Commercial Use to Download Today

There’s a million free icons out there, but not all of them are useful for real jobs. Here are the best free icons that you might actually use in your next commercial project. Just like the name implies, this large icon set includes 380 icons that will be essential for any web development project. The stroke outline… Continue reading The 32 Best Free Icons for Commercial Use to Download Today

Designing Accessible Products

2. Focus Focus is one of the most important accessibility features that enables users to use a computer with only a keyboard without the need for a mouse. Most reset stylesheets have this one line of code that causes major accessibility failure – :focus {outline: 0;} This is an anti-pattern that needs to be avoided… Continue reading Designing Accessible Products

Carbon: A design system from IBM

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library. Carbon design kit The Carbon design kit is basically a living and comprehensive kit of the Carbon… Continue reading Carbon: A design system from IBM

Carbon: A design system from IBM

Carbon Design System is a complete set of UI components designed for IBM’s Cloud Platform and recently released on GitHub. Carbon is available for designers and developers, as Sketch file and in form of HTML and SCSS component library. Carbon design kit The Carbon design kit is basically a living and comprehensive kit of the Carbon… Continue reading Carbon: A design system from IBM

Adidas website redesign concept

Today we’d like to share a special freebie with you: it’s a redesign concept of Adidas website, designed and released exclusively for our readers by Mark Gerkules, young UI designer from Israel. The concept is very clean and basic, it includes 4 screens showcasing products, an home page and a page for the newsletter subscription. The… Continue reading Adidas website redesign concept

Adidas website redesign concept

Today we’d like to share a special freebie with you: it’s a redesign concept of Adidas website, designed and released exclusively for our readers by Mark Gerkules, young UI designer from Israel. The concept is very clean and basic, it includes 4 screens showcasing products, an home page and a page for the newsletter subscription. The… Continue reading Adidas website redesign concept

Web Design Tools for Beginners 2017

I remember the first job I had back in the day. I used to be a Social Media Manager at a digital agency. Of course I had some ideas about what I was supposed to do and how things should have worked, but I had no idea where to start from. What tools should I… Continue reading Web Design Tools for Beginners 2017