UI设计

随着市场的不断变化和竞争的日益激烈，生活服务平台的更新迭代早已不再是单纯的“功能叠加”。对于 58 同城这样一个深耕国内市场多年的平台来说，每次改版都是一次“挑战与机遇并存”的自我更新。今年，正值 58 同城企业文化焕新之际，我们迎来了产品的全面升级。 此次改版的核心目标非常明确：我们不仅要进行改版，更要通过精准的设计提升用户体验，以吸引更多新用户。特别是在这个“流量见顶”的时代，如何借助改版吸引…

UI 设计界面不像运营视觉的页面，它没有那么多强视觉、花里胡哨的东西，我们大多时候需要在排版上发力，整合组织信息，只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节，那怎么去丰富这些特别的设计细节呢？这里就跟大家分享三个方法，分别是异形、破界、分割。 一、异形 将常见的图形做一些变换，让它的形状不常规，是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法： …

最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…

今天和大家聊聊颜色系统，在做一套新产品的色彩体系时，大家常常需要解决一个问题，那就是颜色梯度，也就是色卡制作。如何从品牌色开始建立一套科学的调色板？这篇文章尝试解决这个问题。 无论你是一位需要从 0-1 制定色彩系统的品牌设计师，还是在一个已有设计系统的产品设计师，都需要掌握如何更加专业的创建设计系统中的颜色梯度。 一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和…

表格在 B 端设计中跟吃饭一样常见，哪哪都是它，只要 B 端产品还活着，就有它的身影，它必须依附表格而很好的活着，B 端产品就是为企业降本增效的，很多数据都需要依靠表格才能很好的进行可视化呈现，同时表格也被公认为是展示结构化数据最为清晰、高效的形式，很多 B 端用户都是数据控、性能控，他们非常的在意数据，所以聊 B 端，少不了聊表格，因为表格是数据收纳的最好容器，下面我们就来细细聊聊表格中有哪些颗…

如何在移动端设计表格？这似乎是一个设计难题。 对于表格来说，它本身需要大量的空间，需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中，我们真的很难进行操作。 但产品提出各种需求就是“我要我要”，那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主，而对于表格这类数据形态时是以横屏为主，所以在内容呈现上就会存在明显的差异，就像横屏长视频与竖屏…

一、Figma 插件 介绍一款 Figma 插件 Vector to 3D。与 C4D 和 Blender 这类专业的三维软件相比，它在 Figma 环境中直接运行，无需切换软件，极大地提高了工作效率。对于熟悉 Figma 操作的设计师来说，上手更为迅速，减少了学习新软件的成本。而且，它能与 Figma 的二维设计流程紧密结合，实现二维到三维的无缝转换。 与 StableDiffusion 和 M…

一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书，提出了从 5 个要素自下而上的建设用户体验。五要素分别为：战略、范围、结构、框架、表现。 战略层关注的问题是为什么做？—— “我们为什么要开发这个产品？” 范围层关注的问题是做什么？——“我们要开发的是什么？” 结构、框架、表现层则需要解决怎么做？——“我们如何达到上述抽象层…

在前面的 C 端行业分析说过，当前的 C 端 APP 界面为了抢夺用户的注意力，设计越做越花哨，运营、国潮化的风格越来越浓烈。 所以，现在的作品集项目设计和准备都无可避免的要有所涉猎。对于初级设计师来讲，“模仿（致敬）”一两个成熟案例没什么问题，但要做出一整套，就驾驭不住了。 而关键的问题，就出在平面四要素的 —— 重复性上。 一、学员案例分析 “重复”是四要素中最简单的一个原则，即在画面中对设计…

图标是产品中不可或缺的部分，随着设计趋势的不断变化，图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢？结合产品案例体验，今天黑马哥为大家简单梳理一下，列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格，设计时控制好图标规范即可。常见的多为单色（无彩色系、品牌色等），也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样，也是…

前段时间做了张黑金页面，整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」，整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果： 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面，主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢？ 我有几个点可以跟大家分享一下： 黑金页面颜色选取…

如果你不知道该如何制作一份优秀的作品集，或者不知道为什么投递效果不理想，这篇文章都值得你停下来仔细阅读一番，15000 字+分析总结学长自己做作品集的思路，希望对你有所帮助。

一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力，能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到，因为看到任何设计都会形成自己的个人感受，只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上，进一步用专业的思路去分析它，形成相对客观的结论。 不是说主观观点就没用，而是作为专业人士看到设计作品时不能只会情绪输出，还必须掌握专业的分析和辨识能力。 …

「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…

其实，这并非第一家大型外企撤离中国，也不会是最后一家，那些被誉为“职场打工人的天堂”的外企，纷纷解散中国地区业务和团队，拿到丰厚的大礼包的打工人是悲还是喜呢？ 字节大裁员，再无 UXUI 设计师，这只是开始！ 持续不断的裁员（国内外知名企业纷纷关停不盈利业务部门），先进技术的出现（人工智能席卷各个行业领域），全国设计师的激增（大量国内外设计专业毕业生流入市场），万万没有想到，随之而来的竟然是，用户…

一、标签是什么 在日常生活中，“标签”通常指的是贴在包装或产品上的贴纸，上面写有相关产品或物品的具体信息。而在界面上，标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段，当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息，以提升用户的搜索效率。 随着社交媒体的兴起，标签开始流行起来。Instagram、Pinterest…

5个新鲜出炉的设计案例，来自得物、微信、天猫等大厂的产品设计细节，每一个都值得点赞！ 案例分享 1. 得物-七夕礼物季 得物 App 针对七夕场景，推出七夕礼物季，贴心解决用户需求。 命中用户需求：切入七夕前用户还未买礼物的场景，推出“七夕急救好礼”，打次日达的卖点解决用户需求，结合晚到必赔保障，让用户放心把买礼物的需求交给平台，很贴心。 吸引用户注意：活动头图展现国风花鸟动画，结合立体建模的创意…

在当今品牌竞争激烈的时代，一个独具匠心的标志不仅能在瞬间抓住消费者眼球，更能传递品牌的核心价值与文化内涵。 今天分享 10 个不按套路出牌的“logo 设计妙招”，另附两个经典案例，助你在创意迸发的同时也能找到实际应用的灵感！ 一、极简主义设计：少即是多 在纷繁复杂的信息时代，一个极简的 logo 能快速传达品牌理念，通过精简的图形、干净的线条和简约的色块设计，使标志更易于识别与记忆。 案例参考 …

你是否常常为如何配色而烦恼？今天通过几个视觉课同学的作业来给大家分享一些色彩知识，单从色彩来说，我们先来看看修改的前后效果： 怎么样？是不是感觉仅仅通过对同学配色的调整，我们画面的不仅变得更好看统一，并且画面也都高级了许多？ 这里面其实蕴含了很多知识点，其中比较关键的有三个的知识点分享给大家。 一、色相呼应 我们一个画面里面如果有了一个颜色，那这个颜色就不能只有一个，而是要在画面里有第二个，或者第…

前言 在中华传统文化的璀璨星空中，24 节气宛如一串闪耀的明珠，照应着四季的更迭和气候的变换，从农耕时代延续至今，承载着先辈们世代积累的智慧。而如今，对于节气文化的传承促使我们开始去追溯传统节气文化，并借助传播媒介，不断的去发扬光大，让更多的人感受到它的内涵。 下文将展开详述关于「快手节气活起来」的相关思考和具体设计过程，希望可以带给大家一些专业上的启发。 一、24 节气的设计重难点 1. 结合快…