UI Design Process: From Sketch to GUI

This is to show the process of how I design graphical user interfaces. I start by making a rough sketch by hand on a paper to figure out the placement of elements and the UX. I then scan it on computer and use it as a template in Photoshop to make the final graphical version of the UI. Music: State Shirt - Computer Artist: http://freemusicarchive.org/music/State_Shirt/ Song is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.

TARGET AD 2
2016/05/18 Jussi Saarela   Share on Facebook

RELATED VIDEOS

Become a UI Designer | Everything You need to know
Play Video

Become a UI Designer | Everything You need to know

2016/08/24
UI Design Part 01
Play Video

UI Design Part 01

2014/01/21
The first secret of great design | Tony Fadell
Play Video

The first secret of great design | Tony Fadell

2015/06/03
UX Designer - drawing the problem
Play Video

UX Designer - drawing the problem

2015/02/18
Our Web Design Process | Oneupweb Digital Marketing & Web Development
Play Video

Our Web Design Process | Oneupweb Digital Marketing & Web Development

2014/06/02
How Google fixed its design process and started making beautiful apps
Play Video

How Google fixed its design process and started making beautiful apps

2013/01/24
Sketch 3 - Login UI Design Timelapse (Sky App)
Play Video

Sketch 3 - Login UI Design Timelapse (Sky App)

2016/02/05
My (First) Design Portfolio
Play Video

My (First) Design Portfolio

2015/07/09
What is UI Design (in Hindi)
Play Video

What is UI Design (in Hindi)

2017/08/18
How to Start a Design – Overcome Creative Block (UI Design)
Play Video

How to Start a Design – Overcome Creative Block (UI Design)

2017/10/10
UX Talk Tokyo  - Understanding user interface design
Play Video

UX Talk Tokyo - Understanding user interface design

2015/07/16
ui design tutorial for beginners| Button Design #2
Play Video

ui design tutorial for beginners| Button Design #2

2016/10/02
What is a UI/UX Designer?
Play Video

What is a UI/UX Designer?

2014/08/25
Meet Radhika - Lead Designer, UI/UX, WebEngage on Super
Play Video

Meet Radhika - Lead Designer, UI/UX, WebEngage on Super

2015/06/11
The What, Why & How of Wireframing
Play Video

The What, Why & How of Wireframing

2015/01/03
UI Sketching Conventions
Play Video

UI Sketching Conventions

2014/05/27
Speed Art - A Social Media App UI Design - Im Back
Play Video

Speed Art - A Social Media App UI Design - Im Back

2015/05/03
How to improve your UI/UX skills!
Play Video

How to improve your UI/UX skills!

2016/04/06
How to design user interface | user experience design Tutorial | UI design| UX design
Play Video

How to design user interface | user experience design Tutorial | UI design| UX design

2017/01/03
How to become a UI Designer
Play Video

How to become a UI Designer

2016/08/14
Is UI/UX Design (Product Design) a Good Career Choice?
Play Video

Is UI/UX Design (Product Design) a Good Career Choice?

2017/09/06
UI / UX DESIGN PROCESS
Play Video

UI / UX DESIGN PROCESS

2014/05/07
UI/UX animation web  design - shop // Hype 3 Pro Tumult
Play Video

UI/UX animation web design - shop // Hype 3 Pro Tumult

2016/01/31
UI & Web-design for beginners
Play Video

UI & Web-design for beginners

2016/09/02
Powered by YouTube

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.