摘要：本文旨在运用用户界面设计、交互设计、色彩学和排版设计的有关原理，使用MockingBot、After Effects、Dreamweaver等设计软件，制作了一个分享创意教程的网站，以及配套的App应用，通过多平台的交互形式，为用户实现更流畅、更方便、更舒适的使用体验。在这个信息庞杂的时代，各类电子设备的功能愈发强大、全面，并逐渐融入于人们的生活。随之，用户对于信息接收平台的需求也发生了变化，从原来的视觉体验变得更注重操作体验。本次课题创意教程网站和App的模式，以共享为主，通过用户与用户之间、平台与用户之间的信息交流，形成一个内容丰富、形式自由的共享平台。平台分为三个部分，分别是教程、作品、设计师，并以各种设计软件分门别类，用户可以在平台上直接或是按类别搜索教程等相关资讯，同时，首页也会有每日优秀资源的推送板块，通过简单快捷的搜索方式和新鲜及时的推荐内容，可以大幅度提高用户学习效率。作品整体风格清新简约，界面构成元素简单明了，能让用户在第一时间定位到所需内容，满足了用户的使用目的。设计方面来说，从前期的调研、规划，到中期的制作，再到后期的完善，整个过程都要以用户为中心看待问题，经过全面的思考和设计，才能实现最终目标。因此，为提高用户的产品体验，本项目的最后实施方案是在对创意教程本身的意义和用户的需求，以及网站、App界面、交互设计的原则、方法和过程的详尽分析的基础上提出来的。力求为用户打造一个具有良好交互性和丰富视觉体验的界面设计。81280

毕业论文关键词： 创意教程；界面设计；用户体验；交互设计

Creative Tutorials Mobile and Web Interface Design

Abstract: This paper aims to use the interface, interactive design and related design software to create a website to share creative tutorials, as well as supporting App application, through the multi-platform interactive form for the user to achieve a smoother, more convenient and more comfortable experience The In this era of complex information, all kinds of electronic devices more powerful, comprehensive, and gradually integrated into people's lives。 As a result, the demand for the information receiving platform has also changed, from the original visual experience has become more attention to operational experience。 This topic creative tutorial website and App mode to share the main, through the user and the user, between the platform and the user information exchange, the formation of a rich content, the form of free sharing platform。 The platform is pided into three parts, namely, tutorials, works, designers, and a variety of design software categories, users can directly on the platform or by category search tutorials and other related information, at the same time, the home page will have excellent daily resources Of the push plate, through a simple and quick way to search and fresh and timely recommendations, can greatly improve the efficiency of user learning。 The overall style of the work fresh and simple, simple and clear elements of the interface, allowing users to locate the first time to the required content to meet the user's purpose。 Design, from the early research, planning, to the mid-production, and then to the late perfect, the whole process should be user-centric view of the problem, after a comprehensive thinking and design, in order to achieve the ultimate goal。 Therefore, in order to improve the user's product experience, this paper will analyze the meaning of the creative tutorial itself and the user's needs, as well as the principles, methods and processes of the website, App interface and interactive design。

Keywords: creative tutorials; UI design; user’s experience; interaction design