-
Figma 组件化设计入门！NO.05 发布共享组件库
一、关于教程 欢迎来到涛哥UI设计，这个系列教程我会带着大家学习如何在 Figma 中实现组件化设计。 本节课将教大家如何在 Figma 中使用、发布和管理组件。 二、教程简概 详细操作请看文章开头的视频教程演示。 #01 如何添加组件库 进入Figma社区，搜索需要的组件库，如iOS的UI组件库。 找到合适的组件库后，点击“Open in Figma”将其导入到Figma中。 将导入的组件库拖入…- 32.7k
-
双11电商设计没灵感？看看这精选素材＆10个实用技巧
临近年底，双 11、双 12、黑五、双旦节、年货节轮番而至 超多节日 = 海量设计需求 + 改稿要求…… 灵感枯竭去哪里找参考？ 品牌素材杂乱，如何汇总高效复用？ 创意字体怎么保证版权无忧？ 尺寸延展有没有办法一键搞定？ …… 这份《电商季高效出图攻略》请一定收下！ 看过之后，以上难题全都能轻松解决~ 电商节接踵而至，设计需求更是铺天盖地而来，既要效率、又要新意，如何保证想法不被榨干？ 试试去「即…- 4.3k
-
B端设计师要懂哪些开发知识？先掌握这5个！
要不要学习开发知识，是个非常常见但又要认真对待的问题，而我给出的答案是 —— 需要。 下面我就围绕这个议题做一次更新，为什么作为设计师需要 “懂技术”。 一、设计要懂技术的原因 作为 B 端设计师，“懂技术”的意思并不是指要掌握编程和相关计算机专业知识自己打代码，而是从框架角度理解特定的技术原理、运行逻辑、以及相关限制等。 这个要求并不只是 UI 设计师独有，而是对整个设计行业都非常普遍的专业要求…- 1.6k
-
超全总结！6个章节深入聊聊插图在产品中的应用
一、背景概述 插图的使用已有 10,000 年的历史。最早的图画之一是西班牙发现的手部轮廓图，距今已有 66,000 多年历史。随着互联网的出现，大约在 1997 年，插图的使用逐渐增多，谷歌的每日涂鸦和红牛能量饮料就是其中的典型例子，包括国内的百度，它们都在将具有特殊意义的插图融入产品中。 在过去插图通常使用铅笔、粉笔、钢笔、蚀刻画和颜料完成，但现在经过技术的发展我们可以通过更智能的方式来呈现插…- 4.4k
-
3种桌面布光方法大公开,产品展示/评测/带货都用得上
一、关于教程 最近很流行在桌面上来进行产品评测啊、带货视频的产品的展示，虽然是在一个小小的桌面上，但是效果变化无穷。 有的科技满满，有的清新脱俗，最主要的是在家里，在宿舍，只要有个桌子就能做到。本期的视频就来分享三种桌面布光的方式。 二、视频简概 详细操作请看文章开头的视频教程演示。 #01 桌子和布景 首先我们要有一个桌子，不要纠结桌子的大小、高度和颜色，它的作用就是一个载体，其他的可以去改变。…- 5.2k
-
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一…- 1.8k
-
设计被说不够精致如何提升？实战案例第二弹！
关于精度优化的小技巧，今天又来啦！ 咱们继续这个硬核又实用的系列。 直接开整！优化狠活来了！ 一、数据卡片 数字卡片1 当你的数据展示做成这样被老板说没有设计感，该如何优化呢？ 先看看优化前后对比图吧 步骤如下 ⬇️ ① 分析问题： 我们首先要搞清楚老板说的没有设计感，是形式感不够？还是信息排版出了问题？ 这里不难发现卡片是一个纯白色的矩形，过于普通；而信息排版的大方向 OK，但是数据这块儿，因为…- 3.3k
-
掌握这6个原则，教你写出清晰实用的UX文案
很多团队忽视文案，本质是没看清它的价值。总觉得“文案只要没错别字就行”，却忘了文案是用户和产品的“直接对话”：一个模糊的按钮文案 (如“提交”vs“确认支付”)，可能就会让用户犹豫。 一提到用户体验文案，大家最先想到的往往是苹果，文案设计简洁有力。但说实话，盲目照搬苹果的文案模式可能没法行得通，因为这些文案是为苹果这个品牌量身设计的，对其他品牌可能并不适用。 今天咱们就来聊聊UX文案设计的核心要素…- 2.5k
-
作品总是没细节怎么办？实操案例带你掌握高手的优化技巧！
本次优化案例主打一个关注细节，一起来看看吧。 先来看看优化前： 再来看看优化后： 优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！ 方向一：优化顶部 第 1 步：区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来： 第 2 步：给人物视觉元素调色 优化前的人物元素色调过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满： 第 3 步：优化排版…- 566
-
4亿人在用的小红书，为什么调整了作者主页的UI设计？
随着内容社区竞争愈发激烈，小红书对“关注转化率”与“关系链扩散”的重视正在从细节体现出来。近期，我发现个人主页悄然上线新版 UI，重新组织了信息层级，并引入社交推荐机制，对产品体验产生了重要影响。（但是目前部分账号有变化） 一、新旧主页对比 二、产品亮点解析 行为驱动的信息重组： 将“关注/粉丝/点赞”数据前置，强化用户对创作者影响力的快速判断，先感知权重，再做出是否互动的决策。 增强行动按钮的引…- 67.1k
-
设计师必须要掌握的字体设计基础知识
我们常常会看到一些字体，存在着各种各样的问题，很大原因就是对一些汉字的基础知识不够了解所造成的。 万物皆有本源，字体也一样，今天我们看到的千变万化、形式各异的字体，都离不开文字本身的根基，脱离了这个根基去做字体，往往难以做出成功的作品，就像练武需要有基本功一样，文字的基础知识对于做好字体，有着不可或缺的作用。 一、骨骼与体饰 “骨骼”即字体的内在间架结构，是决定字体内在气质以及是否美观的基础性因素…- 5.3k
-
为什么国内的UI设计比国外复杂？高手总结了3个深层原因
在接触和学习 UI 设计的时候，我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618，相信大家没少被国产应用的广告“亲切的”问候。 一方面是寻找设计灵感时要做区分，另一方面则是我们学习 UI 时看的书籍，学习的理论、规范，都是由西方国家产出的，而国内设计的方向却和它们背道而驰，用一个词来形容现状，那就是 —— 割裂。 所以在初学阶段，理论学的越多，受到的冲击也就越大，疑问也就越多。…- 4.8k
-
2D图快速变3D！比 AI 更可控的神级插件Vector to 3D
一、Figma 插件 介绍一款 Figma 插件 Vector to 3D。与 C4D 和 Blender 这类专业的三维软件相比，它在 Figma 环境中直接运行，无需切换软件，极大地提高了工作效率。对于熟悉 Figma 操作的设计师来说，上手更为迅速，减少了学习新软件的成本。而且，它能与 Figma 的二维设计流程紧密结合，实现二维到三维的无缝转换。 与 StableDiffusion 和 M…- 1.8k
-
这logo怎么玩？第5期 用锥形制作刺猬LOGO
关于教程 各位狗子们晚上好，今天我们继续挑战用一个几何图形创造一个标志！ 本期的灵感素材来源于下面这个可爱又扎手的小家伙——刺猬。 教程步骤 首先说下我的创作思路。 刺猬最重要的特征莫过于背上的刺，因此我选择了细长的矩形来体现，整体做成放射状也比较对称美观。此外刺猬的面部（眼鼻），用矩形刻画也是没有问题的。草图如下： 替换成矩形看下效果。 果然理想很丰满，现实很骨感，我又一次被啪啪打脸了，哈哈哈~…- 10.1k
-
做了1000多天的项目，终于把吉祥物设计流程搞清楚了！
我们做一组吉祥物，无非分为三个步骤：设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢，今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段，有很多种创意方式，我们经常用的有三种：组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起，比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎，放置在…- 2.2k
-
为什么高手的设计更有质感？4个方法教你优化UI设计！
为什么高手的设计总是看起来那么高级？如果分析你和高手之间的差距，往往拉开设计师水准的，不是什么奇技淫巧，而是细节。 来看看这次优化前的设计： 这是心愿卡页面的视觉重心——头部，我们看优化后的设计： 被惊艳到了吗？在这次的优化思路拆解中，我将向你分析优化的每一个设计细节，和背后的底层逻辑。 一、凸显主体 即使是优化前，作为图片的孔明灯，也是最吸睛的主体，那么，我们就一不做二不休，更加凸显主体。调色使…- 2.3k
-
10个别出心裁的LOGO设计妙招
在当今品牌竞争激烈的时代，一个独具匠心的标志不仅能在瞬间抓住消费者眼球，更能传递品牌的核心价值与文化内涵。 今天分享 10 个不按套路出牌的“logo 设计妙招”，另附两个经典案例，助你在创意迸发的同时也能找到实际应用的灵感！ 一、极简主义设计：少即是多 在纷繁复杂的信息时代，一个极简的 logo 能快速传达品牌理念，通过精简的图形、干净的线条和简约的色块设计，使标志更易于识别与记忆。 案例参考 …- 20.3k
-
炫彩自制笔刷分享和设计使用小技巧
一、关于教程 今天为大家分享一组炫彩自制笔刷，这些自制笔刷素材可以用来设计标题、字体等效果。下载后只需简单的安装步骤，就能在 Adobe Ai 中免费任意使用这些笔刷了~ 二、内容简概 详细操作请看文章开头的视频教程演示。 #01 安装方法 打开 Ai 安装文件夹中的画笔预设文件夹，将下载下来的文件拖入，即可完成画笔安装。接着打开 Ai 画笔窗口，点击左下角按钮找到笔刷，点击打开并选择画笔工具，选…- 3.3k
-
如何做好24节气视觉设计？来看快手的实战复盘！
前言 在中华传统文化的璀璨星空中，24 节气宛如一串闪耀的明珠，照应着四季的更迭和气候的变换，从农耕时代延续至今，承载着先辈们世代积累的智慧。而如今，对于节气文化的传承促使我们开始去追溯传统节气文化，并借助传播媒介，不断的去发扬光大，让更多的人感受到它的内涵。 下文将展开详述关于「快手节气活起来」的相关思考和具体设计过程，希望可以带给大家一些专业上的启发。 一、24 节气的设计重难点 1. 结合快…- 26.9k
-
用4个章节，帮你快速了解2025流行的新粗野主义设计
前文我们聊完了粗野主义 (Brutalism) 的基本知识，现在来到我最喜欢的章节，前文甚至是这一篇的铺垫，接下来让我们来谈谈“新粗野主义”及其衍生的设计风格。 事实上，当下被归类为粗野主义的流行设计作品，大多可以归入新粗野主义的范畴。相比原始粗野主义所坚持的“无设计”理念，今日也还是属于较为小众的设计文化。而新粗野主义则被更多人接纳和喜欢，广泛应用于独立创作者的作品网站、创意营销活动、品牌策划，…- 15.3k
设计文章
汇聚优质设计文章，分享创意灵感与干货，助力设计师持续成长
扫码打开当前页
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×