设计教程

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

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

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

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

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

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

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

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

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

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