Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
GUI Prototyping /
Wireframing with
Pencil
Kukuh Syafaat
kukuh@syafaat.id
2
Hello ...
Kukuh Syafaat
FOSS enthusiast
Developer @ BlankOn
Supporter @ GNOME-ID
Supporter @ openSUSE-ID
… and so on ...
Design
Draw
Mockup
Prototype
Wireframe
Sketch
4
5
6
7
8
GNOME mockups
https://github.com/gnome-design-
team/gnome-
mockups/blob/master/calculator/src/calculator-
new-stuff.svg
Pencil
10
Pencil
http://pencil.evolus.vn/
https://github.com/evolus/pencil
https://software.opensuse.org/package/pencil
Stable : ...
11
12
13
14
Pencil v3
Pencil V3 uses Electron instead of Mozilla
XULRunner as the runtime.
A new, zip-based file format (.epz).
New...
15
Setting up (using NodeJS)
$ git clone https://github.com/evolus/pencil.git
$ npm install
$ npm start
16
https://github.com/evolus/pencil/releases
Demo
Questions?
Thank you.
Join the conversation,
contribute & have a lot of fun!
www.opensuse.org
20
Have a lot of fun and join us at:
www.opensuse.org
General Disclaimer
This document is not to be construed as a promise by any participating organisation
to develop, deliver...
Upcoming SlideShare
Loading in …5
×

GUI Prototyping / Wireframing with Pencil

995 views

Published on

GUI Prototyping / Wireframing with Pencil

Published in: Internet
  • Check the source ⇒ www.HelpWriting.net ⇐ This site is really helped me out gave me relief from headaches. Good luck!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

GUI Prototyping / Wireframing with Pencil

  1. 1. GUI Prototyping / Wireframing with Pencil Kukuh Syafaat kukuh@syafaat.id
  2. 2. 2 Hello ... Kukuh Syafaat FOSS enthusiast Developer @ BlankOn Supporter @ GNOME-ID Supporter @ openSUSE-ID … and so on ...
  3. 3. Design Draw Mockup Prototype Wireframe Sketch
  4. 4. 4
  5. 5. 5
  6. 6. 6
  7. 7. 7
  8. 8. 8 GNOME mockups https://github.com/gnome-design- team/gnome- mockups/blob/master/calculator/src/calculator- new-stuff.svg
  9. 9. Pencil
  10. 10. 10 Pencil http://pencil.evolus.vn/ https://github.com/evolus/pencil https://software.opensuse.org/package/pencil Stable : 2.0.5 Unstable : 2.0.18 Next release : 3.0.0 (RC1)
  11. 11. 11
  12. 12. 12
  13. 13. 13
  14. 14. 14 Pencil v3 Pencil V3 uses Electron instead of Mozilla XULRunner as the runtime. A new, zip-based file format (.epz). New UI approach. … and so on
  15. 15. 15 Setting up (using NodeJS) $ git clone https://github.com/evolus/pencil.git $ npm install $ npm start
  16. 16. 16 https://github.com/evolus/pencil/releases
  17. 17. Demo
  18. 18. Questions?
  19. 19. Thank you. Join the conversation, contribute & have a lot of fun! www.opensuse.org
  20. 20. 20 Have a lot of fun and join us at: www.opensuse.org
  21. 21. General Disclaimer This document is not to be construed as a promise by any participating organisation to develop, deliver, or market a product. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. openSUSE makes no representations or warranties with respect to the contents of this document, and specifically disclaims any express or implied warranties of merchantability or fitness for any particular purpose. The development, release, and timing of features or functionality described for openSUSE products remains at the sole discretion of openSUSE. Further, openSUSE reserves the right to revise this document and to make changes to its content, at any time, without obligation to notify any person or entity of such revisions or changes. All openSUSE marks referenced in this presentation are trademarks or registered trademarks of SUSE LLC, in the United States and other countries. All third-party trademarks are the property of their respective owners. License This slide deck is licensed under the Creative Commons Attribution-ShareAlike 4.0 International license. It can be shared and adapted for any purpose (even commercially) as long as Attribution is given and any derivative work is distributed under the same license. Details can be found at https://creativecommons.org/licenses/by-sa/4.0/ Credits Template Richard Brown rbrown@opensuse.org Design & Inspiration openSUSE Design Team http://opensuse.github.io/branding- guidelines/

×