在当今快节奏的数字时代，用户的注意力成为了最宝贵的资源。PC 端的首屏设计，作为用户与网站或应用交互的第一站，其重要性不言而喻。它不仅定义了用户对品牌的第一印象，更是决定用户是否愿意深入探索的关键。首屏的设计质量直接影响着用户的停留时间、参与度以及最终的转化率。因此，深入理解并有效运用设计原则，对于实现首屏流量的最优分发至关重要。 本文将带你走进 PC 端首屏设计的深层逻辑，从古腾堡原理的视觉流动…

空状态是当页面内容为空时所呈现的界面，它可以通过友好的指引和视觉元素来帮助产品提升用户体验。 空状态的表现形式有很多种，想要与众不同别出心裁，就要有足够的创意。今天给大家分享空状态设计的一些小创意和技巧。 为了让大家更好的理解，我们先举个小例子： 使用软件的过程中，出现无网络的提示。这个时候要画一个无网络的空状态，我们可以画一个 Wifi 的 icon，然后在上面用斜杠或者说有个小叉去代表这个网络…

站长很懒，暂时还没有对此文章写描述呢！

原文引自 Megan Brown 的文章 《Glassmorphism: Definition and Best Practices》，译者对原文进行了部分删减、补充和调整以便读者理解。 玻璃态是 2020 年以来逐渐流行起来的一种视觉设计趋势，在苹果和微软的设计系统中占有重要地位。玻璃态元素看起来像磨砂玻璃。巧妙使用玻璃态可以帮助设计师有效地建立视觉层次。然而，如果没有熟练掌握视觉设计原则，或者…

发现两个大家都容易犯的问题，就是给主体上色时容易出现脏或者油腻，脏我们很好理解就是上色时黑色过多了，至于油腻，简单来说就是暗部的颜色饱和度过高了。 今天就来教大家如何在上色的时候避免发生这两个问题，以及出现了之后如何优化。 一、颜色油腻 在开头的时候我们已经说过了油腻其实就是暗部颜色饱和度太高了，就像下方图片一样： 我们都知道相同色相的两个颜色，一个是低饱和一个是高饱和的，那么谁会更加吸引眼球？ …

跟大家分享一个 Toast 的设计，大家先看看前后效果： Toast 是 UI 设计中最基础的组件之一，它能够在用户完成某个简单操作后给到及时的反馈提醒，这种反馈十分的轻量，展示几秒后就会自动消失。 这样的轻提醒，最最最常见的就是以下这种设计方式： 但除了这种之外，Toast 的设计方式也是比较多样的，比如像弹窗一样的 Toast： 或者，像贴纸一样的 Toast 这样 Toast 的设计形式是不…

在当今的设计领域，人工智能（AI）已经成为一个强大的助手，它在图形设计中的应用日益广泛，从创造独特的 IP 形象到设计引人注目的海报，AI 都能提供巨大的帮助。今天，让我们一起深入探索如何利用 AI 技术来制作多样化的图标，为你的设计工作增添无限可能。 一、AI图标的魅力 图标设计的艺术性：图标不仅仅是界面上的一个小图形，它们是设计语言中的关键元素，能够传递信息、引导用户操作，甚至激发情感。AI …

引言 在如今的工作环境中，我们都追求能够高效便捷地完成操作和任务。那么「快捷键」大概就是大家最熟悉也最常用的一种提效手段，尤其是作为设计师的我们，无论是在 PS、Figma、Sketch 等设计工具中，还是 Word、PPT、Excel 办公软件中，快捷键的设计和使用都直接影响着我们的使用体验和工作效率，减少频繁的鼠标点击，提升操作流畅度。 本文章将系统性探讨和分享如何设计和制定工具产品中的快捷键…

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

一、DesignGenie DesignGenie 是腾讯出品的一款免费的 Figma，功能持续在更新，通过其独特的功能，为设计师提供了一种全新的工作方式。支持代码到设计的无缝转换，只需提供网站链接，即可自动生成相应的视觉设计稿，支持浅色/深色模式生成，功能最近更新也频繁，目前还推出了个新的高级功能，提取生成相应的视觉设计稿页面中的图标、视频元素，适合新手学习使用，喜欢的自己可以体验下； 网址：h…

俗话说的好，人靠衣服马靠鞍，指衣服对人体的形象美有极大的影响，也就是说合适的包装外在对我们来说十分重要。人靠衣服那我们的作品靠什么包装呢？那当然是样机啦，好的样机包装是作品集锦上添花的重要因素。我们有很多渠道和方法去找到一些不错的样机素材库，比如我们优优。虽然之前也给大家推荐过很多样机库了，但是好网站太多了，你看，今天我还要继续给大家介绍一款优秀的样机素材库！来一起了解了解它吧！ 一、神器介绍 今…

