-
腾讯设计师:轻松4步打造一稿过的高品质Banner
做运营设计六年+,在此总结出一些小经验跟大家分享,应该能够帮到进阶中的你。 一、前言 选材(25)+背景(25)+文案设计(40)+营造氛围(10)=100分(满分) (注意:积分在此是层层递进关系,其中三个必选项内即便有减分项按照下面的做法实施也能将自己的设计稿维持在及格分数线以上,最后的可选项则会成为加分项。) 二、4步打造高品质banner 1. 素材选取(25分) 以日常动漫轮播需求为例,… -
7天时间,我用AI编程独自做出一个外勤小程序
一、全文速览图 嗨,我是范米花儿,换新头像了,大家别不认识我~ 最近我用AI 编程 ,独自为公司内部从0到1做了一个小程序 ,主要用来解决一件事:员工外勤填报 。 核心能力是「语音一句话」快速生成外勤记录,同时也支持手工填报、全员记录查看、客户与成员管理、考勤填报定时提醒推送等。 定义前台功能 :先明确用户角色与最高频动作,写可迭代 PRD 方案先结构后细节 :用 AI 产出多套方案,并用 ASC… -
超多案例!教科书级的数据可视化系列基础指南
数据可视化的核心在于点、线、面的艺术组合。本文将深入解析三大构成要素在图表设计中的关键作用,从散点图的分布规律到柱状图的斐波那契宽度设计,揭秘几何形态如何影响数据传达效率与视觉美感。 在讲数据可视化的几何图形设计前,我们先来聊聊设计基本功——三大构成中平面构成的点、线、面。我们人眼所看到的万事万物都能抽象成点、线、面,这三个基本要素。点是所有图形的基础,是一切设计的起点。线是由多个点彼此相邻连接而… -
3分钟快速搞懂!导航栏/标签栏/应用栏的区别和设计规范
例如在谷歌的Material Design 3设计指南(MD3)中,①为导航栏,用于切换应用内3-5个核心功能版块;②为顶部应用栏,③为底部应用栏,聚焦当前页面的导航控制(如返回)、功能操作(如搜索)与信息展示(如标题)。 但在苹果Human Interface Guidelines设计指南(HIG)中,将①定义为标签栏,将②定义为导航栏。 为什么HIG中对导航栏的定义不同呢? 我认为iOS中的②… -
不用来回切PS了!这7款Figma插件让效率直接起飞
一、全文速览图 这个插件提供了很多特效,选中图片或者画板能一次性叠加多种滤镜效果。从色温、饱和度、曝光、模糊、锐化、噪点这些基础调色,到胶片色调这种改画面氛围的特效,它都能实现。 更方便的是它支持保存预设——如果团队有固定用的色调风格,可以存成预设随用随调,大幅减少重复工作。尤其是做营销页面、活动banner这种快节奏的活,效率直接拉满。 不过它也有一个缺点:应用效果后的图片会被合并栅格化,没法像… -
字体设计教程!曲线布点秘诀超详解
教程作者:杨洋 交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业 文章编辑:@十豆 一、关于教程 为什么别人设计的字体笔画曲线那么流畅自然?在上一集,我们讲完了笔画结构二次创作的几个方法,那么这一次我们就来进一步聊一聊,笔画曲线丝滑的布点技巧,以及应该怎么练~ 二、教程简概 详细内容请观看文章开头的视频教程。 #01 布点技巧 使用较少的锚点来概括曲线,以减少编辑和调整时的复杂性。 … -
万字创作心得!火爆全网的《卢浮宫小猫》AI视频是如何做出来的?
往期专访: 昨晚,超级超级开心的邀请了我的两位好朋友、也是我的两位偶像海辛和阿文,来我的视频号做了一场直播。 来分享他们关于他们的AI视频作品,《卢浮宫小猫》的全流程创作分享。 今天想把我们最近为浦东美术馆制作的一组官方宣传片,从创意到分镜到AI工具执行的全过程,做一次尽可能毫无保留的分享。 我们之前做过两部比较有名的短片。第一部是在去年年初,北京日报邀请我们为北京制作的城市文明宣传片,片名是“故… -
为什么你的图标不够专业?大厂高手用实战案例教会你!
2024 年 58 同城迎来了意义深远的企业文化焕新,借此东风,我们顺势完成了产品视觉的全面升级。并确定了简单有效,美好安乐,多元融合和自然生长作为主要原则的设计理念。这一理念,不仅是对产品视觉升级的指引,更是我们与用户建立深度连接的精神纽带。 在着手 icon 设计之初,老子《道德经》中“大方无隅”一词在我脑海闪现,而其体现出的开放,包容,和谐,自然等哲学观,与我们的设计原则不谋而合。为此次 i… -
让AI辅助还是全托管?5个章节帮你掌握背后的设计逻辑
编者按:我们一方面惊叹 AI 的强大,另一方面又会在任务托管给 AI 之后总觉得有点慌。我们在两个极端之间来回横跳,最近尤为频繁。那么在真实的项目当中,什么时候应该信任 AI ,什么时候应该依靠人的判断呢?这当中有没有一个明确的界限,或者说评价系统帮助我们更好的判断?当然是有的。Taras Bakusevych 的这篇文章就是你想要的答案。 关于 AI 的设计策略,建议和这篇文章一起看: 全文速览… -
资讯/神器/素材全都有!2025年8月设计素材周刊第四波
一、产品推荐 1. Figma 圆角计算插件 插件 Smoother 自动计算父框架和子框架之间的完美半径关系,类似 Sketch 前段时间发布名为“同心角”的功能 网址: https://www.figma.com/community/plugin/1533519971089532307/smoother 2. 基于 React 的光标动画库 使用 React、TypeScript、Tailwi… -
PS教程!纹理墨迹字效果小技巧
教程作者:@郁闷的鸡(优设大课堂UI & 动效课讲师)报名课程:鸡爷UI就业实战班 | 动效设计全能实战班交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业文章编辑:@十豆 一、关于教程 本期视频给大家讲解一下在 Photoshop 中创建墨迹字效果的小技巧,纹理很强烈,在没有图片的标题设计中非常好用。 二、关键步骤提示 详细操作请看文章开头的视频教程演示。 #01 透明度…





























