7
6 Comments

What are some of your strategies/tips to brush up on frontend design skills fast?

What are some good tips to brush up on skills to come up with a decently presentable site? I already am pretty familiar with React/Redux, it's the UI/UX css part that I am not proficient at. Thanks

  1. 4

    Getting better at design is a slow, steady process that takes months and years.

    If improving at design is one of your top goals, then I say go for it. You probably want to take a course or two + design as many websites as possible in order to improve the fastest.

    However, if you're more concerned with building and launching something great, and becoming a better designer yourself isn't really and end goal for you, then imo you should outsource it. Find existing templates online, or hire a designer to work with, or maybe do a trade with a designer where you agree to write some code to help them out if they'll do your design.

    Generally, outsourcing things to experts not only produces better quality work, but it gets done in WAY less time than you could do it.

  2. 3

    Well, have you checked https://refactoringui.com/book/?

    It's neat.

    Otherwise, I will recommend you replicate other designs, but with your touch.

  3. 1

    Thank you for all the advice everyone. I will definitely check out https://refactoringui.com/book/ as well the other links/resources posted here one by one

  4. 1

    Not being good a UI/UX is actually a good thing: try to make it as simple and usable as you can. Don't worry about fancy animations or over-the-top graphics. Simple text, good contrast, good font size is all you need.

  5. 1

    For good UI design skills check out the tips at: https://refactoringui.com/

    For good CSS, keep in mind that everyone struggles with it. There’s always some trick that you haven’t learned yet that is slightly better. It’s an ongoing learning process.

    But anyway in 2020, your CSS layouts should heavily use Grid and Flexbox, so spend some time reading guides for both of those. Both are extremely flexible and powerful. This recent article gives a little taste of what they can do: https://web.dev/one-line-layouts

  6. 1

    Try www.bytehub.dev for nicely designed components. You’ll find some pretty good UI/UX there. Also look at dribbble for design inspiration. But don’t blindly trust the amazing animations on dribbble too. In most cases those UX are nowhere user friendly.

  7. 1

    This comment was deleted 6 months ago.

Trending on Indie Hackers
What's your project? 58 comments I co-founded Tally — a new type of form builder 1 year ago and bootstrapped it to $30k ARR with a team of 2. AMA! 21 comments AMA! I’ve started self-funded and VC-backed SaaS businesses since 2003 including Crazy Egg, KISSmetrics, and Nira. Investor in 200+ others. 11 comments How we got our first paying user within a week of adding payments 7 comments I made a chrome extension to stop me from shopping on Amazon. What do you think? 6 comments We Built AppSumo’s Partner Experience Team from Scratch (Here’s How It Happened) 5 comments