还有两三个月就到圣诞节了啊大家，屏幕前的小伙伴们估计也在为圣诞节相关的运营设计图（专题、海报、banner等）做准备吧？如今，3D 场景类型的设计风靡时代，尤其对于电商品牌的影响非常大，线上线下也都随处可见各种 3D 元素的海报。大家手里这种素材的库存还够吗，还充足吗？如果不够用，今天给大家推荐的这个免费圣诞节素材合集应该能救救急，合集里包括插画、3D素材、图标、动态图标，足以应对绝大多数的需求！…

设计作品中需要用多种元素去构建画面，除了文字和颜色，还有图形这个很重要的要素。图形一般指的不是圆形、矩形、三角形这种常规的基础形状，而是这些基础形状所演变出来的图象，插画就是其中一个分支，还是最文雅、最艺术的表现形式。但是插画的绘制成本很高，需要一定的美术基础才可以上手，而且需要比较宽裕的时间去准备。那这个时候就需要现成的素材来帮助我们了，今天给大家带来的神器就是一款优质的免费插画库！敬请期待！ …

设计海报时，大家都知道我们不能只注重主体物的表现吧，虽然主体物是重点，占据大部分版面，但是光秃秃的主体物直接摆放在画面上只会让受众感受到画面单调、枯燥容易审美疲劳。那么我们一般都使用什么手法去塑造一个更有趣味性更活泼的画面呢？ 我想一般的答案就是添加点缀素材去衬托主体吧，没错，像花朵需要绿叶衬托才能更显娇艳一样，设计中的点缀素材同样十分重要，不可忽视。如果你之前忽视了这些素材，没有收集一些相关的素…

引言 你会不会要为个人影片制作或界面设计寻找合适的、高品质的音乐音效呢？如果你需要，那么是不是通常需要旷日累时而且付出高昂的价格呢？这时候你是不是很焦虑？哎～不要焦虑我的朋友，现在我就给你推荐一款神器！一款大牌素材库 Icon8 官方出品的音频素材网站！个人非商用完全免费，可以让我们更快找到自己需要的音效素材～ 一、神器介绍 「Fugue」是一个新上线的音乐素材库，由 Icon 8 团队开发，号称…

随着网络的发展，各行各业的信息、资源都很爆炸，就我们设计方面来说吧，辅助设计师工作的素材库层出不穷，这着实算件好事，但凡事都有两面性，只是有时相比优点来讲缺点可以忽略。 那么素材库数量繁多有什么坏处呢？坏处就是资源太过零散，比如插画方面的资源，各个站点有其专属的展示、素材获取方式，那有办法解决吗？有，今天就给大家推荐一款神器，这款神器将免费插画素材收录成了类似懒人包一样的东西，很易于我们搜寻检索！…

大家发现没有，UI 其实需要的素材不比一张平面设计作品少对吧，icon 占最大头儿，界面之外需要样机去展示大体的展示效果，没有灵感的时候还需要去找些 UI Kit、模板什么的，这些素材找对了，那么工作效率的提升简直火箭式起飞，所以 UI 资源库很重要。可能大家会说了：道理我都懂～但就是找不到免费的、质量高的样机资源网站～哎！你要有这种想法的话今天算是来着了，来吧各位有缘人，马上来了解了解下面这款提…

作为 UI 设计师，对于 icon 图标的控制力是训练重点，毕竟哪怕同一幅界面、同一个主题的 icon，那最终效果也可能会是一个天上一个地下。那有没有一些较快掌握 icon 效果的方法呢？ 有，以目前为止所积累的经验来看，一款可以提供精美、规范icon的网站是帮助我们迅速提升画面质感的利器，因为 icon 的设计是有严格规范和设计语言在的，那经验不足的时候拿现成的素材是比较正确的，用着用着自己潜移…

一、字体简介 去年，oooooohmygosh 老师与锚钨团队发布了免费商用字体「得意黑」。 字魂网对得意黑字体进行了二次创作，发布开源字体「字魂扁桃体」，同样是开源并永久免费商用，提供给所有用户。 二、字体特点 这款字体继承了「得意黑」6° 倾斜的标志性特征，与此同时，提升了整个字体的重量感，并适当加宽了字身。通过代入喇叭口的设计，让得意黑标志性的微笑弧度“卷起来了”。 三、字体效果展示

一、字体简介 可爱少女体（日文名：ポプらむ☆キュート ） ，是一款来自日本非常可爱的字体，字体设计者按照少女青春、轻松、快乐的风格，设计出具有可爱、甜美、圆润和浪漫的女生手写字体，同时追求造型对称与平衡，简洁、结构明确的基本规律。 当下无论在各个设计风格上，复古风都是一股潮狂热，字体设计师们回顾过去未塑造未来，可爱的柔美浪漫主义继续流行，80 年代元素依然风靡，可爱少女的风格将不同年代、不同元素混…