How can I learn web app UI design?

Hello! I'm self-taught designer. I learned how to design websites on my own by following different tutorials. The problem I'm having is about designing web apps / dashboards. I can't find any good tutorials on how I need to design these. I have no idea what elements I need to use and what are some possible projects I can do.

I would be really happy if you give me any advice on where to start from and how to practice.

Thanks

nice

interested as well

Maybe you can find smth on skillshare?

I have a neat little trick you can follow. COPY! Copy everything you see. Ofcourse, do your own modifications; but don't try to reinvent the wheel. I know the real designers here would be furious, but let me tell you; it works (but then, I am not really a designer; but a developer).

By the way, don't copy code. Copy concepts. For example, take a screenshot of the app screen you want to reproduce, then code that same screen using your own logic.

Gogol said:

I have a neat little trick you can follow. COPY! Copy everything you see. Ofcourse, do your own modifications; but don't try to reinvent the wheel. I know the real designers here would be furious, but let me tell you; it works (but then, I am not really a designer; but a developer).

By the way, don't copy code. Copy concepts. For example, take a screenshot of the app screen you want to reproduce, then code that same screen using your own logic.

Click to expand...

can we copy code from you then

WardenCommander said:

can we copy code from you then

Click to expand...

Sure, go ahead and do it, if you can locate one done by me though lol. I have DND signed on almost all of my projects. Plus, my apps are not about designs; but about functionality.

There is this website you can use to make UI/frontend of your website without even coding, I don't remember the name
But claimed to be used by too companies like Microsoft

Gogol said:

Sure, go ahead and do it, if you can locate one done by me though lol. I have DND signed on almost all of my projects. Plus, my apps are not about designs; but about functionality.

Click to expand...

What would you recommend to build this, website or web app, and what would you use.

1. dashboard for CMS for property rental, channel manager integrations, and so no, Im using something like that but would love to have my own, or at least basic stuff for start and build up on it

2. shared database with product costs of general goods/food, and stuff we use in every day, every person would have his own acc, and contribute to Country database, every product could be bought in multiple stores, you could have grochery basket where you would input waht you want to buy, and app returns store/address where is the cheapest.
something like: https://play.google.com/store/apps/details?id=com.bislistadecompras.bis&hl=en

WardenCommander said:

What would you recommend to build this, website or web app, and what would you use.

Click to expand...

Photoshop for copying design. Yii2 +mysql + jQuery + Mustache for webapp.

Yii2 because it comes with all the modern features you need for RAD (Rapid Application Development) and scaling up. Features include GUI based CRUD generation, Queueing, Asset Mgmt, DB caching, Page caching, Model based validations and many more things.

jQuery because Yii2 comes with jQuery by default (it can be omitted though), so I use it. If you don't like the heaviness, use sizzleJS, which has the jQuery selector engine; and it is much lighter than jQuery (jQuery uses sizzleJS inside).

Mustache because I am in love with this templating engine now a days. You could also use Blade, but I love the syntax Mustache uses.

As for mysql, it works fine for the apps I have. You can also use something else if you want. Yii2 probably already has drivers for your choice.

Oh and for website/webapp.. You could have both. You could make a website, and use the same app (possibly, change the layout for apps) in a webview. Works perfectly for my usage.