Benjamin-Philip

Benjamin-Philip

How do you learn UI and UX design?

I’m curious about designing some websites and applications for personal (and potentially public via open sourcing) use. I’m an experienced programmer, but I have mostly worked with backends, programming language implementations and lower down the stack.

My question is how do you learn to design any application? I’m not asking about the frameworks or toolkits involved, I am sure I can figure that part out myself. My focus is on learning about the aesthetics and user experience of an application and the process involved in creating that. How do you go about acquiring this skill? What are the first (preferably open/free) resources you would point at?

To start with, I would like to design a theme for my blog, then maybe functionally “rice” my desktop environment and emacs configuration. Finally, I might create (or contribute to) some FOSS applications to solve a personal problem.

Most Liked

gfqdjb

gfqdjb

My question is how do you learn to design any application?

Some people naturally develop the ability to create beautiful things, even if they are not always very usable. The rest of us have to learn it by exposing ourselves to good design and understanding what makes things pleasant to look at and easy to use.

I think something like Refactoring UI by Adam Wathan and Steve Schoger, the creators of Tailwind CSS, is probably what you are looking for. It offers very practical guidelines and recipes for creating beautiful user interfaces.

For learning about UX, I’ve heard great things about the following books, although they might be a bit dense depending on what you are after:

Disclaimer: I am not a designer.

gfqdjb

gfqdjb

Right now Humble Bundle has a bundle with a bunch of design books, including Universal Principles of Design. Thought you might be interested.

ediathome

ediathome

A great website about UX and web/application design is https://www.smashingmagazine.com - they also have a newsletter with great resources.

Where Next?

Popular Frontend topics Top

New
ClaudiaGiv
I have a sveltekit project that is using GoTrue library for authentication. In development mode (npm run dev) everything works but when I...
New
Zuber
How to make a website like webnovel and wattpadd where subscribers and logged in user post stories like their own Novel in a website and ...
New
AlessandroDsgroup
Hi to everyone, we are experiencing a 401 error related to the connection of the websocket (in reference to our web app); we are unable ...
New
pavanforza
I have a requirement to extract data from firebase which is used to build serverless applications. Can we connect Firebase no-sql databa...
New
prego4444
how can i make a border like this to be exactly on the midle of the edge? i could only found border in inside and outside but nothing on ...
New
Fl4m3Ph03n1x
Background I have a fresh umbrella app and I am trying to create a Phoenix app inside it. However, even though I can create the Phoenix a...
New
harwind
I’m currently working on a front-end development project and I’m facing an issue with aligning items using CSS Flexbox. I want to horizon...
New
ramiro-marinio
Hello. So unexperienced frontend dev here. Basically, 3 or 4 months ago I started working on a project and I committed the capital sin of...
New
hosseinkhosromanesh
hello , i should code a cluster like image bellow we have no challenge in coding backend but in front need some clue to do this its a dy...
/js
New

Other popular topics Top

New
PragmaticBookshelf
Machine learning can be intimidating, with its reliance on math and algorithms that most programmers don't encounter in their regular wor...
New
PragmaticBookshelf
Ruby, Io, Prolog, Scala, Erlang, Clojure, Haskell. With Seven Languages in Seven Weeks, by Bruce A. Tate, you’ll go beyond the syntax—and...
New
PragmaticBookshelf
Design and develop sophisticated 2D games that are as much fun to make as they are to play. From particle effects and pathfinding to soci...
New
AstonJ
There’s a whole world of custom keycaps out there that I didn’t know existed! Check out all of our Keycaps threads here: https://forum....
New
AstonJ
I’ve been hearing quite a lot of comments relating to the sound of a keyboard, with one of the most desirable of these called ‘thock’, he...
New
AstonJ
If you get Can't find emacs in your PATH when trying to install Doom Emacs on your Mac you… just… need to install Emacs first! :lol: bre...
New
husaindevelop
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
New
PragmaticBookshelf
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
New
AstonJ
This is cool! DEEPSEEK-V3 ON M4 MAC: BLAZING FAST INFERENCE ON APPLE SILICON We just witnessed something incredible: the largest open-s...
New