Category: Design

anything about design process or thinking

7 UI principles

Posted on by Joel D Canfield
  1. micro-interactions: subtle animations and feedback in user interfaces, simulating a real world experience, or creating an easily understandable digital world
  2. typography: choose a font for either emotional impact or readability
    • font pairings
      serifdifferent
      contrastdifferent
      aperturematching
      proportionmatching
  3. accessibility: WCAG guidelines, or affect 20% of users
  4. emotional joy juice from interaction
  5. brainstorming without judgment
  6. quantity leads to…

creative idea generation from CreatingMinds.org

Posted on by Joel D Canfield

html color words

Posted on by Joel D Canfield

#accede

#a1bed0

#a11e1e

#babb1e

#baff1e

#ba11ad

#beaded

#bedded

Category: DesignLeave a Comment on html color words

less perfect logo design

Posted on by Joel D Canfield
Will Paterson 10 Logo Design Tips https://www.youtube.com/watch?v=gza5-1e0IY4 white on dark looks bigger because of apparent glow rounded ends: instead of true hemisphere, stretch along the axis of the attached rectangle or shape logotypes: narrower kerning instead of perfect shapes, widen a tiny amount to compensate for our propensity to see width more than height…

my Affinity Photo colors

Posted on by Joel D Canfield
…
hsl(0,0%,94%)#f0f0f0rgb(240,240,240)
hsl(0,44%,89%)#f0d8d8rgb(240,255,240)
hsl(0,100%,97%)#fff0f0rgb(255,240,240)
hsl(9,85%,61%)#f06048rgb(240,96,72)
hsl(12,49%,52%)#c06048rgb(192,96,72)
hsl(15,55%,66%)#d89078rgb(216,144,120)
hsl(15,76%,75%)#f0a890rgb(240,168,144)
hsl(17,100%,33%)#a83000rgb(168,48,0)
hsl(20,60%,24%)#603018rgb(240,255,240)
hsl(20,100%,14%)#481800rgb(240,255,240)
hsl(30,22%,56%)#a89078rgb(168,144,120)
hsl(30,25%,38%)#786048rgb(120,96,72)
hsl(30,28%,66%)#c0a890rgb(192,168,144)
hsl(34,85%,61%)#f0a848rgb(240,168,72)
hsl(36,49%,52%)#c09048rgb(192,144,72)
hsl(40,33%,42%)#907848rgb(144,120,72)
hsl(40,60%,24%)#604818rgb(96,72,24)
hsl(40,71%,80%)#f0d8a8rgb(240,255,240)
hsl(40,100%,14%)#483000rgb(72,48,0)
hsl(43,100%,33%)#a87800rgb(168,120,0)
hsl(45,55%,66%)#d8c078rgb(216,192,120)
hsl(45,76%,75%)#f0d890rgb(240,216,144)
hsl(60,44%,89%)#f0f0d8rgb(240,255,240)
hsl(60,100%,97%)#fffff0rgb(255,255,240)
hsl(90,20%,47%)#789060rgb(120,144,96)
hsl(90,28%,66%)#a8c090rgb(168,192,144)
hsl(90,33%,28%)#486030rgb(72,96,48)

SRT Imagemagick distort ScaleRotateTranslate command

Posted on by Joel D Canfield
All arguments except angle of rotation are optional arguments are comma or space separated floating point numbers -distort SRT "1,2 3,4 5 6,7" example magick file.ext +repage -background none -distort SRT '600,600 1,'$j' 0' +repage file-$i-$j.ext
args1,23,456,7action
#   angle centered rotate
# # scale angle centered scale/rotate