👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
I’ve received a message in ADPList from a graphic designer who’s interested in UX design, asking curious questions about the field. It’s a good start for anyone exploring to ask many questions!
Hi I’m a graphic designer who is exploring UX/UI design field. Here are my questions:
Do UX/UI designers have to learn HTML/CSS to create an app/website?
No, because you can manage your expertise in the world of UX itself and find partners that will focus on frontend development (HTML/CSS/JS) to create an app/website.
Creation, design-wise: No, because at this point you’re at the conceptual / mock-up fidelity phase (i.e., design)
Creation, design-wise: Yes, because knowledge in how to implement your designs will make you a better designer; you will know the limitations and possibilities of the actual website you’re designing; also when prototyping, you can use HTML/CSS/JS
Creation, technical implementation-wise: No, because there are tools that export directly from design to code; there are also drag and drop website builders like Google Sites (optimization for a performant website, is another topic, though).
Creation, technical implementation-wise: Yes, because frontend development is close to UX design in terms of process (design then implementation)
A different answer
It depends — you can simply wait to discover where the road of exploring UX design will take you. Me, for example, I started with my interest in HTML & CSS that’s why I got into web design, and eventually UX design.
Does a UX designer design the app/website alone or is it by a team?
Alone: as mentioned above, you could be a UX designer and a frontend developer rolled into one.
Team: also, there are projects that can be launched more efficiently and effectively when done by a team (two heads are better than one).
Is it necessary to make case studies for portfolio or can it just be designs of screens?
Context is always the key to any portfolio item that you will showcase: what are you trying to say to your audience? Which knowledge and skills are you highlighting in that portfolio item? That can definitely be contained in a case study, regardless of its depth and detail. Context tells a little bit more about you and the project you worked on, to your audience.
It also doesn’t have to be a case study. However you will manage to put context into your work. How will you get the message across? If screens can accomplish these things, then it’s all good.
What are some useful tips to get started on UX design?
It’s ok to take one step at a time to understand the fundamentals of UX. This book, The Elements of User Experience by Jesse James Garrett greatly helped me. Might be a good read for you too, as a start.
Good luck on your UX design journey. Remember to have fun! 😎
Jaycelle partnered with Nature’s Apothecary to promote their Tea Starter Kit. They’ve got nice visual design on the box, leaflet, and on the tea containers too.
Jaycelle requested me to change the color of her blouse from red to mustard. It’s easy with an app, that’s true. However, before all those algorithms and automations, there was a semi-manual way of doing it — using selective colors in Photoshop.
Music: Tweakers by Brian Dys
Got a scanned or photographed signature with a messy background? Here’s an easy way of enhancing it to be in PNG with a transparent background.
In Adobe Photoshop:
- Resize the long side of the image to 1920px or higher
- Image → Adjustments → Threshold
- Select black-only via Alpha Channel
- Make BG transparent and save as PNG
Music: Scrap by Brian Dys
I have learned a new term today in terms of light mode – dark mode in user interfaces: contrast polarity. Basically, a positive contrast polarity is a light text on a dark surface (light mode) — just like the physical black ink on white paper. Negative contrast polarity, on the other hand, is the reverse — dark text on a light surface (dark mode).
Now, where else can you use this term? In CSS class-naming, of course!
See the Pen Contrast polarity (light – dark mode) by Brian Dys Sahagun (@briandys) on CodePen.