Tag: UI

InVision hype, card game in Figma, how to estimate design work

[unable to retrieve full-text content] Your weekly list of curated design resources, brought to you by your friends at the UX Collective. Things were still good on the InVision train, at least for us designers. But for InVision, the writing was on the wall. Or, it should have been. These new design tools were a… Continue reading InVision hype, card game in Figma, how to estimate design work

6 Tools for Rapid Cross-Device Website Testing

When creating a website, it’s vital to remember that not only does it need to work and look great on the device you are creating it on, but on all the other devices, it might be used on too. Mobile and tablet optimization is important not only for the user journey but from an SEO… Continue reading 6 Tools for Rapid Cross-Device Website Testing

Free dashboard UI kit

The first freebie of 2021 is a dashboard UI kit designed by Tran Mau Tri Tam. It’s a Sketch file including a bunch of appealing ready-made widgets that you can use to get inspired, and bootstrap your admin dashboard design! Download freebie

UX challenge: Teaching a person who is blind to design

[unable to retrieve full-text content] Designing a system for the visually impaired to recognize color. It’s been a year since I published my very first article and it was about solving a problem in accessibility. This problem bothered me for a good half of my life. I finally think that I’ve opened a door to… Continue reading UX challenge: Teaching a person who is blind to design

Play Clash of Clans on PC with the Best Emulator

Clash of Clans is one of the most played and oldest games, which is about to complete nine years in August 2021. Supercell is behind this famous and trending game, which has been famous for not just one year. The game somehow still attracts a lot of new and old players. The game has a… Continue reading Play Clash of Clans on PC with the Best Emulator

How to Use Figma’s Inspect Panel

What You’ll Be Creating We’re going to design a scheduling app in Figma! In doing so we’ll work with Figma’s Inspect panel, explaining how to export a Figma design to code, how to inspect a Figma design system, and how to use Figma to inspect any element from a design. What You Will Learn in… Continue reading How to Use Figma’s Inspect Panel

How to Design Better Buttons for UI

November 18, 2020 by Sangalang Kristine Learning to design better buttons for UI may be an important skill many designers take for granted. Buttons are more than just what we all think they are, they affect users’ overall experience for websites and apps. It is one of the main elements linking an interaction between a… Continue reading How to Design Better Buttons for UI

4 Strategies to Boost Your Website’s Conversion Rates

Picture this scenario. The top end of your marketing funnel is starting to run like a well-oiled machine. Each month, more and more visitors are streaming to your site via your increasingly effective email campaigns, Facebook ads, and content marketing strategy. Much to your consternation, though, this increase in traffic doesn’t translate to a proportionate… Continue reading 4 Strategies to Boost Your Website’s Conversion Rates

Will the Low-Code Revolution Take Development Jobs?

There’s a lot of buzz surrounding low-code development and how it is impacting coding jobs. While some individuals may speculate that low code could replace development jobs entirely, fully computer-built apps are a far, far reality. It is true that low-code development can help you build apps within budget and fast enough to capture fast-moving… Continue reading Will the Low-Code Revolution Take Development Jobs?

Making Minimalism Functional in Web Design

Today, great design isn’t just about conveying the right amount of information in a certain number of pages.  There’s more to creating the perfect website than experimenting with visuals and sound. Designers need to think carefully about how each element of their site impacts the overall user experience.  After all, with billions of websites available… Continue reading Making Minimalism Functional in Web Design

Design with the web in mind

[unable to retrieve full-text content] Back button, URL design, keyboard shortcuts, and other things we often forget about. When designing an application, there are 3 major variations — mobile app, web app, and desktop app. *It’s actually more complicated than this, but we’ll ignore that for now. Check out my other post to find out more about the different… Continue reading Design with the web in mind

Angular Component Libraries and Accessibility

Nowadays, it feels as if web development is an ever-changing landscape that moves at supersonic speeds. With the demands to keep your content up to date with the latest and greatest designs and frameworks, it can be an overwhelming task to keep up. JavaScript frameworks, such as Angular, play a large role in this with… Continue reading Angular Component Libraries and Accessibility

266 Free icons for UI and wireframing

This week’s freebie is a set of 266 icons in 3 sizes (16/20/24px) brought to you by Tetrisly. All icons contain inside-padding and all lines are created on the grid. It is a great choice for building user interfaces or wireframes. Download icons

10 Tools I Can’t Design Without

No matter how skilled you are as a designer, you need tools. A surgeon can’t operate without a scalpel; the same goes for designers. To get the job done effectively, you need to right tools in your arsenal. Tools certainly don’t make the craftsman, but they do make your job easier (and mostly fun). There… Continue reading 10 Tools I Can’t Design Without

The Best (Free) Website Mockup Tools In 2020

A website mockup is also known as a wireframe. Oxford defines a wireframe as “an image or set of images which displays the functional elements of a website or page, typically used for planning a site’s structure and functionality.” For UX designer Chris Newnham, a wireframe is “a crucial phase when designing a website, app,… Continue reading The Best (Free) Website Mockup Tools In 2020

Professional Photoshop Actions for Photographers & Designers

37 Shares How to make your photography more attractive? Digital Photoshop Actions turns your photos into a masterpiece of art. PS actions can save your time and money as well. Photoshop actions are very easy to use and applying by just one click. In this list we are gathered professional Photoshop Action that can transform… Continue reading Professional Photoshop Actions for Photographers & Designers

20 Unmissable Websites, June 2020

Every month we publish a roundup of the 20 most unmissable websites newly launched, or updated in the previous four weeks. In June’s edition you’ll find everything from corporate sites for global power-houses, to personal sites for innovative designers. This month we’re seeing a lot of flamboyance, a lot of passion, and the color of… Continue reading 20 Unmissable Websites, June 2020

Furniture app UI kit

Today’s freebie is a set of 7 ready-made screens designed for a furniture app by Atiqur Rahaman. It is a very basic UI kit that you can use as a starting point for your design, or just for inspiration. Sketch file is free to use for non-commercial purposes. Download freebie

20 Unmissable Websites, May 2020

The world is a strange place at the moment, but design moves on apace, and sites are still being launched. Every month we post a roundup of the freshest sites we’ve come across in the previous four weeks. This month we’ve included some exciting portfolio sites, a strong selection of health and beauty sites, and… Continue reading 20 Unmissable Websites, May 2020

The Best Note-Taking Apps for Android and How to Make Your Own

Note-taking is a simple yet essential activity for businesses and general consumers as well. There are tons of note-taking apps for Android, ranging from simple to advanced.  Some of the uses of note-taking apps include: recording meetings jotting down ideas shared editing of a document In this post, I’ll show you some of the best… Continue reading The Best Note-Taking Apps for Android and How to Make Your Own

What’s New for Website Design and Website Trends in 2020

Are you looking for some new design trends for your website but aren’t sure what the 2020 trends are? It can be hard to stay up to date with technology and the trends that go with it since they change all the time. We are here to tell you the top design and trends for… Continue reading What’s New for Website Design and Website Trends in 2020