22

Why is designing stuff so difficult! I always struggle with it for my projects, I find it really boring too. Now that I think about it, it's almost the only boring parts of most projects. Yes, even solving bugs can be quite fun.

I built a quick "portfolio" website because why not. Wanted it to be minimal and simple but still look good, I like the concept of plain text websites with some basic layout, but that's a bit boring still. I realized I didn't know what I wanted it to look like. Usually I just get a picture in my head, but this time it was more difficult. Eventually I came up with SOMETHING at least.

At first I actually wanted to try out some gradient design. I normally don't like it at all in design, just looks old and bad. But it seems to be making a come-back, I've seen a lot of great designs with gradient. One problem. I can't design for shit, and it ended up looking like a 8 year old made it. Fuck.

I've been trying to figure out a way to create the UI for a program I'm planning to make. Dotnet core doesn't really have many options, and I need something with a rich text box. Damn it, always the UI that ruins my plans!

Also, if you have any suggestions how to improve my website, let me know! It isn't really responsive yet, didn't have time.
http://paddi.co

Comments
  • 4
    @fuck2code hahaha
  • 3
    @fuck2code wtf
  • 4
  • 3
    @AlpineLinnix oh lol. Welcome to devRant, new gril
  • 4
  • 2
    Had a look into your website. Boy o boy u need a designer! Or at least get rid of the pain by using any css frameworks like materialize or bulma (bootstrap is overrated). Before getting into coding, mockup the website using photoshop or sketch, That'll help alot to avoid experimenting on UI!
  • 3
    @htlr I prefer to not use frameworks tho. How will I ever get better then, and I don't want to bloat the website with it. Is supposed to be small and tiny and simple, a framework idk. Feels bloated
  • 2
    @htlr this was what I imagined it as though. I'm just baaad at coming up with good designs, no idea how to practice that. Any ideas?
  • 2
    @AlpineLinnix good decision.
  • 3
    @AlpineLinnix Both bulma and Materialize provides sass. You can take just what you want. If you really want to get better, start designing before implementing on the go 😉
  • 2
    @htlr hm. I actually tried making a mockup in paint.net in the past, was just slower and more difficult, didn't give me more ideas.

    Also. Did you view the website on phone? I didn't make it responsive yet so a few things are out of place/wrong size on phone and different resolutions. I only had a square monitor to test it on heheh
  • 1
    Just use a service like designcrowd and get an awesome design at almost no cost!!
  • 3
    @CodeMasterAlex but that ruins the pleasure of doing it myself!
  • 3
    @AlpineLinnix hai, I am Alice the webdesijgbebd, i woll made yu a bretti websait vor now manni.
  • 3
    @Alice hahaha.
    thnkx wil pey meni mannies
  • 2
    Search for templates to get some ideas. All professional designers do it. They call it "design research".
  • 2
    @shellbug oh good idea! Thanks haha
  • 0
    @CodeMasterAlex Looks like a good idea. Thanks.
  • 0
    @AlpineLinnix You can create the design mock ups yourself using Balsamiq, Visual Paradigm, Pencil or other tools and then have a good graphics designer create visually slick and appealing designs based on your mock ups. In my professional experience this works very well. I have full control over how I want things to be yet have a very slick design for low costs.
  • 3
    @CodeMasterAlex how am I supposed to get better then tho. And I wouldn't really pay money for simple personal projects I make for fun/practice
  • 2
    @AlpineLinnix the first part of his/her advice isn't bad actually. It's a good idea to start by doing mockups. I'd say to do them on paper tho. Just map out the general layout you are thinking about ("the menu will be here, the header will be this big, the main title will go there, etc). Then find templates (or actual sites) that match your mockup and find some inspiration.

    You'll also need to choose one (or two) fonts. And colors that match well. I don't know enough about those topics to help you, sorry. Maybe look at some existing design systems for ideas.
  • 2
    @AlpineLinnix I think setting goals is important here. Do you want easy professional proficiency, then you need to buckle down and do it yourself.

    If you want 'good enough' so you can invest your time learning other things then you're not far from that goal.
  • 2
    @shellbug yes sometimes I do very basic on my whiteboard to get going with my imagination. Much better than digitally
  • 0
    @AlpineLinnix Well, you say you find it difficult and boring. Why would you want to spend time on something you find boring? If that really is what you want then do it :) otherwise focus on what you're good at to become even better at it.
  • 2
    @CodeMasterAlex is worth it at the end because I know I made it myself! And I know it was good practice.
  • 4
    @shellbug @htlr alright I looked at some websites for inspiration and let it sink in. I remade the website! Also added theme switching. Is this better? Any thoughts? https://paddi.co
  • 3
  • 1
    @AlpineLinnix I like it. It looks a bit like mine. 😅

    One not on the vertical nav: it's too big on mobile, you'll need to add a media query to make it smaller or make it horizontal on smaller screens.
  • 3
    @shellbug yess I forgot about that haha. Even though I wrote it on my phone.

    Your website? Haha woah
  • 1
    @AlpineLinnix yeah, I also started mine with a vertical nav and a round picture in it, only to find that it didn't quite work on mobile. I started by making it horizontal on mobile. Then, thanks to a bug, I saw how it looked like horizontal on desktop, liked it and made it always horizontal.

    You don't have to do the same tho. In your case reducing the width to half on mobile might work (if you don't care about really small phones).
  • 3
    @shellbug haha! This looked quite good on computer, so I'll figure something out for phone. Maybe smaller, or maybe a menu that opens when you press a button? Hm
  • 2
    @AlpineLinnix Looks clean 😉 I'd suggest making the side nav to a navigation drawer in mobile devices. I had built one for me a couple of years ago, it's pretty old now and yeah there's a lot of things I regret adding to that portfolio. Its built using materialize, If you need some old school inspiration have a look, https://haxzie.github.io/portfolio
  • 4
    @htlr yess a drawer like that would be perfect! Thank you
  • 4
    @htlr I will attempt to make something like that
  • 3
    @htlr @shellbug yay! I managed to get it working. Veri thank
Your Job Suck?
Get a Better Job
Add Comment