10
DrDonkey
165d

I am a CS student. I can do core programming(like solving a basic problems) stuff pretty well but, I can't seem to understand UI design.
I was learning web development.
Learnt the basics of HTML, CSS then thought "let's make a simple website".
Couldn't design a single thing.
I mean i know the concepts how to implement forms tables navs etc stuff. But main problem is I can't think of good design.

Am I just not made for web dev or what?
How to be a web dev? I am following Angela Yu's udemy course, should i try freecodecamp?

Comments
  • 9
    I make UI like a cheap universal tv remote.
    That’s why I’m a backend developer.
  • 3
    @bkwilliams i feel the same.
    I mean some people can make living out of Designing stuff. But me, i don't think its for me.
  • 4
    UI development is hard, especially the design. Don't worry. Like everything else, it takes time, and patience
  • 2
    @asgs so do more and more practice?
    The thing is there is so much options for designing, I am just option paralyzed or something.
    I mean there are billions of types of nav to use, and i still suck at building basic nav.
  • 1
    @DrDonkey yes. And Logic != Art
  • 1
    @asgs you understand me.
  • 8
    UX 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.
  • 2
    Try 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
  • 0
    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.
  • 0
    I’ve been reading this https://draft.nu/value/ even as a developer it has been helpful.
  • 3
    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.
  • 2
    @Fast-Nop that goes for all programming in general. In the last few years I don’t code until I have a solid design. Once I have that design then the coding part is really easy except for the edge cases, too many of them and it is a smell test of the design.
  • 3
    @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.
  • 2
    I 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:
  • 1
    @ltlian @JackToolsNet wow. I've never thought about it. I just go in editor and think what i want, rather than designing the layout beforehand.
    Am i right? You mean design a layout before coding?
  • 0
    @raffaels-blog exactly.
    I think I do good with core programming logic rather than ui and designing stuff.
    When i see my class mates doing designing and web development I feel myself as incompetent.
    Maybe that's only me.
  • 0
    @Fast-Nop I'll definitely look into it. Thanks.
    Also simple websites are bae.
  • 2
    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.
  • 1
    @DrDonkey if I were you, i would stick to CS. You're better at it, it's in more demand and, therefore, paid better.

    There are lots of people who can build a beautiful website but few who are good at core CS.
  • 0
  • 2
    Refactoring 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.
  • 4
    > 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..
  • 4
    @Nanos

    To continue..

    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.
  • 3
    It 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
  • 3
    "Good artists copy great artists steal."

    So here some links for your book marks.

    Ui design pattern examples
    https://pttrns.com/
    Ui design pattern examples
    http://ui-patterns.com/
    The page where every designer steals from
    https://www.awwwards.com/
    The page where the stolen design is displayed. 😄
    https://dribbble.com/

    Some learning resources
    the one stop place for learning ux design
    https://uxplanet.org/
    Refacturing Ui, the show where websites are improved.
    https://youtube.com/channel/...

    Some tools
    Browser based design tool
    www.figma.com
    The most popular design tool, macos
    wwe.sketchapp.com
    The most powerfull design tool, macos
    www.framer.com
    For quick wireframing
    www.balsamiq.com

    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 😎
  • 1
    @heyheni on the other hands, don't use "designer" pages as inspiration, particularly not those rewarded with "design awards" because they are invariably unusable pieces of shit. ^^
  • 2
    @raffaels-blog I crawled about 10 websites which publishes jobs and intern opportunities. They all want full stack devs, designers.
    Some want java developers. There are nothing else they want in my country.
    I am gonna go to another country for masters degree.
  • 0
    @musician thank you. I'll look into it.
  • 0
    @theonewhostands welcome to devRant!
  • 1
    @Nanos Lovely stuff. Thank you for posting.
    I will give it a try.
    I'll stick with learning and developing.
  • 0
    @M1sf3t Anjela Yu's web development 2019 course(pirated course, cant afford to pay).
  • 1
    @heyheni thank you so much for the resources.
  • 0
    @M1sf3t x/y*y != x/y^2 in every language.
    Use parentheses to be on the safe side.
  • 1
    > https://youtube.com/channel/...

    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..)
  • 1
    @Nanos

    I suppose we have to be grateful it isn't Facebook which has recently started to add this garbage at the end of every link you follow..

    /?fbclid=Ae2r43SreI6K5er4D4Fe56Ir6Ee54r4A56eS6e5r445D6eF654r56e5S64rD34erF
  • 2
    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.
  • 0
    I'm learning version control with GitHub too.
Your Job Suck?
Get a Better Job
Add Comment