-
B端设计师要懂哪些开发知识?先掌握这5个!
要不要学习开发知识,是个非常常见但又要认真对待的问题,而我给出的答案是 —— 需要。 下面我就围绕这个议题做一次更新,为什么作为设计师需要 “懂技术”。 一、设计要懂技术的原因 作为 B 端设计师,“懂技术”的意思并不是指要掌握编程和相关计算机专业知识自己打代码,而是从框架角度理解特定的技术原理、运行逻辑、以及相关限制等。 这个要求并不只是 UI 设计师独有,而是对整个设计行业都非常普遍的专业要求… -
想做好会员体系设计?来看百度APP的案例复盘!
前言 为深化会员服务、契合会员价值与用户需求,本次围绕“转化提效”“权益升级”两大战略变化焕新升级,一方面简化支付链路,让用户便捷感知会员价值、顺畅完成转化;另一方面引入短篇故事等权益,丰富会员体验。为会员体系的长效运营及业务增长注入新动能。 一、设计背景 当前会员价格链路深,优惠信息感知弱,转化力不足;权益项分布平均给用户带来“什么是核心权益”的感知不明确。以及旧版的 ICON 色彩鲜亮跳脱,带… -
做了1000多天的项目,终于把吉祥物设计流程搞清楚了!
我们做一组吉祥物,无非分为三个步骤:设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢,今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段,有很多种创意方式,我们经常用的有三种:组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起,比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎,放置在… -
告别手动修图!大厂高手用AI把图片尺寸适配做到了一键生成!
AI 尺寸智能延展,简单来说,就是借助人工智能技术,对图像视觉内容的尺寸进行灵活扩展或调整,同时保持内容的质量、清晰度以及视觉效果不受损害,甚至实现画质提升的一种先进技术。 在AI高速发展的今天,在业务上为解决新车商业专题外层素材多而杂,需要人工逐张做适配的痛点,在之前传统的基础上我们做了大量的思考,让商业内容如何更好结合AI工具去提高效率,正是在这样的背景下,尝试定向化建立了kontext lo… -
保姆级复盘!微信设计师如何做好「创作者音色复刻」功能体验?
在界面设计中, 反馈(Feedback)是系统对用户操作做出的即时、可感知的回应 。系统通过界面元素、动效、声音或震动等方式,告知当前操作已被识别、系统状态如何,以及后续可采取的行动。 本文将结合作者自身的项目经验,分享以下内容: 反馈设计的重要性 在项目中如何完整梳理反馈并设计反馈 反馈的适度性与必要性思考 一、反馈设计的重要性 在 Jakob Nielsen 提出的十大交互设计原则中,居于首位… -
为什么AI产品都爱用蓝紫色?揭秘背后的配色心理学!
打开手机里的AI应用,你大概率会被一种蓝紫色“包围”:像通义APP的logo、百度的问AI按钮、钉钉的AI表格图标、讯飞星火的官网banner… 可用的颜色那么多,为什么AI偏偏对蓝紫色“情有独钟”呢?其实这种颜色不是设计师随便定的,背后藏着贴合咱们认知习惯的心理学逻辑和行业巧思。 一、色彩设计心理学 颜色从来不止是视觉效果,更藏着默认的心理联想,蓝紫色恰好踩中了AI产品最需要的两种认知点: “稳… -
作品集平平无奇?4个方法帮你快速提高层次感!
设计本身做得很好,一到包装就卡脖子了? 很多人可能都会出现这个问题,自己的作品集做完总是看起来很土或者是做不出来细节,看起来很平没有层次感,甚至包装完之后还让自己的作品大打折扣。 那可能是因为你没注意这些基础细节! 基础做好,即使没有花里胡哨的炫技排版,也能让你的作品集看起来更专业更整洁。 一、文字加层次 先看优化前后对比: 优化前的展示比较平,整体都没有层次区分,包括文字信息层面也仅有标题一个层… -
3分钟快速搞懂!导航栏/标签栏/应用栏的区别和设计规范
例如在谷歌的Material Design 3设计指南(MD3)中,①为导航栏,用于切换应用内3-5个核心功能版块;②为顶部应用栏,③为底部应用栏,聚焦当前页面的导航控制(如返回)、功能操作(如搜索)与信息展示(如标题)。 但在苹果Human Interface Guidelines设计指南(HIG)中,将①定义为标签栏,将②定义为导航栏。 为什么HIG中对导航栏的定义不同呢? 我认为iOS中的②… -
想做好日式网站设计,掌握这3点就够了!
近期,我们团队在进行官网日本本地化的项目中,进行了一次非常有价值的探索。我们围绕「如何更好地触达日本用户」这一目标,并行探索了两种不同的设计方向:一种侧重‘日式美学体验’,另一种侧重‘SaaS 商业信任’。 这个过程引发了我们关于「美学价值」与「商业目标」如何平衡的深度思考,本文旨在沉淀与分享我们团队的这次探索过程与方法论。 一、首先,设计之前先读懂日本美学的“潜台词”: 日本设计常被视为高级感的… -
掌握这6个原则,教你写出清晰实用的UX文案
很多团队忽视文案,本质是没看清它的价值。总觉得“文案只要没错别字就行”,却忘了文案是用户和产品的“直接对话”:一个模糊的按钮文案 (如“提交”vs“确认支付”),可能就会让用户犹豫。 一提到用户体验文案,大家最先想到的往往是苹果,文案设计简洁有力。但说实话,盲目照搬苹果的文案模式可能没法行得通,因为这些文案是为苹果这个品牌量身设计的,对其他品牌可能并不适用。 今天咱们就来聊聊UX文案设计的核心要素… -
保姆级教程!揭秘微信和飞书都在用的「顺序效应」心理学
一、 卡片定义(Definition) 顺序效应指的是人们在回忆信息时,对位于序列开头(首因效应)与结尾(近因效应)的信息记忆效果更佳,而中间位置的信息更容易被忽略。该效应由心理学家赫尔曼·艾宾浩斯(Hermann Ebbinghaus)等在实验记忆研究中提出,并被广泛验证。 在 UX 设计 场景中,这一效应揭示了: 列表、菜单、表单、选项卡等内容的首尾位置,用户更易关注并记住; 信息流中的首屏和… -
设计作品少怎么让面试官感觉很丰富?试试这3招特别实用!
做IP作品集包装展示的时候总觉得东西太少、页面太空?客户还反馈 “全部就这些了吗”?别慌,哪怕包装素材就这么些,用对方法照样能做出满满当当、看着特专业的效果。想知道怎么让有限的素材看着 “显多”?咱们接着往下看,全是能直接上手的干货! 一、内容虚实 这里的 “实”是指是画出来的IP形象,属于能直接看到的部分。“虚”是藏在IP形象背后的想法和逻辑,像设计灵感、过程稿、规范等等。增加“虚”的内容可以让… -
作品集别再用PDF了!教你快速搭建设计师个人主页
虽然现在的作品集主要表现形式就是做成 PDF 的长图格式,但作品集的载体从来不是只有这一种方法。比如还有发站酷等平台、导出到线上文档、创建个人主页等等。 其它模式之所以逐渐被淘汰,是因为它们对比 PDF 的格式存在非常大的缺陷,包括冗余信息过多、打开速度过慢、制作难度过大等问题。 而我们今天要介绍的新模式,则和这些都不一样,就是使用类 Notion 的文档工具,搭建自己的设计师个人主页。 使用这个… -
新版微信改了5个不起眼的细节,但设计水平很高!
最近发布的 iOS 微信 8.0.62 被很多人发帖公告,然而评论区却有些冷场。 随便一翻,一部分在抱怨服务号折叠等其它问题: 剩下一部分在抱怨这些改动没多大意义: 从用户角度来看,确实都是些小修小补,没啥值得一提的。 但是从用户体验设计的专业角度来讲,这些小细节,还真就能看出不错的设计思路。 我总结了一句话概括:信息结构更合理了。 用大白话解释一下就是:把重要的东西强化了,把不重要的东西弱化了。… -
模式+类型+原则保姆级教程!超全面的新手引导设计指南
哈喽,这里是设计夹,今天分享的是「新手引导设计」。 不知道大家是否有过相亲经历?相亲通常需要多见几次面才能确定彼此是否合适,但初步印象基本上初见面就有了。第一印象好,才会想再见第二次。 产品和服务也是一个道理——用户刚接触新产品时,最初几分钟的感受特别关键,直接决定了他们是继续使用还是离开。 所以,新手引导不能只停留在“教操作”的层面,更得想办法留住用户,让他们愿意一直用下去。今天就来聊聊,如何设… -
保姆级教程!总结AI产品的5种界面布局设计
哈喽,这里是设计夹,今天分享的是「AI 产品界面布局分析」。 当下,AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务,所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式,将 AI 助手界面总结为五类 UI 布局,并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行: “输入内容”和“微交互(视觉反馈)”。虽然每… -
除了选择蓝白配色,健康和医疗类APP你还可以怎么深入设计?
编者按:如果你是医疗和健康相关的 APP 的设计者,你要怎么来设计?除了可以立刻想到的蓝白配色,你会怎样去构建整个产品的视觉、感官和体验?今天这篇来自 Mary Borysova 的文章,会详细分析不同医疗、健康类的 APP 的设计细节,完整地总结你还可以怎样去构建体验和感知。 2020 年 3 月美国热门健康与健身 APP 下载量排行榜 对于经常使用移动端健康类 APP 的人来说,64% 的人用… -
UI设计师必看!5个章节教你系统掌握Toast设计
在数字化产品的交互体系中,Toast 作为一种轻量级反馈组件,如同用户操作旅程中的“耳语提醒”——它不打断主线任务,却能在恰当的时机传递必要信息。Toast的设计绝非简单的“弹出提示”,而是需要融合场景逻辑、认知心理学与交互美学的系统工程。以下将从定义、核心设计原则、场景应用到未来发展方向几个方面,全面解析这个“小而美”的组件如何撬动用户体验的大价值。 一、Toast 的定义 一位前谷歌微软员工被… -
超全总结!6个章节深入聊聊插图在产品中的应用
一、背景概述 插图的使用已有 10,000 年的历史。最早的图画之一是西班牙发现的手部轮廓图,距今已有 66,000 多年历史。随着互联网的出现,大约在 1997 年,插图的使用逐渐增多,谷歌的每日涂鸦和红牛能量饮料就是其中的典型例子,包括国内的百度,它们都在将具有特殊意义的插图融入产品中。 在过去插图通常使用铅笔、粉笔、钢笔、蚀刻画和颜料完成,但现在经过技术的发展我们可以通过更智能的方式来呈现插… -
设计被说不够精致如何提升?实战案例第二弹!
关于精度优化的小技巧,今天又来啦! 咱们继续这个硬核又实用的系列。 直接开整!优化狠活来了! 一、数据卡片 数字卡片1 当你的数据展示做成这样被老板说没有设计感,该如何优化呢? 先看看优化前后对比图吧 步骤如下 ⬇️ ① 分析问题: 我们首先要搞清楚老板说的没有设计感,是形式感不够?还是信息排版出了问题? 这里不难发现卡片是一个纯白色的矩形,过于普通;而信息排版的大方向 OK,但是数据这块儿,因为…






