Skip to content

Instantly share code, notes, and snippets.

@amitabhaghosh197

amitabhaghosh197/ui-designs.md

Last active March 13, 2025 09:23
Show Gist options
  • Save amitabhaghosh197/372482b4ca4a78b6cdbf to your computer and use it in GitHub Desktop.
Save amitabhaghosh197/372482b4ca4a78b6cdbf to your computer and use it in GitHub Desktop.
Download ZIP
ui-designs #ui #inspiration #important
Raw
ui-designs.md

Design inspirations websites

Best sites

  1. http://www.awwwards.com/
  2. http://www.siteinspire.com/
  3. https://dribbble.com/tags/
  4. http://www.cssdesignawards.com/
  5. http://www.site.uplabs.com/
  6. https://onepagelove.com

Other Sites

  1. http://www.cssmania.com/
  2. http://bestwebsite.gallery/
  3. http://mediaqueri.es/
  4. http://designsnack.com/
  5. http://thedesigninspiration.com/category/websites/
  6. http://www.vandelaydesign.com/elements-of-design-composition/
  7. https://crossme.jp/

UI design Kits

Icons

  1. https://www.tonicons.com/
  2. http://www.flaticon.com/packs/
  3. http://www.vandelaydesign.com/free-social-media-icons/
  4. https://www.uxpin.com/lollipop-ui-kit.html?_ga=1.202893778.230081570.1457234375
  5. https://linearicons.com/
  6. http://www.cssauthor.com/ultimate-collection-of-free-line-icon-sets/
  7. https://colorlib.com/wp/free-mobile-ui-kits-app-design/
  8. https://visionwidget.com/perspective-app-screen-mockup-psd-free.html
  9. http://365psd.com/day/4-330-summer-ui-kit/
  10. ######Graphics : http://canvas.pantone.com/

Color Palete

Best color schemes Blog

  1. http://www.awwwards.com/trendy-web-color-palettes-and-material-design-color-schemes-tools.html
  2. http://www.dtelepathy.com/blog/inspiration/24-flat-designs-with-compelling-color-palettes
  3. http://www.creativebloq.com/web-design/colour-trends-91516599
  4. https://designschool.canva.com/blog/tints-and-shades/

Color Wheel

  1. http://paletton.com/#uid=53m0u0k6sC88FXK4HKGaastd6oS

Responsive Typography

  1. https://www.smashingmagazine.com/2016/05/fluid-typography/?utm_source=CSS-Weekly&utm_campaign=Issue-215&utm_medium=email

Chinese Typography for websites

1.http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/

  1. http://webdesign.tutsplus.com/articles/the-complete-beginners-guide-to-chinese-fonts--cms-23444

Some PSD Resources

  1. http://blog.starsunflowerstudio.com/2013/08/20-blurred-backgrounds-packs-to-enhance.html
  2. Geometry Backgrounds HD: https://www.google.co.in/search?q=geometry+backgrounds&espv=2&biw=1920&bih=911&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwiYvve199bOAhVFqI8KHYuKDucQsAQIGg#tbs=isz:lt%2Cislt:xga&tbm=isch&q=geometry+backgrounds+hd
  3. http://www.webdesigndev.com/hd-free-blurred-backgrounds-sets/
  4. https://www.monkee-boy.com/blog/2013/11/freebie-friday-20-large-blurred-backgrounds/
  5. https://www.google.co.in/search?q=Blur+Instagram+-+Blurred+HD+Backgrounds&espv=2&biw=1920&bih=911&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwiTse615NbOAhXFq48KHR86AwkQsAQIGg#imgrc=_

#App design UI template

  1. https://www.quora.com/When-designing-a-mobile-app-what-screen-size-and-resolution-should-I-create-my-designs
  2. http://mydevice.io/devices/
  3. Best to take 2560 x 1600 with 300PPI

Some Best and useful Multilevel Navigation Ideas

  1. https://www.express.com/
  2. https://www.farfetch.com/shopping/men/items.aspx

Latest APP UI Concepts

  1. http://www.awwwards.com/30-recent-inspirational-ui-examples-in-mobile-device-screens.html
  2. https://www.behance.net/collection/3942497/Mobile-App-Design-UI
  3. https://dribbble.com/search?q=app

#Latest IOS APP Colors

  1. http://www.cultofmac.com/270606/popular-colors-ios-7-app-store-infographic/
  2. http://www.creativebloq.com/colour/tools-colour-schemes-12121430
  3. http://www.colourlovers.com/

Create wireframe on Paper Pen

  1. https://www.smashingmagazine.com/2010/03/free-printable-sketching-wireframing-and-note-taking-pdf-templates/
  2. http://interactivelogic.net/wp/2009/09/iphone-wireframe-templates/
  3. http://www.uistencils.com/products/ux-index-cards

#Some important Tips for UI http://www.shopifyandyou.com/blogs/news/7210858-customizing-your-shopify-theme-the-ultimate-list-of-resources-references-tools

What Area for Apps in photoshop

Reff: 1 https://medium.com/@sksiitb/android-graphic-assets-creation-workflow-using-photoshop-cc-2014-e392d54e9fae#.h1u61c95h 2. https://pixplicity.com/dp-px-converter/ 3. https://material.io/devices/

1. 1080px x 1920px --> 480dpi / 480 ppi

All know-how for Animated Giff

https://blog.bufferapp.com/animated-gifs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment