乐胖代购免代理版

UX与UI设计的区别是什么？看这一篇就够了！

在产品开发和用户体验设计领域，UX（用户体验）与UI（用户界面）设计是两个常被提及的概念，其本质都是在解决产品的用户问题，但在实际的工作场景中，它们代表着不同的设计方向与职责。简单来讲，UX设计关注用户在与产品或服务进行交互时的用户体验，重点在于逻辑和流程设置；而UI设计则关注于用户直接接触的界面，重点在于设计界面的外观和布局。如今，越来越多的公司也开始单独设置UX设计和UI设计岗位。到底什么是U

UI

UX

用户界面

原创 2023-08-11 14:23:33 158 阅读

原型工具也能自由编辑SVG了！

四月天，摹客RP发版更新大家念叨的SVG编辑也终于来了!且看原型工具如何玩转SVG (emoji) 应用户期许，摹客RP现已支持导入SVG并进行二次编辑，包括修改颜色以及路径编辑，精细化SVG设计功能，给足二次创作空间。此外，相比传统的SVG编辑工具欠缺设计、交付一站式服务，摹客RP支持SVG导入、编辑、设计、交付全流程，一气呵成，真正做到了为设计增速。摹客RP中如何编辑SVG?摹客RP具有钢

SVG

产品经理

原创 2023-04-21 15:36:20 247 阅读

新手UI设计师必读：火爆海外设计圈的设计资源！

Hello，各位好！作为一名新手UI设计师，你是否无法完全搞清楚某些UI设计的基本原则和概念？你是否为使用哪款设计软件来开启你的设计之路而困扰？你是否想要在线学习设计排版、色彩搭配、形状和线条设计？今天这篇文章整理出了火爆海外设计圈的设计资源，包括书籍、软件、网站、资源和课程，将有效帮助各位新手UI设计师建立更加全面的设计基础，提高设计水平！UI设计入门书籍《点石成金:访客至上的网页设计秘笈》（英

UI

矢量图

用户体验设计

原创 2023-03-28 13:57:51 170 阅读

深度使用摹客DT后，我发现6个超赞的实用技巧

嗨，我是某二线互联网大厂的高级UI设计师——PLus赵，今天分享国产UI设计神器——摹客DT的一些实用技巧，希望对各位设计师有所帮助。一、为什么选择摹客DT？早期，我们是通过“Sketch+摹客插件”交付设计稿，为此分别采购了Sketch软件和摹客协作平台，但随着疫情的爆发，我们被迫远程办公，而“Sketch+摹客插件”的模式无法很好解决协作问题，很多项目受影响不得不延迟上线。在此期间，我们尝试迁

图层

UI

快捷键

原创 2023-01-29 17:39:49 217 阅读

从交互设计师的角度，聊聊设计工具的那些事

工欲善其事，必先利其器，这句话是出自论语，讲的是要做好一件事，工具是非常重要的，作为一个设计师，设计工具对于我们的重要性毋庸置疑，每天都在接触，也有很多感悟和心得。我从事设计行业也有些年头，从一开始的Adobe全家桶到Sketch，Figma，因为个人兴趣爱好也比较喜欢鼓捣新软件，所以使用过的软件也挺多，本文将从交互设计师角度，聊聊对工具使用的过往经验和看法。一、过往经验和选择在产品设计的流程中，

交互设计师

工具使用

需求分析

原创 2022-12-23 14:12:08 256 阅读

自查？走查？一文弄懂设计检查那些事

哈喽，小摹来啦~最近几年的设计圈始终盛行着“设计检查”相关的话题，但可能很多设计师在查阅相关文章时，基本概念都没有弄清楚。比如走查（Walk through）这个词，英文本意是指“排练”或者“演习” ，那么严格一点讲，“走查”是限定了特定时间阶段的：即产品开发结束到正式上线前。所以，如果一款产品已经到了设计走查阶段，其内容和品质可以认为基本尘埃落定。如果说，明知道自家的产品更大的困难在于业务本身的

自适应

可实现性

设计检查

走查

UI

原创 2022-11-30 11:31:03 601 阅读 yyds干货盘点

按钮位置如何设计？看这篇足够了

设计界面时，页面中都会有操作按钮。不同的使用场景，对应的按钮位置布局不同。按钮位置如果放错，会导致用户操作不畅，甚至操作失败。本篇文章就讲讲这个知识点，让平时没注意的人彻底掌握按钮的位置逻辑。本篇文章大纲如下：1、按钮几种布局2、导航栏布局3、跟随内容布局4、偏向底部布局5、底部悬浮布局6、布局总结1、按钮的几种布局按钮的布局大致分为四种，分别为：导航栏布局、跟随内容布局、偏向底部布局和底部悬浮布

导航栏

表单

使用场景

原创 2022-08-29 16:35:49 257 阅读

为什么「确定按钮」正在慢慢消失

不论做什么产品，界面上几乎都少不了「确定」按钮。例如：操作提示时、进行选择时、填写表单时……完成、保存、下单……各种代表“确定某一步骤”的按钮，都可以统称为确定按钮。以前的产品设计，大量以来确定按钮，但是现在的产品设计，确定按钮用得越来越少了。倒不是因为不需要确定操作了，而是除了「确定按钮」之外，设计师们发现了更好的方式。能自动「确定」就不需要按钮有一句话说：最好的交互就是没有交互同样，最好的「确

工具类

产品设计

转载 2022-08-10 14:19:31 168 阅读

B端常用9大开源组件库集合（必备收藏）

假如你要研发一款To B Web端产品，面对眼花缭乱的开源组件库要如何选？哪些又是目前业内团队常用的B端开源组件库？由于知果负责公司Hundsun Design设计体系的构建，因此对组件库比较了解。今天，知果为你们做一个入门级介绍，大家可以先有个概貌了解，期望能帮助到你们。未来，针对每一个开源组件库知果再进行详细展开。自Bootstrap诞生后，B端PC中后台组件库如雨后春笋般的冒出来，各有各的能

UI组件库

转载 2022-08-09 18:09:39 162 阅读

提升UI产品体验的14个细节！你都知道吗？

界面是用户在与任何产品、APP或平台交互时看到的内容，用户体验就是建立在坚实的界面设计基础之上的。所以，如果你想要在UI设计上提升能力，应该多去思考界面设计背后的原因。今天会跟大家分享一些被广泛运用的界面设计规则，它们能快速使得你的界面设计更干净、高效。 01文案要易于理解用更容易让用户理解（说人话）的引导文案，提升使用体验。（彩云注：下面2个案例中，左侧的“购物车”和“库存2”

界面设计

转载 2022-07-20 15:29:09 121 阅读

摹客 x 腾讯会议，高效协同星搭档！

嗨，不瞒你说，我又双叒有个好消息打算跟大家分享一下别说最近怎么总有好消息分享，毕竟人逢喜事精神爽，6、7月是我们的幸运月嘛~继腾讯文档之后，我们又正式入驻了腾讯会议的应用市场。老实讲，同为在线协同平台，我们的相遇可谓有些“相见恨晚”！但从此以后，你可以直接在腾讯会议中打开摹客项目进行会议演示分享，或者是在摹客中就能开启腾讯会议进行团队协作啦！虽然大家对腾讯会议都不陌生，但是小摹还是想先跟大

一键分享

设计评审

解决方案

音视频

会议

原创 2022-07-01 14:39:00 107 阅读 yyds干货盘点

今年大厂新孵化的app们，让我开眼了

以下是在App Store发现的几款“宝贝”，之所以称为“宝贝”是因为产品中可学到的东西太多了，每个产品视觉UI以及动效都有其独特风格（当然网上也有别人总结过的产品，我这里就不拿出来重复说了）我仅针对未总结的大厂产品，进行设计细节拆解，看看优秀的产品设计到底好在哪里，请君细细品味。（淘宝 - 屋颜 - 一站式潮流家居平台）（字节 - 抖音盒子 - 潮流时尚电商平台）（腾讯 - doX多克斯 - 生

