UI设计

一、回到 2021 Motiff 这个项目始于 2021 年 10 月，不同于很多初创团队有着“找寻并聚集团队全员”这样更具创业色彩的故事，我们在那时，就已经有一支工程师文化浓厚的团队，也不乏一些优秀的 AI 科学家。在过去，这支团队在教育领域成功实践了不少全球性的项目。 商业的最初灵感，可能要追溯到我们最初使用 Github Copilot。那时，我们大部分团队的工程师们并不觉得这款软件会发挥多…

大家好，这是 2023 年 9 月的第 1 波干货合集！这波合集依然包含了一波优质样机/素材合集，有风格化极强的角色矢量插画素材合集，有能帮 UI 设计师更快找到合适组件的搜索引擎，还有专门为 3D 设计师所准备的格式转换器，都是颇为值得收藏的设计工具。 当然，在此之前记得看看往期干货中有没有你感兴趣的素材： 第五波！2023年8月精选实用设计工具合集大家好，这是 2023 年 8 月的第 5 波…

AI 盛行，现如今任何人通过一些简单的学习，都可以使用 AI 轻易生成好看的插画、元素，设计师的价值好像一夜之间变得一文不值。真实情况是什么呢？ 我们拿一个需求举例，这个需求要求我们做一个摇钱树的主视觉，并且可以领取红包，先看看交互： 可以看到最主要的其实就是中间这个摇钱树了，要是按照以前的设计路径要搞定这个摇钱树，要么就是绘制，要么用 C4D 建模渲染。 时长肯定都是半天甚至一天以上了，现在呢？…

虽然AI的爆火，越来越多的行业都在尝试着接入AI到工作流中。利用ChatGPT写文档产品、接入GPT的API智能回答的客服、利用Tome做ppt的商务…UI/UX也不例外。Midjourney的出现，其快速出图能力大大提高了设计师出初稿效率；其充满想象力的画面大大扩宽了设计师思路的边界；其多领域专精的特点成为设计师跨领域作战的利器。UI/UX利用Midjourney赋能设计，可以从以下5个方面着手…

最近 AI 绘画越来越成熟，能做的事情也越来越多，很多同学经常在群里或私信中问我关于对 AI 绘画的观点和看法，以及 AI 绘画对 UI 设计师有什么影响，所以今天独立写一篇内容，来具体讨论下这个话题。 首先输出一个太长不看版的结论： AI 绘图可以协作 UI 设计师更快地完成一些边角料工作，但无法取代 UI 设计师的核心价值，不会对 UI 岗位造成大范围冲击…… 那下面就来具体讨论吧！ 一、AI…

大家好，这是 2023 年第一期干货素材合集！这期干货合集对于 UI 和 UX 设计师可能会更有吸引力，深色模式网站范例合集、SaaS 着陆页设计合集还有真实产品 UI 界面设计图库，这些都是 UI 和 UX 设计师日常设计的时候会用得上的好东西，另外，这次我还找到了设计工具快捷键合集网站以及一个全新的图片清晰度提升服务，不过我个人最喜欢的，还是搜索垂直网络社区的搜索引擎和顶尖图库图片搜索引擎。 …

前言 最近这段时间，到处都是关于国产 UI 设计工具的讨论，我们的老大也免不了让我们去做了下调研，看看我们的国产设计工具现在做得怎么样了，哪个完成度比较高？有没有比较适合我们团队的？ 正好身边也有很多朋友在做比较，所以也把我们的结论分享出来给大家，如果有和我们一样需求的团队可以参考。 在经过比较全面调研过后，我们给出的结论是： 「即时设计」应该是很不错的选择，比较适合我们团队，虽然在一些细节上还值…

为什么说 Studio 是最值得期待的设计工具？因为这是一款集成了视觉设计，快速原型，动效制作，团队协作于一体的全能设计工具。得益于移动互联网的快速发展，Sketch 最近几年的发展也是顺风顺水，近乎行业标杆，价格也由最初的 $99 (大版本内的) 一次性付费，变成了 $99/year 的订阅付费。由于 Sketch 的先发优势，即使后来者如 Figma、Adobe XD 是如此优秀然而也并没有搅…

徐小马：今早打开邮箱时，收到 InVision 的邮件，得知他们推出了一个全新的 UI 设计工具 InVision Studio。介绍页面中有一段一分四十二秒的视频，足足让我暗嗨了一整天。非常希望可以及时和大家分享这款全新设计工具的信息。目前网上还没有什么信息，找到一段宣传视频和 InVision CEO 写的新产品引介文章。我在这里先解读一下视频，再把文章译给大家。 视频地址：Vimeo 原文作…

编者按：设计规范越来越完善，软件越来越简单，连PM 都可以动手搭一个UI 界面，那么此时设计师的核心价值在哪里？如何让自己摆脱“只会画画图标和线框图”的印象？这篇文章总结了4个进阶方法。 鸿影：近年来各家平台的设计规范日渐完善，公司也在大力推行中台化战略，DPL、组件化、模块化等成为了我们工作中的重心之一，设计标准化的趋势愈演愈烈，在促进设计效率提升、解放生产力的同时，也让我开始产生一种深深的焦虑…

如何提高UI设计的速度？在这里分享一些我观察到的常见问题和改善方式。当然，需要注意的地方何其多，本文先着重聊一下观念和沟通的部分。 作者介绍 Taylor 从 13 岁起便开始自学网页设计，iPhone 问世后开始接触UI设计，因此是前端及设计双栖的产品设计师。学生时期曾在 Yahoo 实习，其后分别在外商及中国台湾新创公司带领 Web、iOS、Android 设计团队，及担任UI、用户体验讲师。…

