组件

Aure 组件:APP 设计常用组件文件(附源文件下载)

本套原型是一个我在组件计划中的阶段性成果,分享出来希望能对大家有一定的帮助。初衷&目的做得聪明人,花得笨功夫;本套原型是一个我的一业余项目《组件计划》的阶段性的成果,分享出来希望能对大家有一定的帮助。说明: 组件库只是整个项目的副产品,后期更多的产出物会放到 单一模块的流程设计,详细规则,细节设计等方面。设计中遵从的思路在设计这份组件时,由于组件的层次很多,故而将大量的类似

如何建立设计体系规范

毫无疑问,我被问到最多的就是关于设计规范体系的建立。所以在过去几年里,最多思考的就是如何设计、建立完整的设计体系,像 Marvel, Bantam 和 Modulz 这样的产品,下面我想分享一些我学到的方法。 —— 由AleCC分享毫无疑问,我被问到最多的就是关于设计规范体系的建立。所以在过去几年里,最多思考的就是如何设计、建立完整的设计体系,像Marvel, Bantam

一种灵活可靠的工作方式:组件化设计与开发

终于迎来一期特刊。最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式。准备完演讲资料,发现这完全可以改成一篇文章。藏着掖着不合适,发出来分享给有需求的朋友吧,就当是个试讲了,希望大家帮忙指出错误。由于本文首先是以keynote的形式诞生的,其中还有动画和视频,所以我比较推荐大家直接下载keynote文件(也存了PPT版本)。内容和本文是一样的,但有些逻辑关系还

在设计中,如何选择设计元素打造最合适的组件?

去看看身边普通或者不普通的物品,你会发现在它们身上有很多好的玩意等待着被发现,而这些东西也会为你的工作和生活带来很大的帮助。在看组件和元素之前,我们先了解在他们之上的一个概念-模块模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模块,而每个模块内有相应的组件,每个组件中又有相应的元素,其中任何一点的变化,都会使用户对产品的认知发生改变。模块并不是一个新的概念,早在2

在设计中,如何打造最合适的组件?

设计的方法有很多种,或许未来会有更好的方法出现,但希望我们在通过各种渠道(网络、书本、项目等等)积累经验和知识的同时,也能抽点空闲去看看身边普通或者不普通的物品。届时,你会发现在它们身上有很多好的玩意等待着被发现,而这些东西也会为你的工作和生活带来很大的帮助。 在看组件和元素之前,我们先了解在他们之上的一个概念:模块模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模

如何构建高复用性的交互组件库?

有一天,当你几乎完成了一个项目全套的交互设计稿后。PM:「那个……把底栏第二和第三个Tab对调一下位置吧。」你吓得坐到了地上:「为什么!不是一个月前评审时就定好的吗?」PM叹了口气,用八百字痛陈了客户的压力和他的歉意。你哭:「有200多个页面要改,明天评审还来得及吗?」PM没有说话,只是同情地拍了拍你的肩膀……而如果你的导航栏是通过组件统一搭建的,完成这一改动只需要1秒。

在设计可插低耦合高内聚的单一系统时,和设计一个整套系统,考虑点和设计理念有什么不同?

背景:目前正在参与设计一款云平台。在产品设计过程中,如何考虑单一系统之间的数据交互?在设计时要注意什么地方让单一系统受到其他的系统的影响小?电商产品中商品分类之间的关系是怎样的?分类之间是相互独立的吗?答复作者:钢小朵(京东商城 产品经理) 设计整套系统与设计插件式独立组件,在产品设计的理念上既有相同之处,又有不同的设计重点:(1)相同之处:无论是整体系统产设计,还是组件

React-Redu源码剖析

React-Redux是用在连接React和Redux上的。如果你想同时用这两个框架,那么React-Redux基本就是必须的了。为了能够更好的使用这个工具,今天就对它进行一下源码剖析。Provider一个React组件,一般你的rootApp要放倒这个组件内部渲染。它很简单,最关键的作用就是在context中放入Redux的store,方便子组件获取。关键代码:getCh

React中函数式声明组件

本文从属于React入门与最佳实践中的React组件基础前文介绍的组件的定义方式主要是声明式组件,其与传统的jQuery中以DOM操作为核心的命令式组件生成相比具有更大的灵活性与可组合性。而实际上随着应用复杂度与所需要的组件数目的持续增加,我们所需要的组件也会被划分为很多的类型。从组件组合的角度或者所谓动态组件的角度来看,常见的即是HOC模式,即将某个组件作为另一个组件的P

Reactjs快速上手

React简述React是由fackbook开放的一个构建用户接口的javascript类库,其主要目的是为了开发随时间数据不断变化的大型应用程序,许多开发者将React视作为MVC模式中的V.2011年React开始被fackbook工程师着手开发,并作为内部使用,2013年正式开源,学习react需要掌握一定的JavaScript基础。React的优势交互式开发 :当有