Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

DCR Animated Iconset (Reprise) #35

Closed
91 tasks done
kyleFirethought opened this issue Aug 24, 2018 · 103 comments
Closed
91 tasks done

DCR Animated Iconset (Reprise) #35

kyleFirethought opened this issue Aug 24, 2018 · 103 comments
Assignees
@kyleFirethought
Labels
DCR Platforms icons identity Decred Identity motion design
Projects
DCR Identity Visual Communications
Milestone
Animated Iconset

Comments

@kyleFirethought
Copy link
Member

kyleFirethought commented Aug 24, 2018 •
edited
Loading

Using the EETER's updated Decred Identity iconset I'm currently undertaking a short-term exercise of animating these for use across DCR platforms and materials. These will be collated for general use and available in a myriad of formats for use/integration in Decred working products.

  • PNG (with & without Alpha)
  • GIF
  • JSON (using Lottie's libraries - compatible with all renderers unless stated otherwise)

As well as educational materials the iconset could serve well on social media platforms as well as give the project the upper hand on new developments, for example, if Blockfolio were to allow for GIF integration in Signals.

Over the coming weeks, I'll be uploading some of the pieces most icons are formed in two flavours:

  • Open: pieces that are merely introductory (not looped)
  • Looped: Self-explanatory.

I will post my progress here. Any constructive input welcome.

  • 1: miningPoW
  • 2: solo
  • 3: stakepool
  • 4: handExchange
  • 5. proposal
  • 6. wallet
  • 7. wallet_add
  • 8. wallet_subtract
  • 9. wallet_down
  • 10. wallet_up
  • 11. wallet_refresh
  • 12. stakepool_add
  • 13. desktop
  • 14. hardDrive
  • 16. server
  • 17. optionsA
  • 18. block
  • 19. blockHeight
  • 20. scanningBlocks
  • 21. fetchingHeaders
  • 22. discuss
  • 23. user
  • 24. userGroup
  • 25. pricetag
  • 27. rocket
  • 28. alert
  • 29. conversion
  • 32. eye
  • 34. shop
  • 35. candlestick
  • 37. reference
  • 38. trash
  • 39. codeInput
  • 40. power
  • 41. starMark
  • 43. megaphone
  • 44. userDetails
  • 46. help
  • 47. code
  • 48. usb
  • 50. newspaper
  • 51. governanceOpinions
  • 53. document
  • 54. locationPin
  • 55. recieve
  • 56. send
  • 57. tx
  • 58. txTax
  • 59. sendMax
  • 60. rebroadcastTx
  • 61. rename
  • 64. roadmap
  • 65. governanceScales
  • 66. flag
  • 67. statment
  • 68. timer
  • 69. expand
  • 70. alert2
  • 71. overview
  • 72. up
  • 73. left
  • 74. down
  • 75. right
  • 76. checkmark
  • 77. rename
  • 78. openNew
  • 80. options
  • 81. ticketLive
  • 82. ticketVoted
  • 83. ticketRevoked
  • 84. ticketMissed
  • 85. ticketExpired
  • 86. ticketUnmined
  • 87. ticketImmature
  • 88. ticketSplitting
  • 91. chestOpen
  • 92. chestReward
  • 93. charts
  • 94. chartsDisabled
  • 95. ROI
  • 96. lock
  • 97. lockCheck
  • 98. lockEye
  • 99. liquidity
  • 100. liquidityGroup
  • 102. timerOld
  • 103. decentralised
  • 104. rpc
  • 105. fiat
  • 106. add
  • 107. subtract
@kyleFirethought kyleFirethought self-assigned this Aug 24, 2018
@kyleFirethought kyleFirethought added this to Backlog in DCR Identity via automation Aug 24, 2018
@kyleFirethought kyleFirethought moved this from Backlog to In progress in DCR Identity Aug 24, 2018
@kyleFirethought kyleFirethought modified the milestones: 13: Desktop, 16: Server, Animated Iconset Aug 24, 2018
@ta-lind ta-lind added this to In Progress in Visual Communications Aug 25, 2018
@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

1: miningPoW
miningpow_opener
miningpow_loop

@kyleFirethought
Copy link
Member Author

2: solo
solo_open
solo_loop

@kyleFirethought
Copy link
Member Author

  1. stakepool
    stakepool_loop
    stakepool_open

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. handExchange
    handexchange_open_with_coin
    handexchange_loop
    handexchange_open

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. proposal
    proposal_open

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. wallet (not looped - click for preview)
    wallet_open_circle
    wallet_open
    wallet_decrediton_green_open
    wallet_decrediton_blue_open
    wallet_decrediton_green_circle
    wallet_decrediton_blue_circle

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. wallet_add (not looped - click for preview)
    wallet_add_open_var1
    wallet_add_open_var2
    wallet_add_loop_var1
    wallet_add_loop_var2
    wallet_add_decrediton_blue_open_var1
    wallet_add_decrediton_blue_open_var2
    wallet_add_decrediton_blue_loop_var1
    wallet_add_decrediton_blue_loop_var2

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. wallet_subtract (not looped - click for preview)
    wallet_subtract_loop_var2
    wallet_subtract_open
    wallet_subtract_loop_var1
    wallet_subtract_decrediton_blue_open
    wallet_subtract_decrediton_blue_loop_var1
    wallet_subtract_decrediton_blue_loop_var2

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. wallet_up (not looped - click for preview)
    wallet_up_open
    wallet_up_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. wallet_down (not looped - click for preview)
    wallet_down_open
    wallet_down_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

11.wallet_refresh (not looped - click for preview)
wallet_refresh_open
wallet_refresh_loop
wallet_refresh_decrediton_green_open
wallet_refresh_decrediton_green_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. stakepool_add (not looped - click for preview)
    stakepool_add_open
    stakepool_add_loop_var1
    stakepool_add_loop_var2

@kyleFirethought
Copy link
Member Author

  1. desktop
    desktop_open
    desktop_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. hardDrive
    harddrive_open
    hard_drive_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. gearsA
    gearsa_open
    gearsa_loop

@kyleFirethought
Copy link
Member Author

  1. server
    server_open
    server_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 14, 2018 •
edited
Loading

  1. optionA
    optionsa_open
    optionsa_loop

  2. optionsB
    optionsb_open
    optionsb_loop

@kyleFirethought
Copy link
Member Author

92: chestReward
chestreward

@kyleFirethought
Copy link
Member Author

93: charts
charts

@kyleFirethought
Copy link
Member Author

94: chartsDisabled
chartsdisabled

@kyleFirethought
Copy link
Member Author

95: ROI
roi_opener

@kyleFirethought
Copy link
Member Author

96: lock
lock_open

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

97: lockCheck
lockcheck_open

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

98: lockEye
lockeye_open
lock_eye_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

99: liquidity
liquidity_opener

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

100: liquidityGroup
liquiditygroup

@kyleFirethought
Copy link
Member Author

101: fiat (obsolete)
fiat_obsolete_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

102: timerOld
timerold_open
timerold_loop

@kyleFirethought
Copy link
Member Author

103: decentralised
decentralised_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

104: rpc
rpc_loop

@kyleFirethought
Copy link
Member Author

105: fiat
fiat_opener

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

112: add
add_open_var2
add_loop_decrediton_blue_var1
add_loop_decrediton_blue_var2
add_loop_var1
add_loop_var2
add_open_decrediton_blue_var1
add_open_decrediton_blue_var2
add_open_var1

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

111: subtract
subtract_loop_var2
subtract_open
subtract_loop_decrediton_blue_var1
subtract_loop_decrediton_blue_var2
subtract_loop_var1

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 22, 2018 •
edited
Loading

113: refresh
refresh_open
refresh_open_decrediton_green

@kyleFirethought kyleFirethought mentioned this issue Sep 24, 2018
Closed
@ta-lind
Copy link
Member

ta-lind commented Sep 24, 2018

Alright few tweaks and considerations.
I see many icons have two types of animations included – a looper and opening transition. The loopers in a UI sense have more use as they can go for both hovers and display loading processes.

Would consider adding a looping version for all the secondary wallet icons: 6, 7, 8, 9, 10, 11 to be similar as the 12 (stakepool_add). (E.g. wallet icon is in place, only the extra circle bit loops)

4 handExchange - Updated DCR logo
14 harddrive - can consider adding a loop, maybe harddrive disc part rotating.

25 Pricetag - Updated DCR logo

28 Alert, bottom one feels a bit bulky

51 governanceOpinions – consider adding a looping one, use for Decrediton. E.g. play on the postament bars

55, 56 These could be potentially improved by doing the movement in opposite directions, receive dropping in, send hovering up. (58 txTax same as send)

61 Maybe also a looper, “Aa Bb Cc” (added in .ai)

64 Roadmap - consider adding looping one

69 Alert2 second looper - minor bug with the bell part turning from circle to rounded square

76 checkmark can have a looper also

81 ticketLive - can consider adding a 90 degree turned (sideways ticket, same as decrediton navigation) as a looping one.

dcr - icons - 240918.ai.zip

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Sep 26, 2018 •
edited
Loading

Alright few tweaks and considerations.
I see many icons have two types of animations included – a looper and opening transition. The loopers in a UI sense have more use as they can go for both hovers and display loading processes.

Would consider adding a looping version for all the secondary wallet icons: 6, 7, 8, 9, 10, 11 to be similar as the 12 (stakepool_add). (E.g. wallet icon is in place, only the extra circle bit loops) - DONE

4 handExchange - Updated DCR logo - DONE
14 harddrive - can consider adding a loop, maybe harddrive disc part rotating. - - DONE

25 Pricetag - Updated DCR logo - DONE

28 Alert, bottom one feels a bit bulky - DONE

51 governanceOpinions – consider adding a looping one, use for Decrediton. E.g. play on the postament bars - DONE

55, 56 These could be potentially improved by doing the movement in opposite directions, receive dropping in, send hovering up. (58 txTax same as send) - DONE

61 Maybe also a looper, “Aa Bb Cc” (added in .ai) - DONE

64 Roadmap - consider adding looping one - DONE

69 Alert2 second looper - minor bug with the bell part turning from circle to rounded square - DONE

76 checkmark can have a looper also - DONE

81 ticketLive - can consider adding a 90 degree turned (sideways ticket, same as decrediton navigation) as a looping one. - DONE

dcr - icons - 240918.ai.zip

@kyleFirethought
Copy link
Member Author

46: help
help_open
help_loop

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Oct 12, 2018 •
edited
Loading

69: expand
expand_open
expand_loop

@kyleFirethought
Copy link
Member Author

78: openNew
open_new_open

@kyleFirethought
Copy link
Member Author

106: userVariant
user_variant

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Oct 12, 2018 •
edited
Loading

107: card
card_open

@kyleFirethought
Copy link
Member Author

kyleFirethought commented Oct 12, 2018 •
edited
Loading

108: error
error_open
error_loop

DCR Identity automation moved this from In progress to Completed Oct 15, 2018
@kyleFirethought kyleFirethought moved this from In Progress to Completed in Visual Communications Oct 18, 2018
@justinsantoro justinsantoro mentioned this issue Jun 17, 2019
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kyleFirethought kyleFirethought

Labels
DCR Platforms icons identity Decred Identity motion design
Projects
DCR Identity
  
Completed
Visual Communications
  
Completed
Milestone
Animated Iconset
Development

No branches or pull requests
2 participants
@kyleFirethought @ta-lind