Pretty broad question, hard to give you an answer, maybe try some cool CSS animations?
Hi!
Don't worry, you won't have learn't wrong, some designers just have the knack for it. It took me a long time to get to the point where my designs would look ok and I'd spend a lot of time changing things until I was completely happy. A suggestion would be to take a look at some websites like siteinspire, awwwards, webdesign-inspiration and codepen. You'll start to notice how a lot of them just follow trends (e.g. big background images, video backgrounds), and you may see an element of a website and think it looks good and to incorporate it into yours. If you struggle you might find that CSS frameworks could work better for you (https://www.mockplus.com/blog/post/css-framework).
​
Apart from just making a website look nice though there's other things to take into account:
Hope that helps, I'm happy to answer any questions and feel free too send me the link to your portfolio if you wanted any input! :-)
The Design of Everyday Things - By Donald A. Norman
Don’t Make Me Think - By Steve Krug
The Non-Designer's Design Book - By Robin William
Communicating Design: Developing Web Site Documentation for Design and Planning (2nd Edition) - By Dan M. Brown
About Face: The Essentials of Interaction Design
UI is Communication- by Everett N McKay
Designing Interfaces: Patterns for Effective Interaction Design-by Jenifer Tidwell
The Best Interface Is No Interface - by Golden Krishna
The Humane Interface: New Directions for Designing Interactive Systems - by Jef Raskin
Beautiful Visualization- by Julie Steele
Universal Principles of Design -by William Lidwell
The Visual Display of Quantitative Information -by Edward R. Tufte
Mobile Design Pattern Gallery: UI Patterns for Smartphone Apps 2nd Edition -by Theresa Neil
More books from this list: The Best UI/UX Design Books & Resources for Designers
Un poco de tips con el ui/ux: quita el header ariba de los tabs. Los colores no se ven muy bien juntos (la naranja y negro)
Pero aparte de eso, es muy intuitivo y facil de navegar. El sticky header y hamburger menu son 👍🏽
Aqui te dejo un link para mas informacion como mejorar el look, es en ingles pero ojala que es facil traducirlo.
If you have a complex app, do it in pieces.
If you have an app in mind, start with one part of it, say the UI. You will be drawing this out on paper/whiteboard or using some mockup software like Mockplus. Figure out what happens when you click a button, where does it take you.
If you need things like, lists of strings and what not, just make some dummy data json files. Make a function that 'will call a database in the future' and just read the json instead, return the results. You can write the other part later.
But trying to do an entire thing at once is kind of a bad idea. You need a plan of attack for complex things. What if you wrote the database/backend part, and then the design of the app changes, and you have to re-write code over and over. Not like it never happens in production environments ever -.- but just be prepared that, while you are learning, you will most definitely be re-writing code sections multiple times until you feel it is correct.
Even then, until you put it in the hands of the audience you are aiming at, you will probably still be wrong. :)
I can reccommend you Mockplus , as Mockplus is a faster and easier prototyping tool; I am sure you will enjoy it as the team of dedicted professionals worked on it, I read it on their website. Moreover there is a giveaway promotion of Mockplus 3-month Pro plan on Giveaway Club . How to register the online software is described in detail here
This is the actual article.
https://www.mockplus.com/blog/post/the-best-uiux-design-books-resources-for-designers
The link in the post is to someone's Tumblr that then links to this. (In the EU at least you have to click through and make decisions about data sharing before visiting Tumblr.)
You’re going to want to lookup and read about “Mobile First Design”. It’s an approach to responsive design that considers the smallest views first and has systemic ways of adapting to larger devices. (Think bootstrap or foundation frameworks). There have been some subtleties of Mobile first that are still debated but this should get you on the right track to thinking about the problem.
Basic info: https://www.uxpin.com/studio/blog/a-hands-on-guide-to-mobile-first-design/
Some basic examples: https://www.mockplus.com/blog/post/mobile-first-design-examples