Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
tools-intdesign [24/02/2019 09:30]
ganesh [Case Studies]
tools-intdesign [22/04/2020 02:55] (current)
ganesh [Templates]
Line 5: Line 5:
 UX has broad and generalized principles, while also has several intricacies and specific niches when it comes to interaction with a physical device to access a specific service or functionality. Depending upon what kind of device, how it interacts, what are the interfaces available to interact & the pupose of application, determines the interaction method. UX has broad and generalized principles, while also has several intricacies and specific niches when it comes to interaction with a physical device to access a specific service or functionality. Depending upon what kind of device, how it interacts, what are the interfaces available to interact & the pupose of application, determines the interaction method.
  
-^ No. ^ Name ^ Type ^ Link ^ License | +* T = Yet To Test
-| 1. | Glade 3 | UI Building | [[|]] |  | +
-| 2. | Qt, QML | UI Building | [[|]] |  | +
-| 3. | Akira | UI Building | [[|]] |  | +
-| 4. | Vue-design | UI Building | [[|]] |  | +
-| 5. | Android XML | UI Building | [[|]] |  | +
-| 6. | Android Asset Studio | UI Mgmt | [[|]] |  |+
  
 +* <del>B,NW</del> = Beta, Not Working
  
 +* Y = Yes, Working
 +
 +
 +===== Tools For Visual Design =====
 +
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status  |
 +| 1. | Glade 3 | UI Building | [[https://glade.gnome.org/|Glade 3]] | GPL |  **Y**  |
 +| 2. | Qt Creator, Design Studio, QML | UI Building | [[https://www.qt.io/ui-framework|Qt Design]] | Available in GPL |  **Y**  |
 +| 3. | Akira | UI Building | [[https://github.com/akiraux/Akira|Akira]] | GPL 3.0 |  <del>B,NW</del> |
 +| 4. | Android Asset Studio | UI Mgmt | [[https://romannurik.github.io/AndroidAssetStudio/|Android Asset Studio]] | Apache 2.0, [[https://github.com/romannurik/AndroidAssetStudio|Git]] |  **Y**  |
 +| 5. | Story book js | Building UI Components | [[https://storybook.js.org/|Storybook js]] | MIT, [[https://github.com/storybookjs/storybook|Git]] | T |
 +| 6. | Easy Logic | Web Design Tool | [[https://www.easylogic.studio/|Easy Logic Studio]] | MIT, [[https://github.com/easylogic/editor|Git]] |  <del>B,NW</del> |
 +| 7. | Gradient Hunt | Gradient for Design, Art | [[https://gradienthunt.com/|Gradient Hunt]] |  | T |
 +| 8. | Sketchsheets | Sheet Templates for UX | [[https://www.sketchsheets.com/|Sketch Sheets]] | MIT, [[https://github.com/rnarrkus/sketchsheets|Git]] | T |
 +| 9. | Wireflow | Free Wire, User Flow tool | [[http://wireflow.co/|Wire Flow]] | MIT, [[https://github.com/vanila-io/wireflow|Git]] |  <del>B,NW</del> |
 +| 10. | Grommet | Streamline App development | [[https://v2.grommet.io/|Grommet]] | Apache 2.0, [[https://github.com/grommet|Git]] | T |
 +| 11. | SVG to JSX | Convertor | [[https://svg2jsx.com/|SVG2JSX]] | MIT, [[https://github.com/balajmarius/svg2jsx|Git]] | T |
 +
 +
 +----
 +
 +===== Tools for Typography =====
 +
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status  |
 +| 1. | Google Web Fonts | Self hosting google webfonts | [[https://google-webfonts-helper.herokuapp.com/fonts|Google Webfonts]] | MIT, [[https://github.com/majodev/google-webfonts-helper/|Git]] |  **Y**  |
 +| 2. | Web Font Preview | Preview Google webfonts | [[https://www.webfontpreview.com/|Web Font Preview]] | MIT, [[https://github.com/jonaskay/webfontpreview|Git]] |  **Y**  
 +| 3. | Fontello | Custom SVG fonts, icons | [[http://fontello.com/|Fontello]] | MIT, [[https://github.com/fontello/fontello|Git]] | T |
 +
 +----
 +
 +===== Tools for Iconography/Symbols =====
 +
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status  |
 +| 1. | Feather Icons | Open Icon Repository | [[https://feathericons.com/|Feather Icons]] | MIT, [[https://github.com/feathericons/feather|Feather Icons]] | T |
 +| 2. | Font Awesome | Open Font icons | [[https://fontawesome.com/|Font Awesome]] | [[https://github.com/FortAwesome/Font-Awesome/blob/master/LICENSE.txt|License]], [[https://github.com/FortAwesome/Font-Awesome|Git]] | T |
 +| 3. | Material Design Icons | Material Design Icons | [[http://materialdesignicons.com/|Material Design Icons]] |[[https://github.com/Templarian/MaterialDesign/blob/master/LICENSE| License]], [[https://github.com/Templarian/MaterialDesign|Git]] | T |
 +
 +----
 +
 +===== Design System Kits =====
 +
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status  |
 +| 1. | Vue Design System | UI Building | [[https://vueds.com/|Vue DS]] | MIT, [[https://github.com/viljamis/vue-design-system|Git]] | T |
 +| 2. | Design System Kit | Collaborative Workbench | [[https://rundsk.com/|DSK]] | [[https://rundsk.com/tree/?t=license|License]], [[https://github.com/rundsk/dsk|RunDSK]], [[https://github.com/atelierdisko/dsk|Atelierdisko-DSK]] | T |
 +| 3. | EOS Design System | Cohesize UI/UX design | [[https://www.eosdesignsystem.com/|EOS Design System]] | MIT, [[https://gitlab.com/SUSE-UIUX/eos/|Git]] | T |
 +| 4. | EVA Design System | Customizable Design System | [[https://eva.design/|EVA Design System]] | [[https://github.com/akveo/|Git]] | T |
 +| 5. | Catalog | Living Style Guides | [[https://docs.catalog.style/|Catalog.Style]] | BSD-3, [[https://github.com/interactivethings/catalog/|Git]] | T |
 +
 +----
 +
 +===== Templates =====
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status  |
 +| 1. | Core Admin Template | Open Admin Template | [[https://coreui.io/|Core UI Open Admin Template]] | MIT, [[https://github.com/coreui/coreui-free-bootstrap-admin-template|Git]] | T |
 +| 2. | Mega Doodles Pack | Hand made SVG Doodles | [[https://github.com/MariaLetta/mega-doodles-pack|Mega Doodles by Maria Letta]] | [[https://github.com/MariaLetta/mega-doodles-pack|Git]] | T |
 +| 3. | Stitches | Template Generator | [[https://stitches.hyperyolo.com/|Stitches]] by [[https://www.amie-chen.com/|Amie Chan]] | [[https://github.com/amiechen/stitches-template-generator|Git]] | Y |
 +
 +----
 +
 +
 +===== Tools For Front End Coding =====
 +
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status  |
 +| 1. | Create React App | JS | [[https://create-react-app.dev/|Create React App]] | MIT |  **Y**  |
 +| 2. | Expo | JS | [[https://expo.io|Expo, Explo-cli]] | MIT |  **Y**  |
 +
 +----
 +===== Design - Develop Bridge =====
 +
 +^  No.  ^  Name  ^  Link  ^  License  ^  Working Status 
 +| 1. | Galio | [[https://galio.io|Galio]] | MIT | T |
 +| 2. | Diez | [[https://diez.org/|Diez]] | AGPLv3 |  **Y**  |
 +| 3. | Alva | [[https://meetalva.io/|Meet Alva]] | MIT, [[https://github.com/meetalva/alva|Git]] | T |
 +
 +----
 +
 +
 +
 +===== FrontEnd Frameworks =====
 +
 +^  No.  ^  Name  ^  Type  ^  Link  ^  License  ^  Working Status 
 +| 1. | Tailwind | CSS | [[https://tailwindcss.com/|Tailwind]] | MIT |  **Y**  |
 +| 2. | Alpine | JS | [[https://github.com/alpinejs/alpine|Alpine]] | MIT |  **Y**  |
 +| 3. | React | JS |    |  |
 +| 4. | Vue | JS |    |  |
 +
 +----
  
 ==== Learning ==== ==== Learning ====
Line 32: Line 113:
   - [[https://uxdesign.cc/ux-case-study-barbican-native-application-dd0d1ab177d9|Barbican app]]   - [[https://uxdesign.cc/ux-case-study-barbican-native-application-dd0d1ab177d9|Barbican app]]
   - [[https://uxdesign.cc/splitting-a-bill-at-a-restaurant-4eab00b42795|Split Money]]   - [[https://uxdesign.cc/splitting-a-bill-at-a-restaurant-4eab00b42795|Split Money]]
 +  - [[https://github.com/MindorksOpenSource/ridesharing-uber-lyft-app|Ridesharing Uber Lyft App]]