<p>Published on <a href="https://blog.prototypr.io/a-look-back-at-2017-best-web-ui-kits-design-video-tutorials-and-ui-ux-designers-1184965cfc09?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> linda <img alt="" src="https://cdn-images-1.medium.com/max/968/1*_EPXh8OzpVcLdq2RZGIz5Q.png"></p>
<p>The UI/UX design trend is always changing with the innovation of science and technology. Besides, the Internet is full of abundant design resources range from the first class to the basic knowledge. Looking back of this year, 2017 is an important stage in the development of the design industry. Many of useful and inspirational design resources are available on the Internet. Here I selected a bunch of the <strong>best web UI kit, design video tutorials, influential UI/UX designers</strong> who deserve to follow by the newcomers.</p>
<h3>I. The Best Free Web Design UI Kit</h3>
<p>The well-designed web UI kit helps designers quickly create the visual image and style of their website. Below I will sort out some of my favorite web UI kits in 2017.</p>
<h3>1. <a href="https://dribbble.com/shots/3870576-Error-Illustrations-Empty-States-Vol-02">Error Illustrations</a></h3>
<p>Price: Free</p>
<p>Source: Dribbble</p>
<p>Tools: Sketch App, Photoshop</p>
<p>Features: Flat design</p>
<p>Error Illustrations is a set of simple, modern, and detailed UI Kit created by Sketch and PS in flat design style. It supports custom UI interaction. You can use the <a href="http://www.mockplus.com/?r=linda">Mockplus</a>, a prototype tool that supports Sketch import, to import Sketch files and add dynamic interaction to the existed UI elements. That will help to make the web pages more vivid and interesting. All illustrations are created by vector shapes and are 100% customizable. You can easy to change the color and size to suit your needs.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/0*YDjpLfXXx1OItOXG.jpg"></p>
<h3>2. <a href="https://dribbble.com/shots/2891040-Landing-Shot">Landing Page Free UI Kit</a></h3>
<p>Price: Free</p>
<p>Source: Dribbble</p>
<p>Tools: Photoshop PSD &amp; Sketch App</p>
<p>Features: Abundant UI components</p>
<p>Are you been annoyed at <a href="https://www.mockplus.com/blog/post/product-landing-page-design/?r=linda">how to make better product landing page</a>, and looking for ways to keep users staying on your landing page? This free landing page UI kit with 80+ colorful components can be very hands on. The extensive UI components will help to create your web page more quickly. This is for Sketch and Photoshop.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/750/0*BP8MDKrI5H_6WwR7.jpg"></p>
<h3>3. <a href="https://dribbble.com/shots/3235687-Dashboard-UI-Kit-Update-Released">Dashboard UI Kit Update</a></h3>
<p>Price: $ 35</p>
<p>Source: Dribbble</p>
<p>Tools: PS, Sketch App, Marvelapp</p>
<p>Features: Complete UI Kit design process</p>
<p>The UI Kit was created by Sketch and Marvelapp. It contains a total of 34 new files and 15 screen black-and-white UI elements including tables, graphics, buttons, text styles, and more. Designers are very attentive to demonstrate every step of this UI kit design process, including the overall introduction, <a href="http://www.mockplus.com/?r=linda">prototype design</a>, screen display to all the design elements display. Although it’s not a free UI kit, it’s really useful for those who really want to learn how to design UI kit.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/968/0*mNlfpKVN1UPP3MoA.png"></p>
<h3>4. <a href="https://dribbble.com/shots/3617557-Web-Gradients-Logotype-Freebie">Web Gradients Logotype</a></h3>
<p>Price: Free</p>
<p>Source: Dribble</p>
<p>Tools: Photoshop PSD &amp; Sketch App</p>
<p>Features: Design material</p>
<p>WebGradients collected 700,000 + gradient material, which can be called as the most practical gradient picking tool. Each project was prepared with CSS code, a Sketch / PSD package, and a high-resolution PNG image.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/0*4JA1V57GT_q7670q.jpg"></p>
<h3>5. <a href="https://dribbble.com/shots/2834593-Google-Inbox-UI-free-sketch-template">Google Inbox UI Kit</a></h3>
<p>Price: Free</p>
<p>Source: Dribble</p>
<p>Tools: Sketch App</p>
<p>Google Inbox UI Kit. For those designers who want to learn the basic material through Sketch, it’s recommended to learn this “template.” The designer’s purpose is to convey more information, not for profit. All the credits go to Google and their designers.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/750/0*sU6bOtLTFSL6jYsi.jpg"></p>
<h3>II. The Best Design Video Tutorial Resources</h3>
<p>It’s normal to feel dazzled when you reading a long piece of UI/UX design article. While the essential information and steps will not be able to be remembered and comprehended. So, I guess that is why the online design video tutorial resources can quickly get popular. The way of video teaching is not only more vivid and interesting but also helps learners better retain and remember information. Here are 5 of the best design video tutorial for UI/UX design learning.</p>
<h3>1. <a href="https://www.youtube.com/channel/UCG1aEPR4NO2Sd_mmJFimfQQ/featured">Angga Risky</a></h3>
<p>Subscribers: 16K+</p>
<p>Angga Risky is a UI/UX designer and developer from Indonesia. Currently, his channel has a 16K+ subscription. The channel content includes web design, UI design, design tools tutorials and other design-related tutorials. If you need the source code, tutorials, design resources, you can also contact him directly by mail. He is a nice designer and teacher.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*YjRpifSfOr6nH7Tw.png"></p>
<h3>2. <a href="https://www.youtube.com/user/uxmastery">UX Mastery</a></h3>
<p>Subscribers: 31k</p>
<p>UX Mastery has over 1 million channel views. This channel is featured by its animated storytelling format that gives viewers easy access to design tips and understanding of design ideas. It is a good place for learners to seek knowledge of user experience.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/890/0*QM4Gy1Xx2MA8KoTQ.png"></p>
<h3>3. <a href="https://www.youtube.com/channel/UCnpdR3kXJgs2y8o_PNddZxQ/featured">Laith Wallace</a></h3>
<p>Subscribers: 8.5k</p>
<p>Laith Wallace is a user experience designer and brand strategist who uploads videos weekly, focusing on recommendations, tools, tips, and encouragement for students who interested in UI/UX design, small businesses, and people who want to work in the UX design industry. All the video tutorials are very helpful for them to better understand users and design.</p>
<p><em>“I believe you can ‘improve your life with creative ideas’.”</em></p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/855/0*qEcA4zL6O_rYthqu.png"></p>
<h3>4. <a href="https://www.youtube.com/user/mlwebco/videos">Mike Locke</a></h3>
<p>Subscribers: 68K</p>
<p>Mike Locke is a mature UI/UX designer and YouTuber. His definition of advanced UI/ UX designers should be good at UI design, user experience, usability, interaction design, information architecture, research and analysis, XHTML / CSS and strategy and planning. He is also happy to share his passion for user experience, his channel advice, motivation, and inspiration. There are currently over 200 videos and nearly 6 million views.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/855/0*XXqw95uZtsZKLOWR.png"></p>
<h3>5. <a href="https://www.youtube.com/channel/UCxM6G42vmI752f60od3Gypw/featured">Sarah Doody</a></h3>
<p>Subscribers: 6K</p>
<p>Sarah Doody is a UX designer and entrepreneur who publishes a weekly user experience newsletter called The UX Notebook and offers an online user experience course. Her goal is to help people learn how to think like a designer.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/793/0*CIU5KlY_7Yks99Sm.png"></p>
<h3>III. Top UI/UX Designers in 2017 Worth to Follow</h3>
<p>Following the design industry influencers is also one of the smart ways to quickly master the latest design trends information and cutting-edge design information. The following are the best UI/UX designers and influencers who are suggested to follow.</p>
<h3>1. Scott Jenson <a href="https://twitter.com/scottjenson?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">@scottjenson</a></h3>
<p>Scott Jenson, one of the prominent UX influencers, has held several user experience related positions at Google such as Product Strategy and Mobile UX Manager. He also founded several companies and worked as a UI designer at Apple.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*XtVznvUr-yqQ6lWN.jpg"></p>
<h3>2. Johanna Kollman <a href="https://tower.im/projects/4d5e9e452f424e3aa5f06b52f45382a1/docs/e96d735b130f48eca118821ad8f0d28e/@johannakoll">@johannakoll</a></h3>
<p>Johanna has over 10 years of user experience in product management, user research, user experience design and service design. She has helped many companies improve their user experience.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*n72AFrVM9KdESM08.jpg"></p>
<h3>3. Julie Zhuo <a href="https://twitter.com/joulee?lang=en">@joulee</a></h3>
<p>Julie has been working for Facebook over ten years as a product design. She was responsible for Facebook’s News Feed, content, navigation, and mobile core experience design, and now she is the Design VP. If you want to read fresh user experience content, you can search Julie’s post on the web. She writes about the user experience every two weeks.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/960/0*wYJ2phbWxNofRK4B.jpg"></p>
<h3>4. Jared Spool <a href="https://twitter.com/jmspool?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">@jmspool</a></h3>
<p>Jared Spool has more than 30 years of experience in continually striving to improve the user experience. Recently, in addition to Dr. Leslie Jensen-Inman, he also founded a school in Chattanooga, Tennessee, for preparing UX designers in the industry.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*-mv1bhD6LCgkT7vW.jpg"></p>
<h3>5. Don Norman <a href="https://twitter.com/jnd1er?lang=en">@jnd1er</a></h3>
<p>One of the most popular UX designers, Don Norman works for famous companies such as IDEO, the Nelson Norman Group and the University of California, San Francisco. He is also a well-known American writer, famous for his book Design &amp; Daily Life in the field of industrial design and interactive design, and was named as one of the most influential designers of the century by BusinessWeek Magazine.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/638/0*G7OffzMo5KcHR4L9.jpeg"></p>
<h3>Conclusion</h3>
<p>Although 2017 is is coming to an end, excellent design resources will not be outdated. Mockplus believes that the resources of the best web UI Kit, design video tutorials, and noteworthy UI/UX design influencers in 2017 will continue to bring the inspiration, useful information, and the forefront of design trends to everyone in the upcoming 2018.</p>
<p><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=1184965cfc09" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/a-look-back-at-2017-best-web-ui-kits-design-video-tutorials-and-ui-ux-designers-1184965cfc09">A Look Back At 2017 (I): Best Web UI Kits, Design Video Tutorials, and UI/UX Designers</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


A Look Back At 2017 (I): Best Web UI Kits, Design Video Tutorials, and UI/UX Designers

Top Stories