How to Design UI for the iPhone X - Adobe XD CC 2018 Tutorial HD

Checkout my Design Course on Udemy: https://www.udemy.com/design-animate-icons-in-illustrator-after-effects/learn/v4/?couponCode=DESIGNP10 Support me on Patreon at just $5 a month if you find my content helpful and interesting: https://www.patreon.com/chethankvs Hey Guys, In this Tutorial, I will be showing you how to design a User Interface for the iPhone X in Adobe XD using the Human Interface Guidelines provided by Apple. We will be creating a simple screen for a music app for the purpose of this tutorial. We will also be looking at a few Online Resources that you can follow which explain the Human Interface Guidelines and the guidelines to design the User Interface for the iPhone X. Links to all resources are linked down below. Inspiration: https://dribbble.com/shots/3972097-Trix-UI-Kit-freebie iPhone X UI Kit by Apple: (Mac) https://developer.apple.com/design/resources/ iPhone X UI Kit by Apple (Windows) https://drive.google.com/open?id=1-Xdxz5hhIrSTc8iAfmtAb_MhqJX_JckR Human Interface Guidelines by Apple for the iPhone X: https://developer.apple.com/design/human-interface-guidelines/ Designing for iPhone X by Meng To from Design+Code: https://designcode.io/ios11-iphone-x The iOS Design Guidelines by Ivo Mynttinen: https://ivomynttinen.com/blog/ios-design-guidelines UI Design for iPhone X by Max Rudberg Part 1: http://blog.maxrudberg.com/post/166045445103/ui-design-for-iphone-x-top-elements-and-the-notch UI Design for iPhone X by Max Rudberg Part 2: http://blog.maxrudberg.com/post/165590234593/ui-design-for-iphone-x-bottom-elements San Francisco Font for Mac: https://developer.apple.com/fonts/ San Francisco Font for Windows: https://github.com/blaisck/sfwin ---------------------------------------­---- Photoshop Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi Illustrator Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1 After Effects Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk Adobe XD Master Course https://www.youtube.com/playlist?list=PLERed4ILxkJ1lM9pC69jjaS0Mw4VuY9Au -------------------------------------------------------------------------------------------- Contact me : Twitter : https://twitter.com/kvschethan Facebook : https://facebook.com/designpilot Mail : designpilot21@gmail.com Portfolio : https://behance.net/chethankvs Instagram : https://instagram.com/design_pilot -------------------------------------------------------------------------------------------- LIKE, SHARE, COMMENT & SUBSCRIBE :) #tutorial #adobexd #ui