Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
I make UI like a cheap universal tv remote.
That’s why I’m a backend developer.
asgs5403165dUI development is hard, especially the design. Don't worry. Like everything else, it takes time, and patience
ltlian1030165dUX is hard. I think everyone goes through this phase.
What makes UX tricky is that you don't notice good design and that is arguably the goal. You can make a flawless site with one issue and the user will only notice that issue.
An absolute must that I skipped out on at the start was to sketch the layout beforehand. On paper, powerpoint, some fancy software, doesn't matter.
And keep it simple; don't try to be clever. Nobody likes "clever" UI design except the people who made it.
JackToolsNet1126165dTry to take a pencil and a piece of paper and paint it. If you don't like it paint it on an other way.
If you like it code it
raffaels-blog271165dDo you want to become a web developer? (Maybe switch courses)
I wouldn't expect a CS student to know web design; rather hire a professional designer.
HTL/CSS as tools are useless if you have no idea what you want to achieve. You could start out on usability with https://www.nngroup.com/articles/ , and also the other way around by learning from bad examples at http://www.webpagesthatsuck.com/ . Stuff like colour wheels, accessibility etc can follow.
@bkwilliams in addition for "new" domains, knowing what you want and also what best practices finally should look like reduces the questions to "how do I do this and that?", which translates into easy googling as you go.
For a simple project, the website should also look simple (not: ugly). Actually, users even prefer simple websites over complicated ones.
-vim-3739165dI usually just copy a colorscheme (nord is great), slap a bit of flexboxes everywhere, and a fair share of border radius, and I get something not too bad. Only works on simple projects webpages, so yeah, but I got some nice things:
theonewhostands2165dJust look at and copy other websites that you like the design of. UI design is an art so it takes time and practice. You'll learn through copying how to do it. And when you get the hang of it, youll create your own style.
musician1200165dRefactoring UI is an awesome book. Its meant for people who are not designers and is very pragmatic. They have also some free videos. Might be worth a try.
Nanos8448165d> I can't think of good design.
Less is more as they say.
I'd suggest go and look at thousands of other folks designs, just let it sink in.
After a while you will begin to notice design aspects you like, or think are good, and things you think are bad, or don't like.
Copy the good bits, avoid the bad bits.
At some point, you might start to develop your own style. (It took me decades before that happened !)
Start simple, and ask folk what they want.
Eg. say someone is selling cakes, and they want a webpage about their cakes.
I guess a picture of a cake would be a good start. :-)
Some folk might go for a background of cakes, but that could look messy.. (And hard to read..)
How big should the cake be, should it auto-resize depending upon the window size so those of us with 50" monitors don't end up with a postage stamp size cake in the middle of our window..
And will this picture be cross platform compatible..
Viewable in greyscale ? (Not everyone has a colour screen..)
And look like a cake, and not a deformed penis..
Will it be colour blind friendly..
Will it be blind friendly and have a text tag, so folk who can't see it, know its a picture of a cake.
Should it go in the middle of the screen, top left, or top right ?
With questions come design decisions, and before you know it, you have designed something !
Practice, eg. build lots of examples, even free ones for friends, it helps.
Then after many months, if everyone says your work sucks, then its not for you.
But probably, with effort, your work will look at least acceptable, and maybe great.
anekix449165dIt just takes time and practise like everything else. Just go on making shit ui for now but continue learning things along the way.later on you will just know what's right and start getting hang of it
heyheni18273165d"Good artists copy great artists steal."
So here some links for your book marks.
Ui design pattern examples
Ui design pattern examples
The page where every designer steals from
The page where the stolen design is displayed. 😄
Some learning resources
the one stop place for learning ux design
Refacturing Ui, the show where websites are improved.
Browser based design tool
The most popular design tool, macos
The most powerfull design tool, macos
For quick wireframing
Some things you should know.
- Typography is one of the most important thing in a design, so choose wisley. https://www.typewolf.com/
- create a point of interest by using lots of space around it.
- less is more
- hyrarchy is important. 1 2 3 4
- learn about color, vibrance and contrasts
- learn about using grids
Do all that by searching www.medium.com
good luck 😎
FX [ Rant Mode.. ]
I wish when you copied selected text, it actually copied everything, not just the visible part of the message...
Or is there a trick to doing that, other than hand copying out every single URL.. (Which would be tiresome if someone posts 100 URL links in a message..)
One aspect of design perhaps not considered is, evolving.
Eg. you start out with a view, your customer input helps you change it, then you spot something you could change, so you suggest that to your customer (You might be the customer..), they approve it.
So what you end up with, may be very different to what you started out with.
Eg. Don't be afraid to change things.
But, ideally keep a copy of every version, in case someone says, "Oh I liked what you did in version 231.." assuming you have space for all those versions. :-)
Previous work, even versions.. can be useful for future projects, so really never if you have the room, throw anything away, because it might come in useful at some point in the future.
I'm learning version control with GitHub too.
Your Job Suck?
Take a quick quiz from Triplebyte to skip the job search hassles and jump to final interviews at hot tech firms
Get a Better Job