APP设计

原创 2022-06-15 16:08:48 299 阅读

京东又换logo，小狗也有颜值焦虑吗？

哈喽，小摹来啦~最近京东又换新logo了，咱们先来看看去年的变化：去年最大的变化是，京东由原本四脚仰头小狗变成了直立半身照的小狗，更具人格化和个性化。当时，不是被人笑它胖了，就是被人说“站起来，混出了人模样”，总之网上的评论风向是一水的搞笑夸赞！那么，我们来看看京东此次新logo的变化：对于此次换logo的变化，我可以用五个字简单概括：P图美颜了原来小狗也有颜值焦虑吗？心机小狗不只是用P图美颜

产品

产品设计

品牌设计

UI设计

产品经理

原创 2022-05-25 11:55:24 1215 阅读 yyds干货盘点

Sketch的文件不用MAC电脑也能打开了

Sketch的文件不用MAC电脑也能打开了Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是进行网页，图标以及界面设计的最好方式。但除了矢量编辑的功能之外，Sketch同样添加了一些基本的位图工具，比如模糊和色彩校正。Sketch 软件的特点是容易理解，上手简单，对于有设计经验的设计师来说，入门门槛很低。对于绝大多数的数字产品设计，Sketch 都能替代 Adobe Photosho

图层

界面设计

产品设计

原创 2022-04-29 16:48:20 513 阅读

干货 | 图标（ICON）的 9 种设计原则

图标（ICON）是任何设计系统中都不可或缺的一部分。使用图标的主要原因就在于它可以帮助用户快速解释想法、快速导肮、解决语言障碍等问题，以此让用户旅程变得可用且愉快。ICON作为一种设计工具，在UI/UX设计师之间最受欢迎。它对每个人来说都是简单易懂的，同时图标所具有的这些特性也赋予了它们通用数字语言的地位。今天，我们就给大家来分享几个ICON设计的最佳原则，来帮助大家在UI/UX中设计出完美的图标

ico

圆角

图标设计

翻译精选 2022-04-19 15:14:18 1005 阅读 2点赞

2022 年 10 大移动应用 UI 设计理念

UI设计

原创精选 2022-03-01 14:54:01 503 阅读 1点赞

适老化设计，如何做到老人的心坎上？

如今，智能手机的使用群体越来越广泛，老年人逐渐也成为了使用智能手机的主力军。你敢相信吗， 72岁的大爷还能制作360页图文说明教老年人使用智能手机，不仅教老年人如何查看健康码，还会给大家讲解如何网上购物！那么，伴随着使用群

设计

原创 2022-02-18 13:31:36 229 阅读

从2022冬奥会，看中国式的浪漫美学...

对于大型体育赛事，不管是Logo、吉祥物还是开幕式，都成为审视各国审美与设计水平的重要一环。除了早已露面的“冰墩墩”和“雪容融”，点燃火炬的长信灯、服装上的山水画、奖牌里的同心圆玉璧，每一处设计都蕴藏着深厚的“东方美”。北京2022年冬奥会和冬残奥会海报《共襄盛举》作者：杭海、林帆、刘典01从古到今的东方美学会场设计历来就是奥运会的一大看点，冬奥会也不例外。而北京冬奥会场馆设计，从一开始就把传递中

设计理念

传统文化

官网

原创 2022-02-11 18:23:51 833 阅读 1点赞

年度好用的国产设计工具，用完我香疯了

提起设计工具，我想大家首先想到的应该是PS和Sketch。尤其是Sketch，几乎所有国外主流设计团队都将它作为主要的生产力工具，但缺少Win版本、内存占用大、经常崩溃、文件无法实时上传、切换设备需要拷贝源文件等问题，让很多国内设计师望而却步！相比Sketch，我更推荐国内设计师使用摹客DT来作为主要的设计工具（文末免费体验）。如果问它与Sketch有什么优势？这三点可以说明：使用门槛Sk

