设计规范
文章平均质量分 90
摹客,帮你告别手工画设计规范图的时代!
摹客设计系统,轻松管理设计资源,一键导出并分享设计规范图,支持在Sketch和Mockplus中应用,可以导出CSS、SCSS、LESS,应用到前端开发。
https://ds.mockplus.cn/?hmsr=thomas
aimeeth
这个作者很懒,什么都没留下…
展开
-
字节B端设计规范ArcoDesign和AntDesign有何不同?
也就是说,Arco Design 导航布局更像是 C 端化的 B 端产品,而 Ant Design 导航布局更像是纯粹的 B 端产品,这也确实很符合字节和蚂蚁的业务情况。不管是哪种分组方式,我相信两个设计规范都是支持的,只是可以看出 Arco Design 更加喜欢清晰、扁平化的信息呈现,而 Ant Design 更加追求整洁有序。如果是复杂的产品,会更加需要一些。以顶导航为例,Arco Design 的图标都用浅灰圆框包起来了,而 Ant Design 的图表都是简单的线条。这主要体现在浅灰色的运用。转载 2022-09-14 14:06:06 · 624 阅读 · 0 评论 -
今年大厂新孵化的app们,让我开眼了
以下是在App Store发现的几款“宝贝”,之所以称为“宝贝”是因为产品中可学到的东西太多了,每个产品视觉UI以及动效都有其独特风格(当然网上也有别人总结过的产品,我这里就不拿出来重复说了)我仅针对未总结的大厂产品,进行设计细节拆解,看看优秀的产品设计到底好在哪里,请君细细品味。(淘宝 - 屋颜 - 一站式潮流家居平台)(字节 - 抖音盒子 - 潮流时尚电商平台)(腾讯 - doX多克斯 - 生活碎片视频社交)(淘宝 - 吃货笔记 - 记录美食好生活)(得物旗下 - 95分 - 奢潮二手平台)(腾讯 -原创 2022-06-15 15:15:30 · 1113 阅读 · 0 评论 -
摹客,前端工程师必备开发神器
工欲善其事,必先利其器!相信每个前端都经历过用PS手动切图的原始手法,有时候偷懒,还会直接用QQ截图,现在想想真是初生牛犊不怕虎,怎么方便怎么来~当时就在想,如果能有一款神器,帮我解放切图这种“体力活”该多好!于是,它来了~摹客,前端必备开发神器摹客作为新一代的产品协作设计平台,快速简单的智能标注和自动切图功能,完美地解决了产品开发流程中标注和切图的难题,将原本枯燥的体力活进行了极大的削减,而它所拥有的“绝技”的功能却远远不止这些:1)自由的切图下载功能原创 2021-12-22 14:23:53 · 1015 阅读 · 0 评论 -
前端开发必备工具,图片问题一网打尽
在职场上,你能帮对方省点事,不仅利于更高效的协作,也能建立一段良好的上下游协作关系,尤其是开发这种耗费脑力和头发的技术活儿~所以今天就和大家一起唠唠,设计师可以从哪些方向减少开发的工作(掉发)量。1、切图压缩之前有位开发朋友跟我抱怨说,每次从代码中停下来去压缩动辄几百K的切图时,别提多烦了~恰恰这个时候,设计师就不得不需要一款切图神器 —摹客摹客支持Sketch、Photoshop、Adobe XD、Figma自动切图与标注,能帮助设计师大大提升设计稿交付的效率。而.原创 2021-12-03 14:52:31 · 134 阅读 · 0 评论 -
听说原型是UI的工作,我要暴走了…
看到这个话题,忍不住想来参与一波!最近,不管是网上冲浪还是线下吐槽,“原型该谁做”,这是我听到PM和UI讨论最激烈的话题了……如果你家PM对你说“原型是UI的工作,不然UI就是在做美工”,那么你可以认为他即将甩锅了。 我们不妨来梳理一下思路,先看一下各自的概念描述:原型图:根据需求文档用线条、图形描绘出的产品框架及逻辑;UI图:跟我们平时在PC端或手机端看到的界面一样,追求1:1呈现最终产品的样貌,为开发提供准确的参考,通常...原创 2021-09-14 13:55:34 · 161 阅读 · 0 评论 -
B端产品设计规范
开篇说:上一篇,我写过一篇综合类的设计规范和适配。这一次我想重点写一下:网页PC端产品设计规范和组的设计拆解,对项目的设计效率提升,有一定价值和意义。分析项目设计中的组件,设计元素,设计规范与设计稿到开发的最后,尽可能保证产品设计还原的一致性。思考项目设计的实际场景,团队来调整优化产品设计整体方案和设计细节、优化产品交互和设计的一个过程。在这个团队协作的过程中,团队包括产品经理、体验设计师及开发程序员等测试人员,都要积极的参与讨论,多方并行参与到最后形成一套可以落地执行,...转载 2021-03-30 13:32:59 · 5148 阅读 · 0 评论