组件

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

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

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

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

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

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

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

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

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

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

如何建立设计体系规范

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

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

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

如何通过创建设计语言来简化 UX 设计过程

【译】本文经验基于创建响应式网页1、创建适合电脑、平板、手机三种宽度的模板库,节省画线框图的时间,利于和其他成员交流2、给模板库添加注释和说明,创建设计语言,并及时更新模板库和设计语言正文大约一年前,我在一家数字产品工作室工作的时候,我被要求简化我们的UX设计过程。 十二个月后,我写这篇文章分享,关于精益思想如何有效的提供UX设计效率。1、挑战当我开始在这个公司上班的时候,

化整为零:组件化设计升级思考

「习以为常」的未必是最好的,多一点自己对于人性化、创新细节的思考最近在推动手头负责的一个 C 端移动产品的组件化体验升级,这个产品因为复杂业务场景和一些历史遗留问题,许多最基本的组件线上样式与交互体验都可以用「惨不忍睹」来形容,而对业务组件做系统整理和重新设计优化,也是项目组普遍认可的事情。虽然才起步不久,但也在过程中积累了一些对于组件化设计升级的思考和心得,在此总结一下,

Mockplus 教程:分分钟搞定 APP 首页原型设计

Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广受欢迎更因为它极低的上手门槛。今天小编就为大家展示如何用Mockplus在3分钟内完成APP首页的原型设计,新手也能马上掌握哦!是时候展现真正的技术了! 创建项目打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是