はてなブックマーク

Why use this gradient generator? Your design tool is making your gradients look worse 😬. Whenever you try to create a gradient across a wide range of hues in Figma, Photoshop, etc, you often will see a gray dead zone in the middle of your gradient. Here's an example: Color geeks: this is a slight approximation, since we’re squishing a cross-section of a cube into a circle. If you want your gradie

*display on phone is technically 2.61x Frame size. This is the “point size” or “@1x” size of a given device. I strongly recommend designing on frames of this size for a given device. (Here’s an explanation of points vs. pixels) Export scaling. This is how much bigger to make a raster image (PNG, JPG) when exporting to take maximum advantage of the higher resolution of some devices. What size frame

iOS vs. Android App UI Design: The Complete Guide Erik D. Kennedy · Updated Aug 11, 2021 If you’re designing both an iOS and an Android (Material Design) version of an app, this guide is your new best friend 😎. We’re going to cover the most relevant differences between iOS and Android for UX/UI designers. If you’ve created an app on one platform, this is most of what you need to know to “translat

Font Sizes in UI Design: The Complete Guide Erik D. Kennedy · Updated May 29, 2024 One of the most common questions I receive from beginning UI designers is: what font size should I use for my project? Maybe it’s a website, maybe an Android app, maybe iPhone/iPad. Ever wish someone had compiled all the rules in one place? If you have, dear reader, bookmark the crap out of this page. These are up-t

Level up your visual design skills Create a portfolio & get hired Make your startup or side project look professional Comprehensive, practical curriculum Over 36 hours of video lessons Figma resource library Community with mentor feedback