应用程序风格指南创建

你将会学到的

• 了解如何使用 Sketch 记录和创建风格指南
• 移动应用程序设计的关键要素之一是视觉风格指南，它为参与开发的所有团队（尤其是必须实现设计的程序员）提供文档和指南。在本课程中，您将学习如何创建分步风格指南，该指南不仅看起来美观，而且功能强大。
• Christian Vizcarra – 产品设计师和设计移动应用程序课程的老师 – 已经创建数字产品超过 9 年，获得CSS设计奖、Behance和Awwwards的认可，在本课程中，他将教您如何记录、沟通并导出所有组件以创建专业的风格指南。

课程内容

U1 你好！

• 推介会
• 影响
• 我们在课程中会做什么？

U2 介绍

• 什么是风格指南？
• 样式指南和UI Kit之间的差异
• 构建风格指南的良好实践

U3 风格指南中的元素

• 如何创建符号？
• 布局
• 空间
• 颜色
• 版式
• 图像学
• UI 组件第1部分
• UI 组件第2部分
• UI 组件第3部分
• UI 组件第4部分
• UI 组件第5部分

U4 应用风格指南

• 应用我的风格指南
• 导出用于编程的资源
• 如果有变化

FP 最终项目

• 应用程序风格指南创建

说明

• Christian Vizcarra 是一位高级产品设计师和数字策略师，由于他在营销、3D、视频和社交媒体方面的起步，拥有360° 产品愿景。9年来，他主要致力于为西班牙、加拿大、美国、中国或巴西等国家的公司和初创公司创建数字产品、设计网站、应用程序和各种界面。
• 他对创意和对产品设计的热情一样，总是探索新的方法来学习新的技能和技术，以成为一名设计师，因此他的个人项目被称为“设计项目”，这是一项为期 60 天不间断的设计挑战。他的作品获得了 Awwwards、Behance 和 CSS 设计奖的认可。

此课程面向哪些人

• 对UX/UI感兴趣的设计师以及任何喜欢平面设计并希望参与数字产品创作的人。
• 您将需要基本的网页设计和移动应用程序知识，以及对Sketch或其他交互式网页体验或应用程序的设计应用程序的基本处理。
• 关于材料，您需要一台装有Sketch（仅适用于 macOS）或其他图形编辑器（例如 Figma、InVision 或 Adob​​e XD）的计算机。