? Don't be afraid to "think outside the database" — your UI doesn't need to map one-to-one with your data's fields and values.
Here are a few ideas you can use to present "field: value" data in a more interesting way: https://t.co/NoL3wMtjLV
? Overlapping images is a great way to add depth to an interface and make it look more “designed”.
Use a border that matches the background color to create distinction and keep things looking clean ? https://t.co/G4Zs2wLUz0
? If you want text of different sizes to *feel* like the same weight, make larger text thinner and smaller text bolder. https://t.co/kgGQJJh1EL
Today's new idea: This extended nav area where the first piece of content overlaps the background color ?? (from @Netlify)
I use this idea a lot on marketing pages but never thought to try and apply it in an application UI. https://t.co/ZDlPZShMvw
? Dropdowns can be more than just a boring list of links. They're just boxes, you can do anything you want with them!
For example, this two-column layout is great when you want to add supporting text: https://t.co/fh1CxDruSi
? A trick designers often use to make things look a bit more interesting is to let images bleed out the edge of a container, ignoring any padding. https://t.co/62otrCbtte
☝️ Also, containing photos in circles - Great way to make a bad photo look good ? https://t.co/XSFoZJIiTR
? Working with images that clash with each other? Try desaturating them to greyscale or colorizing them all with a single color to make them a little more cohesive. https://t.co/R6POfB2WrR
? Styling content can be difficult. Here are a few ideas that can make a big difference: https://t.co/oiAH4foGJu
? Instead of blowing up small, in-app icons for your landing page, try putting a shape behind them and giving them a background color. https://t.co/BGknNtBzZ2
? Giving each section on a landing page it's own background color is a really easy way to make things look a bit more interesting. https://t.co/4vgTCSPQtr
? Little details go a long way when styling UI components. Here are a few different ways to style buttons: https://t.co/rsbtaZ1Peh
Stripe's status page is a good example of the "don't make the UI bigger than you need" tip @steveschoger shared on @fullstackradio #74 ?? https://t.co/Eh3azhRQik
? Designing nice tables can be tough, but here's a few ideas that can make a big difference: https://t.co/Q1qcF1hIG6
? Font size isn't always the best way to emphasize or de-emphasize text, try using color and font weight instead: https://t.co/KCtZNrtfkd
? This two-column form layout is great for organizing long forms and filling wider screens without using awkward long form fields. https://t.co/KbErS8hJHM
? Too many borders can make a design look really busy. Here's a few ideas that are a bit more subtle: https://t.co/JEIrjAS5YL
? Giving your box shadows a slight, vertical offset helps to make them look more natural. https://t.co/WcPsK8yFwu
? My general "safe" rule for picking gradient colours is to pick 2 hues within a 100° of each other. https://t.co/FXMk9iWpgA
@rossSpeak It's all about creating hierarchy. You want your primary button to stand out much more than your secondary/danger actions. https://t.co/H3pPzWt7fo