Material Design is a design system that helps teams build high-quality digital experiences. It brings together style, interaction, and motion to create hierarchy, meaning, and continuity throughout the application. Material Design comes with material components for Android that are necessary to ensure developers come up with beautiful designs. In this tutorial, you’ll get an overview… Continue reading Make a Simple Mobile App With Material Design: Create a Login Screen
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
Axe Updates: New Consolidated User Experience
It has been a year since we launched the beta of axe Pro, and we have gotten tons of feedback from users all across the globe. We have taken that feedback, and channeled it into the 4.6 release of the axe Chrome extension, our largest ever! Thousands of users have given the axe beta a… Continue reading Axe Updates: New Consolidated User Experience
Open Source Dashboards UI Kit
This week freebie is a UI kit that you can use to build admin dashboards at the speed of light! Open Source Dashboards UI Kit includes: 12 ready-made screens with graphs and stats 18 widgets 15 sample dashboard templates Color and typography style guides Ready to use symbols The UI kit is available for Sketch… Continue reading Open Source Dashboards UI Kit
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