tutsplus - Mobile Design
tutsplus - Mobile Design
English | MP4 | 1280x720 | AVC 5367 Kbps 30.000 fps | AAC 128 Kbps 48.0 khz | 2 channels | 1.31 GB
Genre: Video Training
English | MP4 | 1280x720 | AVC 5367 Kbps 30.000 fps | AAC 128 Kbps 48.0 khz | 2 channels | 1.31 GB
Genre: Video Training
Ever wanted to learn how to design for the vast mobile device market? In the course, Ryan Quintal will teach us the basics of Mobile Design and take rough concept sketches through to polished designs for mobile websites or apps. Along the way, you’ll learn about planning usability, human interface guidelines, wireframing, and more. This course requires a basic understanding of HTML & CSS. Let’s start learning!
Note: This course will focus on the planning and design practices of creating a mobile product. For development practices, see our web development courses.
Welcome 3m 43s
Course Overview and Objectives 1m 26s
The Mobile Revolution? Why mobile? 2m 17s
Mobile Usability 23m 48s
Capabilities and Constraints 2m 28s
Understanding Ergonomics 2m 1s
Human Interface Guidelines (HIG) 2m 36s
Planning your mobile app or website 1m 59s
Wire-framing your mobile app/website 14m 44s
Designing a mobile website 54m 15s
Why a mobile website and not an app? 2m 28s
Responsive Web Design for Mobile 4m 37s
Designing your mobile pages 25m 32s
Introduction to Webkit 7m 25s
Media Queries in CSS 14m 13s
Designing a mobile app 33m 45s
Why a mobile app and not a website? 2m 5s
Designing your mobile app 12m 40s
Creating immersive experiences 2m 24s
Your App Icon and Brand: Part One 11m 2s
Your App Icon and Brand: Part Two 5m 34s
Wrapping up 2m 22s
Working with Tablets 1m 11s
Outro / Thank you 1m 11s
Quiz
Course Overview and Objectives 1m 26s
The Mobile Revolution? Why mobile? 2m 17s
Mobile Usability 23m 48s
Capabilities and Constraints 2m 28s
Understanding Ergonomics 2m 1s
Human Interface Guidelines (HIG) 2m 36s
Planning your mobile app or website 1m 59s
Wire-framing your mobile app/website 14m 44s
Designing a mobile website 54m 15s
Why a mobile website and not an app? 2m 28s
Responsive Web Design for Mobile 4m 37s
Designing your mobile pages 25m 32s
Introduction to Webkit 7m 25s
Media Queries in CSS 14m 13s
Designing a mobile app 33m 45s
Why a mobile app and not a website? 2m 5s
Designing your mobile app 12m 40s
Creating immersive experiences 2m 24s
Your App Icon and Brand: Part One 11m 2s
Your App Icon and Brand: Part Two 5m 34s
Wrapping up 2m 22s
Working with Tablets 1m 11s
Outro / Thank you 1m 11s
Quiz
General
Complete name : Mobile Design\01-welcome.mp4
Format : MPEG-4
Format profile : QuickTime
Codec ID : qt
File size : 57.0 MiB
Duration : 1mn 26s
Overall bit rate mode : Variable
Overall bit rate : 5 531 Kbps
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Writing library : Apple QuickTime
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3.1
Format settings, CABAC : No
Format settings, ReFrames : 2 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1mn 26s
Bit rate mode : Variable
Bit rate : 5 367 Kbps
Maximum bit rate : 12.7 Mbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.194
Stream size : 55.3 MiB (97%)
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Color primaries : BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Transfer characteristics : BT.709-5, BT.1361
Matrix coefficients : BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 1mn 26s
Source duration : 1mn 26s
Bit rate mode : Constant
Bit rate : 128 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 1.30 MiB (2%)
Source stream size : 1.30 MiB (2%)
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Menu
ID : 3
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Complete name : Mobile Design\01-welcome.mp4
Format : MPEG-4
Format profile : QuickTime
Codec ID : qt
File size : 57.0 MiB
Duration : 1mn 26s
Overall bit rate mode : Variable
Overall bit rate : 5 531 Kbps
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Writing library : Apple QuickTime
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3.1
Format settings, CABAC : No
Format settings, ReFrames : 2 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1mn 26s
Bit rate mode : Variable
Bit rate : 5 367 Kbps
Maximum bit rate : 12.7 Mbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.194
Stream size : 55.3 MiB (97%)
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Color primaries : BT.709-5, BT.1361, IEC 61966-2-4, SMPTE RP177
Transfer characteristics : BT.709-5, BT.1361
Matrix coefficients : BT.709-5, BT.1361, IEC 61966-2-4 709, SMPTE RP177
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 1mn 26s
Source duration : 1mn 26s
Bit rate mode : Constant
Bit rate : 128 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 1.30 MiB (2%)
Source stream size : 1.30 MiB (2%)
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Menu
ID : 3
Encoded date : UTC 2012-08-08 04:04:56
Tagged date : UTC 2012-08-08 04:07:20
Screenshots
tutsplus - Mobile Design
tutsplus - Mobile Design
tutsplus - Mobile Design
