designs icon indicating copy to clipboard operation
designs copied to clipboard

icon set standards guide

Open guylepage3 opened this issue 8 years ago • 2 comments

Task Design and produce a Blockstack icon set standard that can be applied to a wide variety of use cases. These icons will be critical elements in the Blockstack ecosystem as they will be used as design inspiration. Furthermore, they are an opportunity to become a brand separator from the likes of Apple and Google.

Why it's needed The need for a icon design standard is of high value to the platform. A guide will increase the probability of the Blockstack platform's adoption rate. As a result the community should encourage developers and designers to follow the brand and icon standards guide for the good of the network.

Guide requirements

  • [ ] Open source design
  • [ ] Color resource
  • [ ] Iterative design
  • [ ] Sketch document
    • [ ] Icon template
    • [x] Icon grid
    • [ ] Written standards that developers can follow

Design requirements

  • Minimalistic
  • Simple
  • Clean
  • Modern
  • Neutral.

guylepage3 avatar Dec 19 '16 19:12 guylepage3

The following is a great base for creating an icon set standards guide/methodology.

Google Material Design - https://material.io/ Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

Apple Design - https://developer.apple.com/design/ Create Beautiful Experiences. When something is designed to work beautifully, it tends to look that way, too. Exceptional user experience is a hallmark of Apple products, and a distinguishing feature of the most successful apps built for iOS, macOS, watchOS, and tvOS. Use the resources below to learn how to build the polished, engaging, and intuitive apps that Apple customers expect.

Design inspiration

  • Safari extensions - This is a great resource for top icon designs
  • https://dribbble.com/yoga

Icon design resource

  • http://blog.iconfinder.com/better-icon-design-in-6-easy-steps/

guylepage3 avatar Dec 19 '16 20:12 guylepage3

completed icon grid..

screenshot 2016-12-19 18 04 50

guylepage3 avatar Dec 19 '16 23:12 guylepage3