UI设计

UX设计

矢量图工具

原创 2022-01-11 11:00:03 209 阅读

这款全新矢量工具，让我电脑里的PS/XD都落灰了

当设计项目交付给客户的时候，你确定所有的问题都解决了么？除了令人血压升高的改稿意见外，一次小小的改动，更要来回发 N 多次（令人焦绿~）。

矢量图工具

UI设计工具

原创 2021-12-24 16:56:44 221 阅读

超全面的前端切图技巧！读这篇就够了

工欲善其事，必先利其器！相信每个前端都经历过用PS手动切图的原始手法，有时候偷懒，还会直接用QQ截图，现在想想真是初生牛犊不怕虎，怎么方便怎么来~当时就在想，如果能有一款神器，帮我解放切图这种“体力活”该多好！于是，它来了~摹客，前端必备开发神器摹客作为新一代的产品协作设计平台，快速简单的智能标注和自动切图功能，完美地解决了产品开发流程中标注和切图的难题，将原本枯燥的体力活进行了极大的削减

切图

前端工程师

图片格式

原创 2021-12-22 14:31:57 357 阅读

更懂中国设计师的ui设计工具来了

作为一名设计师，我对国产UI设计工具这事一直挺关注，也希望市面上能出现一款更符合中国设计师需求和使用习惯的好产品。就在今天，摹客正式开启了摹客DT的公测计划，同时也打出了“更懂中国设计师”的口号。喜欢尝鲜的我，第一时间去做了体验，下面分享一下我的感受。先说工具本身摹客DT是一款专属于设计师的UI设计工具。在页面布局上，整合了工具栏及属性面板，界面看着更加简洁。上手快速，几乎没有学习成本，体

UI设计

原创 2021-12-21 14:02:59 677 阅读

更懂中国设计师，摹客UI设计工具「DT」全新发布

哈喽，小摹来啦！告诉大家一个好消息：我们的UI设计工具摹客DT正式开放公测啦！18年发布设计协作平台以来，三年间我们陆续推出了原型设计工具、设计系统、任务管理系统等产品，摹客的产品体系不断得到完善。今天，摹客大家庭再添新成员，一款为中国设计师量身打造的UI设计工具——摹客DT正式发布。下面跟着小摹一起来了解一下这款全新的UI设计工具吧！「摹客DT」，更懂中国设计师！在布局上，我们整

ui设计

协作平台

原创 2021-12-17 13:52:45 275 阅读

前端开发必备工具，图片问题一网打尽

在职场上，你能帮对方省点事，不仅利于更高效的协作，也能建立一段良好的上下游协作关系，尤其是开发这种耗费脑力和头发的技术活儿~所以今天就和大家一起唠唠，设计师可以从哪些方向减少开发的工作（掉发）量。1、切图压缩之前有位开发朋友跟我抱怨说，每次从代码中停下来去压缩动辄几百K的切图时，别提多烦了~恰恰这个时候，设计师就不得不需要一款切图神器 — 摹客摹客支持Sketch、Photoshop、Ad

切图

设计规范

图层

开发效率

复用

原创 2021-12-03 15:15:08 230 阅读

10分钟了解下这个Sketch插件，高效工作，快乐摸鱼

上班摸鱼算是打工人们每天最喜欢做的事了，最近我看到了一则新闻，一位设计师竟因为上班摸鱼被开除了！要说，公司后台监控软件不足为奇，毕竟可能出于安全防范的考量。不过，居然还统计鼠标点击次数和键盘敲击次数，合着没事用ipad练会画

sketch插件

UI设计

原创 2021-10-12 15:21:50 316 阅读

3图

UI这样标注切图，再也不用加班了！

