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.
asgs333514dUI development is hard, especially the design. Don't worry. Like everything else, it takes time, and patience
ltlian83214dUX 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.
JackToolsNet57714dTry 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
Do 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-361714dI 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:
Just 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.
musician97814dRefactoring 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.
Nanos473914d> 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.
anekix45614dIt 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
M1sf3t268514d@DrDonkey, wait your taking what course from angela yu? the ios/swift course? Has she tried to explain how the order of operations is backwards in swift yet 😂
Layouts and outlines are critical in anything design whether your building a website, writing a novel or engineering a car. Even painters scribble a few notes, whether physically or mentally, about what they want to put where on the canvas. More often than not, before they even decide the first colors to pour out onto their palette.
The basic idea is that you build the design around the idea of what your trying to express or the task that your trying to accomplish, not make the design then plug you message in wherever it will happen to fit. Even the colors you choose will convey a meaning so without knowing what your trying to say, they're just as pointless as the first hello world message you told a program to print out.
heyheni1534514d"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 😎
@DrDonkey ah ok I haven't saw that one. The ios lesson was kind of simple, a lot of drag and drop editing and not really much actual coding. But then that could just be xcode, I haven't tried to do anything on there since I took the course.
She's not a bad instructor necessarily, her explanation of how to do exponents is just funny because she apparently learned to do math just going from left to right instead of using parenthesis. At least I think that was what she said was odd about having to do in swift, its been a month or so since I watched it.
🙄 I don't think I said that right. Shit now I can't remember how to do math correctly.
She was saying that usually x/y^2 was the same as x/y*y... "but swift math was a little odd" and you had to use parenthesis.
I think she thought multiplication was supposed to go before division no matter what.
@DrDonkey yea I don't know where she got that from, maybe she just took the acronym literally or something. That's still not as bad as this teacher I had in high school tho. Imagine having to go to class the next day after spending the whole afternoon explaining to your teacher's son that you do not do just whatever comes first like mama taught him... And I mean anything that came first, left to right, subtraction, exponents, division, whatever order, you just worked it out like you were reading a book 😳
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