-
UI 难点拆解!移动端列表页设计的3个要素与2种布局
一、列表页的基本认识 列表页就是以展示列表 List 为主的页面,所以我们需要先理解列表是什么。 列表源自编程术语,是一种数据结构,即按照线性顺序排列的数据项集合(有限序列)。说人话,就是按照一定顺序展示数据的形式。 我们再用UI设计的角度来理解它,可以把它分为 “列” 和 “表” 两个部分。我们先理解表,表就是“表格”的意思,这也是计算机中存储数据最基础的形式(关系型),我们在页面中看见的多数内…...- 0
- 0
- 9
-
2026最新版!UI、交互、体验设计师的岗位有哪些工作区别?
UI 设计虽然理论上是个独立的设计行业,但在现实场景中,它却有不同的细分工种,以及每个工种在实际工作环境下还有不同的工作要求和倾向。 作为新人自然很难全面且深入的接触不同领域的具体工作场景,且最近这类问题又多了起来,所以我们打算更新一篇新的扫盲,来系统解释 UI 设计的真实岗位要求与工作内容,别让大家2025年还在迷惑设计师的定义问题。 一、UI 设计的主要细分岗位 UI 设计在今天衍生出不少设计…...- 0
- 0
- 153
-
AI 会取代画图标的UI设计师吗?看完这篇实测我放心了
用过 AI 生图的设计师应该都有这样的体验:越抽象、越极简的描述,反而越难生成满足需求,例如图标。 尤其对于 UI 设计师来说,icon 是最基础、也最高频的视觉资产:导航栏、金刚区、工具栏等都离不开它,尤其在移动端项目里,简单轻爽、风格一致性是刚需。 最近我集中测试了几款 AI 生成工具,发现图标生成普遍存在 3 个痛点:风格偏 2.5D、写实、轻拟物等,这些图标风格更偏向 C 端,但是对于 B…...- 0
- 0
- 55
-
从设计执行变项目主导!揭秘大厂高手主动赋能业务的3个关键步骤
对自己要求比较高的设计师,在工作中一定都会遇到有关“主动赋能业务”的工作问题,比如有同学问过我: 总被领导说没有主动赋能业务的觉悟,不会主导项目。但我觉得交互设计师还是处于整个产品链路的后端,产品经理会告诉设计师业务的定位和产品具体的功能,然后我们设计师就根据要求做完了设计,提交给开发,之后在等开发完成后做走查。到底怎么做才能从“设计执行”变成“项目主导”,翻身做主人呢? 这个问题其实很真实。不过…...- 0
- 0
- 91
-
层层拆解!总监教你移动端首页的视觉设计思路
一、首页的视觉规划解析 信息聚合型首页要设计成什么样,受品牌标准与设计风格影响。但相对可以确定的一点是,复杂的信息聚合型首页是很难应用极简风格的,它的出发点就与极简理念是冲突的。 尤其是面对竞争激烈的国内市场,首页如果做的太“寡淡”,是很难和竞争对手抢夺用户注意力的。且在作品集中,过于简单的视觉效果也难以引起观看者的兴趣,很容易被其它作品集埋没。所以不管从哪个角度出发,这类首页的设计都需要 “重口…...- 0
- 0
- 51
-
超多案例!2026 最新移动端首页设计思路
最近C端开始新一波的作品集输出了,移动端首页就是其中的重要设计页面,那么今天就来聊聊最新的移动端首页设计方向和框架设计方式。 移动端主页,通常是项目中最先开始设计的页面,也是项目视觉中最重要的页面,它的效果,会直接影响观看者对该项目的第一印象。 所以今天,我们围绕当前的移动端主页设计趋势,来分享主页的设计要点。 一、移动端主页的认识 移动端的主页虽然指进入应用后(登录后)看到的第一个页面,但这个页…...- 0
- 0
- 80
-
不懂代码也能落地!AI 时代,为什么“设计工程师”将取代传统UI?
一、赛博西西弗斯 作为设计师,最近咱们可能都有种“赛博西西弗斯”式的无力感: 我们似乎越来越容易陷入一种“高精度的低效”里。 在 Figma 里,我们是古希腊掌控像素的“神”。 为了 4px 的间距,为了一个按钮的微交互,我们愿意把图层命名整理得像强迫症患者的抽屉,拉着上下游开 800 个会去对齐。 但在“交付”的那一刻。 神仙下凡,脸先着地 我们描绘的是 Happy Path(理想路径)——数据…...- 0
- 0
- 70
-
不用反复抽卡了!教你用Lovart+Nano Banana Pro搞定这 7 类商业设计
嗨大家好!我是阿真! 我带着详细的满满案例来了。今天内容有点多,有点干,大家看不完可以先转发给自己有空再看 老规矩上链接:https://www.lovart.ai/ 还是在Lovart里搞定一切,丝滑且最高可4K画质,细节非常好。 上期Nano Banana Pro,一尝试我们就感受到了它又遥遥领先了,SOTA(State of the Art的缩写,是一个经常被用于描述科技领域中表现最优秀的技…...- 0
- 0
- 178
-
为什么你做的设计同质化严重?这4个方法教你瞬间拉开差距!
作为设计师,经常被“同质化”这三个字所困扰,到底如何才能让自己的设计跟别人不一样,今天菜心老师分享几个小方法给你! 一、生活中不常见的事物或场景 有同学问我,为什么我用AI生成出来的场景分数相对低一些呢?如下图 主要是因为场景太常见了,在生活中就能看到。 但是下面这张就不常见,看起来是经过想象与设计的,可能是在一个陌生的星球上: 再或者下面这张,太空上的,你平时也看不见,所以也会相对有一些差异: …...- 0
- 0
- 84
-
AI产品经理亲测!这套入职SOP让我快速吃透任何新业务(附模板)
每次换工作,我都会被问同一个问题,你怎么总能在很短的时间里,把一条完全陌生的业务跑顺? 听上去好像是那种天赋型人物的故事,好像我天生就对新环境适应得快。 但我自己很清楚真正起作用的,是一套我反复打磨出来的入职摸底习惯。表面上看只是习惯,往深里看更像是一份写给自己的小型业务手册, 从新公司报到那天开始就不断补充,既是备忘录,也是认知校准工具。 最近这一份入职摸底文档,是在一条海外产品方向的业务线上写…...- 0
- 0
- 130
-
学历加速贬值的AI时代,大学还有必要读吗?
想聊这个话题,是因为周末的时候,我在油管上看了最新一期Open AI 的CEO Sam Altman和知名经济学家Tyler Cowen的访谈,对话内容挺有意思的,他们聊了很多关于未来AI趋势,其中有关教育,读书以及工作机会这几个方面话题跟和我们日常工作生活息息相关,值得拿出来跟大家分享。 想看原访谈的,可以点这个链接:https://www.youtube.com/watch?v=Zcw_epD…...- 0
- 0
- 121
-
作品集平平无奇?4个方法帮你快速提高层次感!
设计本身做得很好,一到包装就卡脖子了? 很多人可能都会出现这个问题,自己的作品集做完总是看起来很土或者是做不出来细节,看起来很平没有层次感,甚至包装完之后还让自己的作品大打折扣。 那可能是因为你没注意这些基础细节! 基础做好,即使没有花里胡哨的炫技排版,也能让你的作品集看起来更专业更整洁。 一、文字加层次 先看优化前后对比: 优化前的展示比较平,整体都没有层次区分,包括文字信息层面也仅有标题一个层…...- 0
- 0
- 117
-
脱胎换骨!盘点iOS 26值得点赞的14个设计细节
Hi~ 大家好,我是姝斐~今天给大家分享 iOS 26 的 14 个设计革新。据说它是 iOS 7 以来最全面的一次界面革新,这么重磅的改变怎能不好好品味品味,仔细一看,发现 iOS 26 的设计确实挺吸睛的。看完都萌生马上要拥有的念头,想知道是什么地方这么吸引人吗?下面就来欣赏这 14 个设计大改造吧! 一、材质的变化 iOS 26 最大的变化是设计大修,Apple 在整个操作系统中使用了一种新…...- 0
- 0
- 114
-
为什么AI时代的设计趋势,正在回归千禧年审美?
说到AI的设计趋势,就离不开整个大环境的审美趋势,也离不开当下的历史背景。 最近随着苹果 iOS 26的发布,液态玻璃再次掀起了拟物质感的风潮。也让不少设计师疑惑:是否扁平化不复存在,亦或者两年后会不会重新回到扁平化? 其实不是的,因为设计风潮的掀起是随着整个审美趋势的,重质感的风格只是一个开始,也即将延续。具体展开,让我们从千禧年风格回潮说起。 一、回顾千禧年的设计风格 近几年,不管是时尚、科技…...- 0
- 0
- 154
-
掌握这3份AI模版,帮你秒出竞品分析+方案评估报告
近两年,VMIC UED一直致力于AI设计提效,今天先给大家带来一期AI竞品分析/方案评估提效的分享,后续还会有方案发散、动效设计、设计验收等主题,欢迎大家持续关注。 作为设计师,我们几乎每天都会经历这样的时刻——打开五六个竞品 App,一边截图、一边排版、一边睁大我们的火眼金睛探查: 竞品的设计是怎么做的? 它为什么这么设计? 这么设计的优缺点是什么? 我们应该怎么设计? 做完设计发散后,面对三…...- 0
- 0
- 194
-
为什么AI产品都爱用蓝紫色?揭秘背后的配色心理学!
哈喽,这里是Clip设计夹,今天分享的是「AI产品配色设计」。 打开手机里的AI应用,你大概率会被一种蓝紫色“包围”:像通义APP的logo、百度的问AI按钮、钉钉的AI表格图标、讯飞星火的官网banner… 可用的颜色那么多,为什么AI偏偏对蓝紫色“情有独钟”呢?其实这种颜色不是设计师随便定的,背后藏着贴合咱们认知习惯的心理学逻辑和行业巧思。 一、色彩设计心理学 颜色从来不止是视觉效果,更藏着默…...- 0
- 0
- 134
-
5亿人在用的淘宝,如何让AI和电商无缝结合?
2025年即将收官,AI已成为人人热议的话题。在过去的半年多时间里,我们围绕AI能力在搜索场景中的应用开展了多项业务探索。坦率地说,目前AI与电商的结合仍处于产品验证与模式迭代的初级阶段,尚未形成成熟路径,但正因如此,蕴藏着巨大的想象空间。 这一探索过程的价值,或许不仅在于具体功能的落地,更在于让我们对用户需求、交互逻辑以及技术边界有了更深入的理解和思考。 一、搜索的边界正在消融 在传统电商搜索体…...- 0
- 0
- 112
-
揭秘!为什么AI图标都爱用“菱形十字星“这个视觉符号?
哈喽,这里是Clip设计夹,今天分享的是「AI图标视觉符号」。 不知道大家有没有发现一个现象,现在很多AI标志或图标里都带有“菱形十字星”元素,自带一股科技感和闪光感。这个设计风向实际已经兴起两三年了。 2022年ChatGPT的发布直接给IT行业来了一场大变革,之后大部分应用都开始接入AI功能。设计师们琢磨来琢磨去:到底用啥图标代表AI好呢?最后“菱形十字星”成了共识。 接下来就如大家所见了,哪…...- 0
- 0
- 143
-
高手总结!教你做好登录页设计的12种切入点
Hi~大家好,我是姝斐,今天继续跟大家分享好设计! 我们设计师是不是最害怕众口难调,今天跟大家分享登录页的 12 种设计切入点,相信总有一款会入甲方爸爸的心。 作为设计师,我们常常面临一个窘境:要面对各式各样客户审美的挑剔,有时候被虐得都怀疑人生。 但找参考时,思维又容易被局限在常见的几种形式里,我通过分析大量优秀的登录页,总结了 12 个高级的设计切入点,希望能为你打开新思路。 一、以纯色背景+…...- 0
- 0
- 210
-
从重复抽卡到脑洞大开?一句话让AI更聪明!
只要你平时用多了AI,可能会发现一个问题? 比如你让AI帮优化个文章,它总是动不动就给你用上冒号(:)跟破折号(——),文字间还特别喜欢用成语,喜欢用自问自答,还喜欢用序号(1,2,3,4...),有时候套话还挺多,甚至有时候当你反复抽卡时结果却越来越相似。 明明是不同的,有时甚至是同一个模型换个会话,问同一个开放性问题,得到的答案却总是很相似。 我一度怀疑,是不是因为各家AI都是学的同一个互联网…...- 0
- 0
- 146
-
保姆级教程!揭秘京东和美团都在用的「选项顺序效应」心理学
一、卡片定义(Definition) 选项顺序效应(Order Effect) 指当用户面对一系列选项时,选项的呈现顺序会显著影响其决策结果。这种偏差主要表现为: 首因效应(Primacy Effect):用户更容易选择最早出现的选项,因为它们在注意力上获得了“优先曝光”,并更容易在工作记忆中留下印象。 近因效应(Recency Effect):用户也可能偏好最后几个出现的选项,因为它们更接近决策…...- 0
- 0
- 248
-
平面设计没灵感?带你快速了解11种设计风格!
在设计的长河中,平面设计风格历经了各种变迁。回溯到 20 世纪,新艺术风格以其复杂且精美的设计元素风靡一时,展现出独特的艺术魅力。而如今,时尚的当代设计已成为主流,呈现出简洁、高效的视觉特征。 风格的转变并非一蹴而就,其中涉及诸多因素。不同时期的历史事件、技术进步以及文化变迁,都在悄然塑造着平面设计的走向。那么,这些因素究竟是如何发挥作用,推动风格从过去的复杂过渡到当下的简约呢?这一过程充满了冲突…...- 0
- 0
- 549
-
为了不让你取消订单,各大打车平台做了哪些设计巧思?
最近用花小猪打车,等车接驾的时候发现,它会为我免费升级车型,帮我承担差价,这一操作让我一下打消了使用其他软件叫车的念头,盯着屏幕看它给我免费升级,这种占便宜的心理一下子就被激发出来,最后成功升级,顺利上车。 如此顺畅的打车体验让我惊叹,现在为了降低叫车过程中的取消率,「手段」已经如此炉火纯青了。 让我们来看看是怎么做的。 首先,我们来看一下是什么让我们想取消订单。 在打车场景中,用户取消订单的核心…...- 0
- 0
- 260
-
B端数据可视化设计第三弹!14个章节带你掌握表单设计(下)
表单作为 B 端产品重要的信息载体,有着举足轻重的作用,通过设计的手段来提高表单的易用性不仅能够改善用户体验,降低错误率,提高填写效率,还能增加用户参与度和完成率,同时对企业或组织而言提高效率和减少成本。 提升用户体验:易用性是用户体验的核心要素之一。通过设计易用的表单,用户在填写表单的过程中将更加轻松、愉快,减少用户的困惑和不满意,从而提升用户对产品或服务的整体感受。 降低用户错误率:易用的表单…...- 0
- 0
- 201

























