DevUI Design是一款企业中后台产品前端的通用解决方案,设计系统包含了DevUI规则、设计语言和最佳实践的资源组合。DevUI Design可以让开发人员更加专注于应用逻辑的思考,而设计人员专注于用户体验、交互和流程。
设计特点
DevUI倡导沉浸、灵活、致简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。
致简
DevUI坚持以用户为中心去进行设计,注重直观可达性,把服务示例化以帮助用户快速融入到使用中去。同时, DevUI提供大量的快捷键,并且图形化信息反馈和引导,简化使用的流程、降低使用的门槛。让用户能够所见即所得,做到快速上手,便捷实用。
沉浸
DevUI的沉浸式体验包括人的感官体验和认知体验,当用户的个人技能与面对的挑战互相匹配,并且长时间处在稳定 状态时,用户达到心流状态并且不易被外界因素所干扰。
在产品设计中,DevUI专注在降低用户在完成任务目标时的认知阻力中。为此,DevUI同时提供多种不同的切换页面的途径,包括面包屑、快捷键、按钮和链接等,方便用户随时快速、连续地切换页面,到达自己所需的页面,使用户处于流畅的体验中,减轻寻找信息的焦虑感。DevUI设计体验提倡将个人技能与项目难度进行分层,并在使用时分别进行匹配,极力规避个人技能与难度不匹配时产生的焦虑或者无聊感。同时,DevUI兼容多样化APP插件,用户可以个性化自己的工作环境,把工作环境调整到最符合个人使用习惯的模式。
灵活
DevUI自带各类完整的模板和典型场景,于此同时,DevUI提供超过30个独立原子级组件,可以自由组合,用小组件拼接出符合自身产品需要的分子级控件。用户可以根据自身的产品需求灵活选择,既可以直接使用现有的典型页面模板,也可以从小控件做起,利用现有资源拼接自己的页面。
推荐使用@angular/cli
创建你的项目
$ ng new New-Project
$ cd New-Project $ npm i ng-devui # 可选,字体图标库 # $ npm i @devui-design/icons
import { BrowserModule } from '@angular/platform-browser'; // DevUI部分组件依赖angular动画,需要引入animations模块 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NgModule } from '@angular/core'; import { DevUIModule } from 'ng-devui'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, BrowserAnimationsModule, DevUIModule ], bootstrap: [ AppComponent ], }) export class AppModule { }
angular.json
文件夹中引入样式:{ "styles": [ ... "node_modules/ng-devui/devui.min.css" ] }
$ ng serve --open
1、自我介绍 2、有没有从事过学校学生会工作经历; 3、证明自己项目管理能力; 4、如何学习一件新知识; 5、如何证明自己的抗压能力; 6、对岗位的理解情况; 7、反问环节;
专注于引导前端工程师去主导团队高效协作,去引领团队规范化、工程化构建复杂系统的实践过程。 本章节的核心内容包括多角色低耦合的协作流程、协作规范、 多角度分析选择适合具体项目的技术解决方案、工程化的版本管理、系统构建案例分析。
本文向大家介绍javaWEB中前后台乱码问题的解决方法总结,包括了javaWEB中前后台乱码问题的解决方法总结的使用技巧和注意事项,需要的朋友参考一下 JAVA中几种常见的编码格式及含义: ASCII 码 学过计算机的人都知道 ASCII 码,总共有 128 个,用一个字节的低 7 位表示,0~31 是控制字符如换行回车删除等;32~126 是打印字符,可以通过键盘输入并且能够显示出来。 ISO-
业务:解决方案产品经理—商业化方向 面经 1. 自我介绍 2. 印象最深的实习经历;介绍实习过程中的两个case,突出自己产品经理的能力中教育培训项目实施过程中的困难以及解决方式,整个项目的核心是什么? 3. 为什么可以让同事信任你0-1完成一个需求 4. 你怎么定义产品经理,在公司里有什么作用 5. 你认为自己是一个怎样的人,优劣势和产品经理工作的对应关系 6. 在没有mt的前提下,入职一家
前端 Front-end 和后端 Back-end 是描述进程开始和结束的通用词汇。前端作用于采集输入信息,后端进行处理。 这种说法给人一种很模糊的感觉,但是他说得又很对,它负责视觉展示。在 MVC 或者 MVP 结构中,负责视觉显示的部分只有 View 层,而今天大多数所谓的 View 层已经超越了 View 层。前端是一个很神奇的概念,但是而今的前端已经发生了很大的变化。你引入了 Backbo
好吧,我会试着问这个问题,不会让每个人都和我的困惑混淆 我正在尝试为WooCommerce制作一个前端表单,以便客户可以从前端制作产品。我有所有的其他部分,我想实施到目前为止工作,即标题,内容和价格都张贴在正确的职位类型。但无法将其发布到产品类别 WooCommerce类别是一个自定义分类法,名为product_cat product_cat孩子是条款,我有三个- 我希望此表单中的所有帖子都自动处
WooCommerce后台的产品检索与前台搜索略有不同。前台是在WordPress默认搜索的基础上修改,后台直接用了一套自己的逻辑,从wc_product_meta_lookup这个表里检索产品,调用函数WC_Product_Data_Store_CPT->search_products(),这个函数只有一个filter——woocommerce_product_pre_search_produc
自我介绍 可以针对上一段实习经历详细说说吗 你的平台是怎么搭建的,这段过程中对接了哪些业务部门? 你们这个公司是项目制的,还是整个公司做一个产品? 这个产品已经做出来了还是正在孵化? 有没有同时接到了很多任务的经历,自己是怎么面对这种情况的 (首先按照重要性排序,并举了一个实际例子如何应对) 有没有和同事沟通中遇到困难的经历 (举了一个受到质疑的例子) 你觉得什么是数字化?(面试美女小姐姐肯定我的