UI设计还有买家秀和买家秀？其实就是设计稿和最后上线页面的对比。我们经常发现设计稿美轮美奂，整齐工整，最后上线的页面却惨不忍睹。今天这篇好文总结了4个原因和解决方法，帮你搞定这个问题。 关于还原UI设计稿这件事，很多前辈都分享了他们的经验： 《解决这13个问题，可以实现99.9%的设计稿还原》 《实用干货！视觉设计师如何让设计效果高还原度落地？》 产品，运营甚至boss得问了：这做的是什么东西？那…

么有鱼丸：作为UI设计师，过完稿和开发对接时，需要标注设计稿和切图，把标注切图文件给到开发。这个时候就犯难了，那么多尺寸怎么切图，iPhone就有8个版本，更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法，帮你高效切图。 全方位切图教程： 切图流程：《纯干货！一款APP从设计稿到切图过程全方位揭秘》 切图神器：《“没有它我就不会切图！”省时省力的切图神器SLICY下载》 PS切图介绍：…

@枫之醉语 ：设计师的工作流程鉴于不同规模的公司和项目会有所差异，但基本大同小异，必须有的流程还是要执行的，今天就拿目前我所在的公司的日常举例，顺便推荐一下UI设计师日常使用的工具，干货较多，篇幅较长，强烈推荐。 产品经理： 初期：需求调研 → 竞品分析 → 产品规划； 前期：思维导图「功能模块」 → 需求文档「流程逻辑」，原型设计「信息架构」→ 评审； 设计师： 中期：准备工作 → UI设计 →…

编者按：明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节...... 今天腾讯设计师@月焱瞳 这篇译文，总结了6个做出细腻动态微交互的技巧，建议阅读。 UI界面动效设计方法： 先看看有意义的动效设计是啥样：《设计师的必备技能！你需要学会设计有意义的动效》 再来学习腾讯设计师写的动效设计指南：《腾讯精品文！超多干货的UI界面动效设计指南》 围观实战案例：《高手常用的…

许多人对现代艺术的评价是这样的：“这不就是一团乱麻吗！”“一滩烂泥！”“复制粘贴而已，我也会。”（请自行脑补该类文字所描述的作品）。事实上，现代艺术的影响从Windows Phone到大众点评的界面设计，几乎无处不在。今天这篇好文，带你一起重新认识现代艺术。 欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC） 每当一个艺术家的作品在国际艺术品拍卖会上拍得天价时，总有几个围观的吃瓜群众会…

编者按： 减少混乱、创建一个跨平台的无缝体验、控件必须适合手指操作、界面元素清晰可见... 如果想做处一个优秀的移动端App ，这些都是必须遵循的原则之一，今天@惜可若己 这篇译文运用了大量的设计案例，帮你掌握这9个基础的设计原则。 在设计一个移动端的应用程序时，我们应该牢记在心的最重要的一件事情就是务必要确保你的程序是有用且直观的。如果这个程序没有用处，那么对用户来讲就没有任何的实际价值，自然地…

当你和产品，交互还有开发测试在进行UI评审时，他们凭借着对产品的理解，以及自认为站在用户的角度试图来说服设计师。然后设计师同样的习惯性从自我经验出发，主观下结论，并抗拒他人对设计方案的建议。如何停止这类无意义的争吵？学会科学找到用户需求很重要，今天这篇好文帮你掌握起来。 除了用户需求这一块，整体的设计流程也有方法帮你掌握主动权：《做自己的主人！聊聊设计师如何掌握主动权》 各位设计师有没有经历过无休…

当感觉自己遇到瓶颈，觉得工作效率很低下时，可以看看我们的上游和下游都在做一些什么事情：产品在规划什么，交互如何分析需求，用研是如何做访谈和问卷的，开发又是如何调接口和后台对接的，帮助会很大。今天这篇好文告诉你上下游的同事都在做什么。 现在看到有许多的设计师仍然在钻研怎么切图更快，用什么软件作图，标注更快，我想告诉大家，先把手头上的事情暂且放一放。因为我们的产品是一个大团队在运作，只顾干自己的事情无…

不论是网页设计还是APP UI设计，表单都是界面中最常见、最重要的组件之一。它们的应用范畴非常广，用户注册、订阅服务、用户反馈、问卷表单、买卖交易等等等等，从数据输入到信息搜索，几乎无处不在。对于设计师、前端和开发者而言，应当对于表单的设计尽量多上心，让它们更加易用，细致的设计对于用户的体验、交互的效率有极大的加成。 在今天的文章中，你会看到许多关于表单设计的切实可行的建议，它们涉及到可用性测试、…

@呆呆丶L ：这年头设计一个App越来越有讲究，大到一个框架，小到一个按钮，拿捏不好就容易失去用户。今天这篇文章通过分析众多App ，总结了3种启动页的类型，详细介绍不同启动页的作用和优缺点，建议阅读。 如果是引导页，可以参考腾讯的教程：《腾讯实战干货！怎么让引导页不再是无用小透明？》 什么是启动页？打开屏幕脑子还没转就第一眼看到的页面，就是启动页。是不是很含糊？ 讲的专业点就是：当打开一个应用程…

动效是UI设计中最强有力的工具之一，它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈，提供更快更有效的微交互，让关键的要素脱颖而出，通过实时、动态的方式创造引人入胜的体验。巧妙的运用动效，能给整个体验带来更多的加成。考虑到屏幕尺寸和使用场景，在移动端上动效的作用就显得更加关键而有效了。 在我们之前的文章中曾经探讨过动效和UI设计之间的关系，以及它是如何催生高效的微交互。移动端设备的…