|
Post by account_disabled on Dec 31, 2023 1:44:20 GMT -6
可以帮助您的团队实现原子设计系统。(在 Vimeo 上观看视频) 项目开始时的模式实验室 您的团队的任务是制作新的应用程序和底层设计系统。曾几何时,您团队的用户体验设计师可能会躲在一个房间里,通过带有大量注释的整体线框图来定义产品。一旦获得批准,它们就会被传递给视觉设计师,然后由视觉设计师应用颜色、排版和纹理来使线框栩栩如生。最终获得批准后homepage_v9_final_forReview_jimEdits_05-12__FINAL.psd,设计被发送给前端开发人员,前端开发人员很快就哭了,因为设计中包含大量不切实际的布局、不可能的用户内容(每个用户名只有 4 个字符,太方便了!),以及一堆杂七杂八的内容。字体和不一致的设计模式。 那种破烂不堪的设计流程已经不复存在了。协作、迭代和快速开发对于应对不断变化的多样化网络环境至关重要。我们需要。 尽快进入浏览器并在响应能力、性能、人体工程学和运动等现实变量下测试设计。这就是为什么将前端开发作为设计过程的核心部分至关重要,以及为什么让设计师和前端开发人员紧密合作如此重要。归根结底,我们都在同一个用户界面上工作。 在项目的第一天设置一个模式实验室实例可以创建一个共享研讨会 - 或实验室,如果您愿意的话 - 配备设计和开发工具、饮水机、白板和显微镜。它为每个学科提供了一个场所,让他们可以为生机勃勃的设计系统贡 Whatsapp 号码列表 献自己的观点。从真正意义上来说,Pattern Lab 可以作为设计系统项目的中心,最大限度地减少创建过于冗长的线框、红线静态组合和其他笨重的静态工件的需要。 听起来不错,对吧?让我们来看看如何在项目的第一天启动模式实验室。 Pattern Lab 2 有PHP 和 Node 两种风格。团队,选择你的冒险!有些项目会产生明确的技术堆栈选择。其他的则归结为团队技。 能或环境优先。无论使用哪个平台,Pattern Lab 2 都可以帮助您和您的团队协作构建新的应用程序和设计系统。无论您选择何种平台,请注意,无论哪种版本,Pattern Lab 都会产生几乎相同的结果,就像不同品牌和型号的汽车都将您带到同一个目的地一样。 安装模式实验室 主体:120+ 原生 React UI 组件与 Next.js 完全兼容 尝试 KENDOREACT 一旦安装了适当的先决条件,您就可以安装 Pattern Lab。让我们看一下如何安装,但请记住,PHP 指令也可用并且类似。 从终端窗口导航到您想要安装 Pattern Lab 的目录。然后键入以下命令:一旦完成,gulp patternlab:serve 运行npm install将下载最新的依赖项,并将生成并自托管模式实验室,在默认浏览器中打开前端。如果您不希望直接克隆 git 存储库,您也可以下载最新版本,然后执行步骤 2 和 3。 随着模式实验室的启动和运行,您的团队现在拥有了一个设计、开发和审查即将建立的设计系统的中心。 模式实验室的文件系统 Pattern Lab 将项目/source文件夹中找到的所有内容编译为该/public文件夹中的静态 HTML 文件。然后可以单独或在样式指。
|
|