Category: UX Design
-
Questions from a Graphic Designer
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…
-
Nature’s Apothecary Packaging Design
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.
-
Changing colors via selective color in Photoshop
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
-
Enhancing signatures in Photoshop
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…
-
Contrast polarity
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…
-
UX Workshop with Elizabeth Baylor – Day 1
The design team at PayMaya had the opportunity to have a two-day workshop with Elizabeth Baylor—a senior UX researcher at Google. Day 1 topics covered the following: UX Process Usability and Usefulness Generative and Confirmatory Research The Curse of Knowledge We assume that others think like we do but that is only an assumptions. Here…
-
On Dimensions of CSS in a Style Guide
Absolutes On the concept of “absolutes”: If a color is the same as CSS named colors, name it as is or use the name itself: If you “invented” a color or base it on an existing brand color, “invent” a name for it, but always attach the name of the basic color: Generics On the…
-
Beware the Pixel Police
I saw what you did there. The padding between form fields is 24 pixels. Please remove 8 pixels from that gap. Make sure to use the components provided. Chief of Pixel Police Well… yeah… it’s your fault. Components are ready-built — why can’t you just use it with all its pre-built goodnes. Why take matters…