How your design process look like?
Hi Guys, I just started learning how to design websites and apps. I try to think of the best workflow to create a design. Can you share how your workflow look like?
I will start. So far my design process looks like this:
- collect all the assets: images, photos
- list and draw all the core elements
- choose the colors and fonts
- find out layout template that would work well
- put everything together (this is where things start to suck for me)
For me, everything has to be justified and try to build everything based on a set of rules. Those rules can be anything from values i want to hold to the style in which i communicate with which all plays a part in forming a identity.
Once i have that in place then a lot of it falls into place because i have that structure to answer some of the more difficult questions. I nearly always start with the logo as it is a visual identifier and the first thing people connect to. To do that i come up with a list of words that connect to the foundation (in the case of Trivl, it was community, togetherness, trivia etc…).
After that i move on to colour which is probably the most difficult to get right we don't always perceive them in the same way. Finally i look at visual style which is essentially your brand's personality.
Changed a lot of the times for me. The current version is:
- go to TailwindUI
- copy & paste components until I've got the page roughly together
- add custom components that I can't find
- edit everything to my liking
I used to start with creating designs in Figma. Then implementing them. Repeating for new changes. But that was such a slow process and by now I don't see the value for smaller stuff anymore.
Nowadays my design & coding is completely interwoven.
Please sign in to leave a comment.