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

david-j-m
Hi I have a gallery site which displays paintings according to selected category (oils, water-color, etc.) “on:click” event. When this e...
/js
New
sona11
What is the difference between tuple relational calculus (TRC) and domain relational calculus (DRC)? What distinguishes them from relatio...
New
tomcatttttt
I’m trying to take the API from the site to get a seamless online game through the HTML5 API. It works in all browsers except Google Chro...
New
sona11
I was working on a project that required me to update data in a SQL database. I initiated a transaction and modified the data with a seri...
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
JessicaW33
Hello everyone, I’m working on optimizing the performance of React Native applications and would like to gather insights and suggestions...
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
Arpeggio
I have the following HTML structure, which is dynamically rendered from a Sightly (HTL) page in a new AEM component we’re building, so I ...
New
ounce591
I am currently designing the navbar of a workout tracking app written using React Native. The navbar has three buttons: Splits/Plans ...
New
SteelFork2819
hi does anyone know how to render a cloud-stored 3D file and move a camera around in it using native html5 functions? i really don’t know...
New

Other popular topics Top

Devtalk
Reading something? Working on something? Planning something? Changing jobs even!? If you’re up for sharing, please let us know what you’...
1063 23050 405
New
ohm
Which, if any, games do you play? On what platform? I just bought (and completed) Minecraft Dungeons for my Nintendo Switch. Other than ...
New
siddhant3030
I’m thinking of buying a monitor that I can rotate to use as a vertical monitor? Also, I want to know if someone is using it for program...
New
brentjanderson
Bought the Moonlander mechanical keyboard. Cherry Brown MX switches. Arms and wrists have been hurting enough that it’s time I did someth...
New
Rainer
My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
New
AstonJ
Continuing the discussion from Thinking about learning Crystal, let’s discuss - I was wondering which languages don’t GC - maybe we can c...
New
PragmaticBookshelf
Use WebRTC to build web applications that stream media and data in real time directly from one user to another, all in the browser. ...
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
First poster: bot
zig/http.zig at 7cf2cbb33ef34c1d211135f56d30fe23b6cacd42 · ziglang/zig. General-purpose programming language and toolchain for maintaini...
New
PragmaticBookshelf
Fight complexity and reclaim the original spirit of agility by learning to simplify how you develop software. The result: a more humane a...
New