UI和前端之间的相（xiang）爱（hu）相（zhe）杀（mo），想必作为老互联网人都是有所耳闻的。例1：UI设计了一个效果，想让前端完成，结果前端残忍地告诉你：做不了！例2：来自前端的灵魂拷问：“这里的间距是多少，为什么没标注？”“图片间隔多少？”“这的icon为什么没有宽和高呢？”“这个字要多大的字号？”……（以上均来源于真实的工作场景~）

标注

切图

原创 2021-09-30 14:49:13 697 阅读

摹客 —— 自动生成你的颜色规范

大家好，我们又见面啦！今天小摹给各位解锁了两个实用的隐藏功能，教你更好地玩转摹客iDoc，让协作设计变得更快更简单，一起来看看吧！一、自动生成颜色规范在摹客iDoc的开发模式下，右侧标注面板展示了详细的属性值：字体、字号、行高、间距、颜色、阴影等等。

UI设计

设计工具

UI

原创 2021-07-22 14:27:39 196 阅读

【求职，不求人】2019最全Web设计师面试问题，助你轻松拿下面试

众所周知，面试，已然成为求职者们获得工作必须经历的阶段。为了尽可能的做到有备无患，求职者们也都习惯提前准备相应面试问题以及答案，搜寻相关面试攻略，以求完美对应各种试题，留给面试官深刻印象的同时，成功获得相应的工作机会。而作为网页设计师，无论你是刚入行的新手，还是经验丰富的大佬，以下 21 个最新高频网页设计面试问题、答案以及相关注意事项，无疑能够帮到你：文章结构概览：首先，参加面试前，...

ui设计

产品经理

交互设计

前端开发

产品设计

原创 2021-07-22 14:27:23 134 阅读

摹客专访 | 予淼：插画收集家

插画，其英文说法illustration是源自于拉丁文illustraio，意指照亮，插画作为一种艺术形式，可以使文字意念变得更明确清晰，因而成为现代设计的一种重要的视觉传达形式。近年来，因为插画所具有的形象性、原创性、艺术性，以及其独有的情感吸引力和对于美的感染力，插画运用的范围一直在持续扩大，越来越多网页、UI设计、动效设计中也使用了插画这一设计元素。对于UI设计师而言，学...

专访

插画

原创 2021-07-22 14:22:40 179 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

支持国产软件

UX与UI设计的区别是什么？看这一篇就够了！

原型工具也能自由编辑SVG了！

新手UI设计师必读：火爆海外设计圈的设计资源！

深度使用摹客DT后，我发现6个超赞的实用技巧

从交互设计师的角度，聊聊设计工具的那些事

自查？走查？一文弄懂设计检查那些事

推荐一款高效率前端开发神器，功能太强大了 !

按钮位置如何设计？看这篇足够了

为什么「确定按钮」正在慢慢消失

B端常用9大开源组件库集合（必备收藏）

提升UI产品体验的14个细节！你都知道吗？

摹客 x 腾讯会议，高效协同星搭档！

今年大厂新孵化的app们，让我开眼了

京东又换logo，小狗也有颜值焦虑吗？

Sketch的文件不用MAC电脑也能打开了

干货 | 图标（ICON）的 9 种设计原则

2022 年 10 大移动应用 UI 设计理念

适老化设计，如何做到老人的心坎上？

从2022冬奥会，看中国式的浪漫美学...

年度好用的国产设计工具，用完我香疯了

这款全新矢量工具，让我电脑里的PS/XD都落灰了

超全面的前端切图技巧！读这篇就够了

更懂中国设计师的ui设计工具来了

更懂中国设计师，摹客UI设计工具「DT」全新发布

前端开发必备工具，图片问题一网打尽

10分钟了解下这个Sketch插件，高效工作，快乐摸鱼

UI这样标注切图，再也不用加班了！

摹客 —— 自动生成你的颜色规范

【求职，不求人】2019最全Web设计师面试问题，助你轻松拿下面试

摹客专访 | 予淼：插画收集家

欢迎