• Shirley Template
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
41 shaares
 
Filters
9 results tagged webdesign

7 Practical Tips for Better Microcopy | Learn UXD

QRCode
  1. Use personal pronouns
  2. Start with a verb
  3. Prevent concerns
  4. Use natural language
  5. Default to active voice
https://learnuxd.io/posts/7-practical-tips-for-better-microcopy/
August 26, 2020 at 10:29:02 AM EDT *
writing webdesign
FILLER

How to Achieve Soft, Friendly and Consistent UI Design

QRCode

General visual consistency

How to make our design look sleek and consistent? Start with preparing this:

  1. Choose colors you want to use
  2. Choose a font(s) you want to use
  3. Decide on how deep/blurred you want your shadows to be.
  4. If you are using icons, decide whether you want to use solid or outlines. Try not to mix them.
    By now, you created your little design-system. How cool! 😎
    Now you should stick to it.

If you want your shadows to look even more fanciful, make the shadow have the same color as the element that casts it, then lower the opacity. Ideally, the background would have a similar tone, too.

Making gradients look more smooth and delicate

Choose the right color for the font, so it matches the background.

https://uxdesign.cc/how-to-achieve-friendly-lightweight-and-consistent-ui-design-a33a57183612
August 14, 2020 at 5:50:50 PM EDT *
ux shadow webdesign designsystem ux
FILLER

Nobody told me UX would be like this

QRCode

The first pass will almost always suck.

In Creativity, Inc.: Overcoming the Unseen Forces That Stand in the Way of True Inspiration, Ed Catmull equates new ideas to newborns. They need care and nurturing — space to breathe. Think of your initial ideas (read: designs) as a garden in the early stages. It will need constant watering and tending until the plants are strong enough to survive on their own and bear fruit. A garden doesn’t look like much in the early stages. But it has tremendous potential with the right care.

Artists work with an idea. They nurture it. This does not require ingenuity or creative genius. Forget about all of that. It doesn’t necessarily require a lot of experience either. It simply requires hard work to push through iteration after iteration. You are essentially watering the plants (the idea) and nurturing them.

“Quality is a probabilistic function of quantity.”

A genius is a genius, Simonton maintains, because he can put together such a staggering number of insights, ideas, theories, random observations, and unexpected connections that he almost inevitably ends up with something great.

Your job is not to come up with the best idea.

Your job, then, is to take the best part of others' ideas and shape them into the best idea. I always have ideas and want to be the first to get them out in the open where they can be evaluated (and hopefully adored). This is my ego at play — talking to me, telling me to show everyone just how clever I am. I’ve had to learn to keep my mouth shut and temper my ego. My job isn’t to come up with the best idea. It’s to listen and watch.

Go beyond your industry.

Creatively find the time to be creative.

Your ability to sell is often far more important than your design skills.

https://uxdesign.cc/nobody-told-me-ux-would-be-like-this-2fa8a30b7a84
August 14, 2020 at 5:45:39 PM EDT *
design webdesign ux
FILLER

Decoding Google’s secret UX weapon

QRCode

A peek into the brain of Scott Jenson, Google’s UX strategist.

  1. Sweat the small stuff.
  2. Build ugly prototypes, fast.
    He calls it Assertive Instinct — the state where you are so hyped about your idea you can’t even imagine a world where it could be wrong or insufficient or simply incompatible with what people actually need.
  3. Look for ideas in weird places.
  4. Don’t criticize. If you do, ask one thing, politely.
https://uxdesign.cc/decoding-googles-secret-ux-weapon-7e05cb970d3f
August 14, 2020 at 5:17:10 PM EDT *
webdesign ux
FILLER

Modern CSS grid solutions to common layout problems

QRCode

Dynamic centered layout

We all know margin: 0 auto to center a layout. Ideal for article pages, right? But what if you want elements like images to exceed the maximum width of the article?

https://vycke.dev/blog/css-layout-patterns/
August 11, 2020 at 3:48:25 PM EDT *
css grid webdesign
FILLER

a11y.css

QRCode

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

https://heydesigner.com/a11y-css-reset/

https://ffoodd.github.io/a11y.css/
August 11, 2020 at 9:38:58 AM EDT *
accessibility webdesign
FILLER

The Designer's Guide to Letter-Spacing | Webdesigner Depot

QRCode

There are a lot of different typefaces and a single rule doesn’t apply to all of them. Experiment with letter-spacing and do what seems right to you. There are some simple guidelines that will lead you in the right direction, especially when working with body text:

Letter-Spacing Headlines
If you are using well designed fonts, you can be sure that they are calibrated well, and you won’t need to make any major adjustments to them. However, the problem with headlines is that at larger scales the space between letters looks unbalanced. It can be fixed by increasing or decreasing the letter-spacing value.

There are no strict rules for letter-spacing — there are a lot of typefaces and all of them require an individual approach — but if you look at how big companies like Google and Apple treat their typefaces, you can find a lot of valuable information there.

https://www.webdesignerdepot.com/2020/07/the-designers-guide-to-letter-spacing/
August 11, 2020 at 9:33:30 AM EDT *
typography webdesign
FILLER

How to make Perfect Drop Shadows in UI Design | by Thalion | Jun, 2020 | Prototypr

QRCode

box-shadow: 0px 8px 24px rgb( 0, 0, 0, .15 );

x: 0px
y: 8px
Blur: 24px
Alpha: 15%
Color: #000000

https://blog.prototypr.io/how-to-make-perfect-shadows-in-ui-design-2773e32074da
July 23, 2020 at 4:06:59 PM EDT *
webdesign shadow
FILLER

6 (more) tips to quickly improve your UIs | by Marc Andrew | Jul, 2020 | UX Collective

QRCode
https://uxdesign.cc/6-more-tips-to-quickly-improve-your-uis-2130d3e89d59
July 17, 2020 at 1:05:00 PM EDT *
ux webdesign aareview
FILLER
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community