-
如何搭建组件库提升原型设计能力?
本篇文章主要分享如何搭建自己的组件库,从而提升原型设计能力,一起来学习一下。 画原型,是产品经理日常重要的工作之一,我发现很多产品经理在画原型的时候,会出现以下下问题: 每次做新项目的时候,原型所有组件、页面、模块都是从0到1,用最基础的组件进行组合,很费时间不说,画出来的原型还很丑; 没有迭代的思维,这次画了以后,下次再画又是相同的思路再画一遍,没有积累经验,没有积累更多的方案; 长期沦为人肉原…- 2.1k
- 0
-
设计师需要知道的重要法则:认知负荷
我们都说好的设计不是引人注目的,而是自然而然帮助用户完成任务,甚至用户都没发现。本文作者就结合实际案例,对认知负荷法则做了解读,一起来看一下。 这种自然而然感觉背后往往是对人类行为、心理模式的研究,在基于研究转化到在设计上的结果。 接下来我们就从日常生活的案例,一起来辨析辨析设计师需要知道的重要法则。 认知负荷 认知负荷是指用户看到界面后需理解、思考、回忆、计算过程中脑力消耗。大家常常听到的“Do…- 2.1k
- 0
-
如何打造B端设计组件库?
说到B端产品的设计规范,大家并不陌生,尤其是设计师们,深刻的体会到有一套组件库是多么的重要!在本篇文章中,作者从细节出发对组件库进行了解析,总结了如何打造B端设计组件库,并且分享了他总结的一些方法和思考。 网上有很多专业的关于设计规范的文章,但没有区分C端产品和B端产品,B端产品通常有更长的产品周期且多平台合作,很容易导致产品设计不一致。 这些问题随着团队的扩大或者产品的功能增加而变得更加严重,这…- 4.2k
- 0
-
从1到0组件库防癌指南
年中的时候作为评委参加了公司设计通道晋升评审,完整的听了10位同学的工作汇报和个人总结,果然不出所料,每个同学汇报里都或多或少涉及到 “设计规范” 或 “组件库” 的这么一个模块。 本想着平静的听完打个酱油就完事了,但还是没忍住问了其中一个同学:“你们平时是怎么用组件库协作的?” 具体答案记不清了,我转译一下,大概的意思是他会约束几个元素,比如按钮 / 圆角 / 字体字号规范设计稿,其余的地方需要…- 4.1k
- 0
-
移动端通用组件库,搭建过程中的思考与经验
Hybrid开发模式在很大程度上有效降低了多端开发的成本、保障了跨端体验的统一性。而且由于触屏网页发布无需审核,Hybrid开发模式的应用满足了产品快速迭代上线的需要,因此深受欢迎。 另一方面,以Ant Design为代表的设计系统,近年来在业界引发了广泛的关注与应用。设计稿如同代码一般环环相套“局部影响整体,整体影响局部”,同时又与代码库对应统一。组件规则和样式由配置文件统一配置,在设计迭代时充…- 6k
- 0
-
一篇读懂:用原子设计思维构建组件库
对于设计师来说组件库并不陌生,但是构建时往往是一头雾水,存在很多问题。比如说组件多了之后层级不明确,很多组件堆在一起比较混乱等等。这时候我们就可以运用原子设计思维来构建。那么什么是原子设计思维,以及如何运用它来构建组件库呢?且看我一一分解: 什么是原子设计思维 原子是构成物质的最小粒子,原子和原子构成分子。那么在我们的界面设计中,构成页面的最小元素(字体、颜色、图标、按钮)就可以理解为原子,元素和…- 11.8k
- 0
-
10点心得,搭建完美的组件库
更高效的沟通、更迅速的开发、更一致的体验……诸多优点让组件库的搭建在近几年流行起来。甚至一些大厂的组件体系已非常成熟,如Ant Design,WeUI等等。成熟的组件库对产品体验确实有肉眼可见的提升。如果你也想为团队搭建一个组件库,希望以下内容能帮到你。Enjoy~ 产品、组件与设计规范 组件库简单来说就是一些积木,而产品相当于成品模型。我们可以根据业务需求,以“搭积木”的方式,让“模型”快速落地…- 11.9k
- 0
-
以网易FishDesign为例 | 企业级UI组件库的设计方法与实践
在整个互联网产品设计到研发的过程中,最常出现在需求沟通与研发过程中由于缺少统一的规范和标准化体系来指导实践,导致实施环节各方沟通成本高,造成设计成果与实现有一定差距,影响用户体验;通用组件和业务组件混用导致设计模式和代码复用率低;尤其是当业务发展到一定体量时,对于复杂产品的大量重复且类似的需求场景,如果没有一种高效的工具和规范来协同工作,将大大影响团队的生产及沟通效率。 01 问题 认知:产品、研…- 17.4k
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!