排行榜页面 – 极主题演示站

极主题排行榜

榜单刷新时间：实时刷新

人气榜单人气榜单描述

请到《人气榜单设置项》设置

上榜规则

为设计师发声，替好作品说话。媒体矩阵曝光渠道，为设计赋能！

我要发布作品

新发布

活跃榜

人气榜

都喜欢

用户榜

问答榜

圈子榜

文章多图幻灯片
子主题类
- 81
- 0
- 0
极主题老胡24年2月18日
子主题-文章简码功能

极主题-参照日主题集成的文章简码功能，因为是采用短代码调用，慎重使用，具体使用方法，见官网教程。折叠菜单提醒条-可关闭提醒条-不可关闭按钮使用方法：请将下列代码中的-换成[ -换成] 折叠条：-jitheme-accordions title="点击展开" show="1"-这里显示的是一条折叠内容...-/jitheme-accor…
子主题类
- 57
- 0
- 0
极主题老胡24年2月18日
子主题-文章H标签的样式展示

我是一个h1标签我是一个h2标签我是一个h3标签我是一个h4标签我是一个h5标签我是一个h6标签一、心智建立内容护城河 1. 心智占领：提到内容营销，先不说老掉牙的脑白金、可口可乐。我们先说说产品和用户的关系。我们通过各大平台的定位，提供了信任背书，但产品只是流量的承载地，最终让目标用户到达目的地的还是我们的品牌、内容、形象。所以我们在做内容营销活动的时候，究竟应该怎么做？ 2. 你…
子主题类
- 76
- 0
- 0
极主题老胡24年2月18日
热辣滚烫
视频小图
- 16
- 0
- 0
极主题老胡24年2月18日
飞驰人生2

飞驰人生2 飞驰人生2 飞驰人生2
视频小图
- 13
- 0
- 0
极主题老胡24年2月18日
梦幻西游背景音乐-江南野外
音乐
- 20
- 0
- 0
极主题老胡24年2月17日
梦幻西游背景音乐-长安城
音乐
- 17
- 0
- 0
极主题老胡24年2月17日
梦幻西游背景音乐-长寿村
音乐
- 9
- 0
- 0
极主题老胡24年2月17日
文章发布下载测试

七夕来了，微信的浪漫代码你都知道吗？设计师来收下这份表白代码大全！
AI创作
- 61
- 0
- 0
极主题老胡24年1月6日
免费可商用！收好这个可自定义颜色的矢量插画图库
大图片
- 58
- 0
- 0
极主题老胡23年10月2日
1500个分类300万次下载，这个免费可商用图库最近超火！
大图片
- 35
- 0
- 0
极主题老胡23年10月2日
可免费商用！发现一个提供超多高质量美食大图的新图库！
大图片
- 19
- 0
- 0
极主题老胡23年10月2日
发现一个新的图库网站！超多高清大图和插画素材免费商用！
大图片
- 17
- 0
- 0
极主题老胡23年10月2日
又发现一个！摄影师出品的免费可商用图库！
大图片
- 18
- 0
- 0
极主题老胡23年10月2日
免费可商用！这个图库让你创意爆棚！
大图片
- 21
- 0
- 0
极主题老胡23年10月2日
免费可商用图库！超高分辨率免注册免登录！
大图片
- 23
- 0
- 0
极主题老胡23年10月2日
免费可商用！7 个全新的高质量图库都在这！
大图片
- 8
- 0
- 0
极主题老胡23年10月2日
用过就离不开！自动搜索四大可商用图库的免费神器
大图片
- 6
- 0
- 0
极主题老胡23年10月2日
免费下载！收录 17 万张世界名画高清图片的「Gallerix」
大图片
- 18
- 0
- 0
极主题老胡23年10月2日
100万张相片免费可商用是什么体验？一个图库就能做到！
大图片
- 10
- 0
- 0
极主题老胡23年10月2日

网页宽度到底该怎么定？这篇全面好文告诉你！

PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习 UI 知识，它并不是一个合理的现象。接下来，我们会更新一些网页设计的干货，帮助更多 UI 设计师了解网页设计的基础知识。首先，网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些…
- 149
- 55
- 55
下载
干货来了！给网页设计师的18个免费超实用工具

每一个设计项目对设计师而言都是一次系统性的工程。将自己的时间精力投注其中，把自己的想法和需求结合到一起，力求做到最佳的表达，输出对受众最好的设计。每一张草图，每个概念，甚至每个图标都是设计师努力创造的结果。对于许多并不从事这一行业的人而言，设计师的工作是一场浪漫而有趣的冒险，对于深入其中的从业者而言，设计是一场伴随着精力和情绪牺牲的旷日持久的战争。每一个杰出的设计作品背后，都意味着大量的努力。和…
- 117
- 45
- 45
网页
设计系统搭建全流程：开始前的准备工作

上一篇文章我们主要讲的是设计系统的必要性，接下来我将会继续用后续的文章详细讲解怎么搭建设计系统，希望可以帮助到有需要的人。上篇回顾：设计系统搭建全流程：认识设计系统设计系统这个词，是近些年的一个热门话题，在初期的讨论关注点主要聚焦在是否有必要搭建？阅读文章 > 在开始之前，我需要先解释一个问题：为什么要制作自己的设计系统很多团队一提到搭建设计系统，就会有人说，网上有很多公开的设计…
- 118
- 40
- 45
UI
用麦当劳的案例，帮新手快速了解设计组件

前言麦当劳是我们常见的全球大型跨国连锁餐厅，每次在回家路上都会经过几家麦当劳餐厅，但是通过观察发现麦当劳内进进出出的工作人员普遍年纪都不大，甚至有些餐厅除了主管以外其他大多数人都是大学生兼职，于是便产生了一些思考：他们是怎么做到新的店职员只需要经过简单的培训就直接工作以及怎么做到这么多门店口味统一。后续通过进入内部打探了一段时间后发现里面的食物基本都是通过使用半成品通过规定的烹饪时间和方式加工后…
- 106
- 40
- 45
UI
实战案例解析！如何用4个步骤引导用户操作提高转化率？

前段时间负责一个运营活动的改版工作，该活动的设定是通过设置目标奖励，提升用户的购买力。但是通过该模块的数据反馈发现，活动的用户参与度与购买转化率都不是很理想。结合数据与相关的用户调研发现，导致这个结果的原因主要概括为两点：活动曝光弱，用户不清楚活动内容，很少主动点击大部分用户购买力远远低于设置的目标，导致“心有余而力不足” 更多引导设计干货：新用户引导流程设计，需要做好这12个细节！编者按…
- 98
- 40
- 40
UI
年后跳槽，加这个技能的作品集特别抢手！

前段时间英伟达发布了 40 系列显卡，极致的性能让 C4D 玩家大呼过瘾，但高昂的价格也让人望而却步。大部分设计师购买显卡，都是为了带动 C4D 和 OC，作为 3D 设计的老牌工具，C4D 确实成为很多人的学习首选。但正版近 2 万的售价和苛刻的硬件要求，也让越来越多的人开始选用 3D 设计新秀神器：Blender。对普通的 UI 和视觉设计师而言，Blender 无疑更适合作为 3D 设计…
- 98
- 40
- 40
AI创作
腾讯出品！3个章节帮你快速入门C4D柔体动力学

导语 “一个能自我膨胀的石头、一个能被随意挤压变形的坚硬钻石、一堆失重漂浮在空中的玻璃球、一片随风飘动的柔软玻璃。或者是任何你能想到的奇幻场景…” 所有这些奇妙幻想，柔体动力学将全部满足。接下来本文将带你了解这个充满创造力的奇幻世界。腾讯出品的C4D自学教程：从入门到实战！腾讯高手总结的C4D自学必备指南导语近年三维表现已经越来越多的融入到各种商业设计当中，在电商、品牌、UI、影视等各个领…
- 101
- 40
- 40
UI
被Notion收购的下一代日历Cron ，有哪些值得关注的设计亮点？

一、导语号称为专业人士和团队打造的下一代日历 Cron 最近正式开放注册，不再需要申请加入候补。作为 Cron 的不完全粉丝，我觉得是时候写篇文章来安利一下它了！ Cron 是一款体量不大的免费日历工具，界面类似 Apple Calendar。如果你用过老牌的日历应用 Fantastical，应该不会觉得 Cron 有什么过人之处，但它在去年 6 月份被 Notion 低调收购，且 Figma …
- 102
- 40
- 40
UI
官方专业干货！11个面包屑设计技巧全面总结

Z Yuhan：本文翻译整理自 NN/g（尼尔森诺曼团队）的研究《Breadcrumbs：11 Design Guidelines for Desktop and Mobile》。不论是手机还是 PC端，面包屑都是用来寻找路径的重要组件，可以让用户了解当前页面在整个网站结构的所处位置。NN/g 从1995年就开始推荐大家使用面包屑，因为它能在对界面设计产生极少影响的前提下，为用户提供很多便利。 …
- 111
- 35
- 40
网页
几亿人都在用的谷歌翻译网页版，是如何做改版设计的？

@C7210 ：这是一篇来自 Google Translate 团队设计师的改版经验分享。 Google Translate改版经验谈 2018 年底，我们上线了基于响应式布局和 Material Design 打造的全新网页版本 Google Translate。鉴于 Google Translate 在全球拥有的庞大用户量，我们从一开始就知道必须为「改版厌恶症」做好准备。很多文章对这一话题进…
- 84
- 35
- 35
下载
7000字干货！电动汽车仪表盘设计指南

当一辆电动汽车驶来时，人们最先注意到的可能是它那极具未来感的外观设计。但是，对于乘客来说，车内的仪表盘设计同样也是他们最先接触到的部分。在这个数字化时代，电动汽车的仪表盘设计也越来越成为了车辆设计的亮点之一。那么，让我们一起去看看电动汽车仪表盘设计是如何在美学和实用性之间找到平衡，并为乘客提供愉悦的视觉体验的吧！往期车载设计干货： 6000字干货！四大章节掌握HMI车载设计指南（进阶篇） HMI…
- 86
- 25
- 35
UI
感觉 Banner 千篇一律不想点？腾讯动漫用这个设计让你点爆！

每张运营位中的视觉图，其实都代表着整个平台的视觉品质。不论是犄角旮旯，还是我们的开屏图、首页轮播位。发现问题首页头部轮播图的重要性决定了它的视觉品质不能有半点的疏忽，其中的复杂程度更是一言难尽。不仅有作品宣传，还有各类渠道合作，有内部设计师输出，还有大量的 CP 支持，那么统一高品质的视觉输出更是难上加难。将问题一一排除，我们花了将近一年的时间优化了 App 首页的所有 banner，将其打造…
- 94
- 35
- 35
下载
10个大厂产品细节剖析，看看高手是如何做设计的！

随着产品设计越来越成熟，呈现出来的优秀设计方案比比皆是，如何设计出差异化的方案变得至关重要。打破常规的设计才能在同质化的设计中脱颖而出，带给用户更好的差异化体验。近期黑马哥在体验产品时，发现了一些突破常规的设计表现形式，希望这些优秀的案例可以带给大家更多设计灵感。往期灵感： 10个出行产品细节剖析，看看高手是如何做设计的！五一小长假即将到来，相信大家都已经非常期待啦！阅读文章 > 一…
- 96
- 30
- 35
UI
圣诞节专题没有思路？帮你梳理了9个主题切入点！

编者按：做圣诞节专题，没有思路怎么办？本文总结了9个主题切入点，让你灵感爆棚！文章目录圣诞树圣诞礼物圣诞美食圣诞老人雪家庭团聚雪人圣诞袜驯鹿切入点：圣诞树切入点：圣诞礼物切入点：圣诞美食切入点：圣诞老人切入点：雪切入点：家庭团聚切入点：雪人切入点：圣诞袜切入点：驯鹿「从素材到思路，圣诞节专题设计」《你想要的圣诞设计素材，这里全都有了！》《电商丨四步挖掘灵…
- 95
- 30
- 35
网页
看懂了！第一次见到把响应式布局讲得这么清晰的！

当拉伸钉钉 PC 客户端窗体的时候，内容会像流水一样随着窗体的大小改变布局或形状。窗体大小的改变带来的内容布局的调整对于用户来说是无感知的，这种丝滑自然的体验得益于钉钉 PC 客户端响应式的适配方案。流水一样的响应式设计下面我们以钉钉 PC 客户端为例，来解析它的适配方案，以便我们设计师能主动地把控产品在各种设备上的良好体验。更多响应式干货：用一篇文章，帮你看懂网页响应式布局原理今天分享…
- 96
- 35
- 35
UI
如何设计报错信息？顶尖权威机构总结了 12 条原则！

编者按：用户和UI界面交互的时候，出现错误或者犯错风险的时候，系统通常需要发出报错和提醒信息，这种信息的交互和 UX 设计策略有哪些讲究？今天这篇文章来自UX领域权威机构 NNGroup，文章阐述了设计报错信息的 12 个原则和技巧，以下是正文：通过高可见性、建设性的沟通方式，以及设计优秀的报错信息来帮助用户了解情况，维持良好的用户体验。 30 多年前，Jakob Nielsen 曾经提出了著…
- 97
- 35
- 35
UI
阿里分析了 2200 组Banner，用大数据告诉你什么样的图最受欢迎！

创意是营销中离消费者最近的环节，同样也是最性感、最直接的部分。但为什么我们都看过杜蕾斯海报却依旧写不出好文案？一个好创意如何诞生？近日，阿里妈妈发布《美妆行业淘宝首焦创意洞察》（以下简称《报告》），试图通过数据洞察的方式帮助品牌商家更懂创意，探讨什么样的创意真正能被消费者买单，怎样的创意生产能提升运营效率，最终帮助品牌实现生意增长。以消费者运营为中心，好创意从洞察开始如果说创意表现是营销的末…
- 103
- 30
- 35
下载
想让你的界面更精致？先掌握这8个设计细节！

哈喽，这里是设计夹，今天为大家分享的是「界面设计要素」。当下大多数界面设计类软件都是以矢量图的方式工作。通过调整参数来定义图形的大小，并且在不降低质量的情况下对图形进行拉伸和放大。在进行界面设计时，我们需要生成出各种尺寸的矩形、圆形等对象，规定这些对象的尺寸和样式，并对这些对象进行移动，将它们放到合适的位置上。很多基础知识可能看起来很简单，容易被忽视。但随着设计经验越来越多，更建议大家牢固系…
- 94
- 25
- 35
UI
用一篇文章，完整梳理总结所有 iOS 导航模式

编者按：虽然苹果官方的人机交互指南非常详尽，但是很多信息都分散在设计规范的不同地方，设计师 Frank Rausch 结合 WWDC 的演讲和相关规范进行了详尽的整理，仅此一篇帮你梳理清楚 iOS 的全部导航模式，以下为正文： Frank Rausch 所创建的这个页面包含了目前 iOS 平台上主要的导航模式。比如Drill Down、模态、金字塔、分步导航等常见的模式，你可以将这些内容视作为 A…
- 85
- 15
- 31
UI
超全面总结！如何利用栅格系统做响应式设计？

@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。一、什么是响应式？按照本人自己的理解，响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个 Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体验。这里说是用户体验而不是视觉效果是因为用户体验包含了性能、交互、效率等多方面内容，也就是说，对于一个线上的响应式页面，我们不仅…
- 75
- 30
- 30
网页

极主题多图片展示
- 187
- 0
- 0
子主题类
UI/UX设计师如何用好Midjourney？我总结了5个方面！

虽然AI的爆火，越来越多的行业都在尝试着接入AI到工作流中。利用ChatGPT写文档产品、接入GPT的API智能回答的客服、利用Tome做ppt的商务…UI/UX也不例外。Midjourney的出现，其快速出图能力大大提高了设计师出初稿效率；其充满想象力的画面大大扩宽了设计师思路的边界；其多领域专精的特点成为设计师跨领域作战的利器。UI/UX利用Midjourney赋能设计，可以从以下5个方面着手…
- 172
- 15
- 15
UI
网页宽度到底该怎么定？这篇全面好文告诉你！

PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习 UI 知识，它并不是一个合理的现象。接下来，我们会更新一些网页设计的干货，帮助更多 UI 设计师了解网页设计的基础知识。首先，网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些…
- 149
- 55
- 55
下载
设计系统搭建全流程：开始前的准备工作

上一篇文章我们主要讲的是设计系统的必要性，接下来我将会继续用后续的文章详细讲解怎么搭建设计系统，希望可以帮助到有需要的人。上篇回顾：设计系统搭建全流程：认识设计系统设计系统这个词，是近些年的一个热门话题，在初期的讨论关注点主要聚焦在是否有必要搭建？阅读文章 > 在开始之前，我需要先解释一个问题：为什么要制作自己的设计系统很多团队一提到搭建设计系统，就会有人说，网上有很多公开的设计…
- 118
- 40
- 45
UI
干货来了！给网页设计师的18个免费超实用工具

每一个设计项目对设计师而言都是一次系统性的工程。将自己的时间精力投注其中，把自己的想法和需求结合到一起，力求做到最佳的表达，输出对受众最好的设计。每一张草图，每个概念，甚至每个图标都是设计师努力创造的结果。对于许多并不从事这一行业的人而言，设计师的工作是一场浪漫而有趣的冒险，对于深入其中的从业者而言，设计是一场伴随着精力和情绪牺牲的旷日持久的战争。每一个杰出的设计作品背后，都意味着大量的努力。和…
- 117
- 45
- 45
网页
官方专业干货！11个面包屑设计技巧全面总结

Z Yuhan：本文翻译整理自 NN/g（尼尔森诺曼团队）的研究《Breadcrumbs：11 Design Guidelines for Desktop and Mobile》。不论是手机还是 PC端，面包屑都是用来寻找路径的重要组件，可以让用户了解当前页面在整个网站结构的所处位置。NN/g 从1995年就开始推荐大家使用面包屑，因为它能在对界面设计产生极少影响的前提下，为用户提供很多便利。 …
- 111
- 35
- 40
网页
用麦当劳的案例，帮新手快速了解设计组件

前言麦当劳是我们常见的全球大型跨国连锁餐厅，每次在回家路上都会经过几家麦当劳餐厅，但是通过观察发现麦当劳内进进出出的工作人员普遍年纪都不大，甚至有些餐厅除了主管以外其他大多数人都是大学生兼职，于是便产生了一些思考：他们是怎么做到新的店职员只需要经过简单的培训就直接工作以及怎么做到这么多门店口味统一。后续通过进入内部打探了一段时间后发现里面的食物基本都是通过使用半成品通过规定的烹饪时间和方式加工后…
- 106
- 40
- 45
UI
阿里分析了 2200 组Banner，用大数据告诉你什么样的图最受欢迎！

创意是营销中离消费者最近的环节，同样也是最性感、最直接的部分。但为什么我们都看过杜蕾斯海报却依旧写不出好文案？一个好创意如何诞生？近日，阿里妈妈发布《美妆行业淘宝首焦创意洞察》（以下简称《报告》），试图通过数据洞察的方式帮助品牌商家更懂创意，探讨什么样的创意真正能被消费者买单，怎样的创意生产能提升运营效率，最终帮助品牌实现生意增长。以消费者运营为中心，好创意从洞察开始如果说创意表现是营销的末…
- 103
- 30
- 35
下载
被Notion收购的下一代日历Cron ，有哪些值得关注的设计亮点？

一、导语号称为专业人士和团队打造的下一代日历 Cron 最近正式开放注册，不再需要申请加入候补。作为 Cron 的不完全粉丝，我觉得是时候写篇文章来安利一下它了！ Cron 是一款体量不大的免费日历工具，界面类似 Apple Calendar。如果你用过老牌的日历应用 Fantastical，应该不会觉得 Cron 有什么过人之处，但它在去年 6 月份被 Notion 低调收购，且 Figma …
- 102
- 40
- 40
UI
腾讯出品！3个章节帮你快速入门C4D柔体动力学

导语 “一个能自我膨胀的石头、一个能被随意挤压变形的坚硬钻石、一堆失重漂浮在空中的玻璃球、一片随风飘动的柔软玻璃。或者是任何你能想到的奇幻场景…” 所有这些奇妙幻想，柔体动力学将全部满足。接下来本文将带你了解这个充满创造力的奇幻世界。腾讯出品的C4D自学教程：从入门到实战！腾讯高手总结的C4D自学必备指南导语近年三维表现已经越来越多的融入到各种商业设计当中，在电商、品牌、UI、影视等各个领…
- 101
- 40
- 40
UI
万字干货！帮你完整掌握爆红的Linear风设计风格

一、什么是 Linear 风设计？依旧是多图长文一篇，请酌情阅读。设计师都是视觉动物，废话不多说，上图：这是指一种在大面积暗色背景下，使用渐变、模糊、动态流光、极细描边、微噪点、外发光以及庄重的无衬线字体，外加流畅克制的微动效来组织和修饰界面元素的网页设计风格。其独特又神秘的锋利质感，就是为了体现界面所承载产品的专业感。这种风格早已在国外设计圈流行多时，很多产品也都纷纷推出了 Linear…
- 100
- 25
- 30
UI
年后跳槽，加这个技能的作品集特别抢手！

前段时间英伟达发布了 40 系列显卡，极致的性能让 C4D 玩家大呼过瘾，但高昂的价格也让人望而却步。大部分设计师购买显卡，都是为了带动 C4D 和 OC，作为 3D 设计的老牌工具，C4D 确实成为很多人的学习首选。但正版近 2 万的售价和苛刻的硬件要求，也让越来越多的人开始选用 3D 设计新秀神器：Blender。对普通的 UI 和视觉设计师而言，Blender 无疑更适合作为 3D 设计…
- 98
- 40
- 40
AI创作
标签页和面包屑该如何用？来看高手的分析！

面包屑（Breadcrumb）和标签页（Tabs）是 B 端产品中常用的两个组件。最近有同学问我: “带有下拉菜单的面包屑应该怎么使用呢？” “标签页可以当作面包屑来使用么？” 本文就来详细分析下这三者的区别和联系，帮助你做好应用。更多组件干货： UI必看！帮你快速掌握店铺卡片组件的设计方式一、组建介绍说起店铺卡片，大家的第一反应肯定是“那不是和商品卡片差不多吗？阅读文章 > 一、面…
- 98
- 25
- 30
UI
实战案例解析！如何用4个步骤引导用户操作提高转化率？

前段时间负责一个运营活动的改版工作，该活动的设定是通过设置目标奖励，提升用户的购买力。但是通过该模块的数据反馈发现，活动的用户参与度与购买转化率都不是很理想。结合数据与相关的用户调研发现，导致这个结果的原因主要概括为两点：活动曝光弱，用户不清楚活动内容，很少主动点击大部分用户购买力远远低于设置的目标，导致“心有余而力不足” 更多引导设计干货：新用户引导流程设计，需要做好这12个细节！编者按…
- 98
- 40
- 40
UI
如何设计报错信息？顶尖权威机构总结了 12 条原则！

编者按：用户和UI界面交互的时候，出现错误或者犯错风险的时候，系统通常需要发出报错和提醒信息，这种信息的交互和 UX 设计策略有哪些讲究？今天这篇文章来自UX领域权威机构 NNGroup，文章阐述了设计报错信息的 12 个原则和技巧，以下是正文：通过高可见性、建设性的沟通方式，以及设计优秀的报错信息来帮助用户了解情况，维持良好的用户体验。 30 多年前，Jakob Nielsen 曾经提出了著…
- 97
- 35
- 35
UI
看懂了！第一次见到把响应式布局讲得这么清晰的！

当拉伸钉钉 PC 客户端窗体的时候，内容会像流水一样随着窗体的大小改变布局或形状。窗体大小的改变带来的内容布局的调整对于用户来说是无感知的，这种丝滑自然的体验得益于钉钉 PC 客户端响应式的适配方案。流水一样的响应式设计下面我们以钉钉 PC 客户端为例，来解析它的适配方案，以便我们设计师能主动地把控产品在各种设备上的良好体验。更多响应式干货：用一篇文章，帮你看懂网页响应式布局原理今天分享…
- 96
- 35
- 35
UI
人工智能推荐！8个值得收藏的字体下载网站

最近 ChatGPT 火出圈了，我今天也来凑个热闹。在这篇文章中，将向大家介绍 8 个字体下载网站，这些网站全是由 ChatGPT 推荐的。这些网站提供了各种风格的字体，从传统的衬线字体到现代的无衬线字体，从手写风格到艺术字体，无论是商业项目还是个人使用，都可以从这些网站中找到适合自己的字体资源。更多字体下载：打包下载！5款高质量的免费可商用英文字体推荐大家好，这里是和你们聊设计的花生~ 今…
- 96
- 0
- 0
UI
10个大厂产品细节剖析，看看高手是如何做设计的！

随着产品设计越来越成熟，呈现出来的优秀设计方案比比皆是，如何设计出差异化的方案变得至关重要。打破常规的设计才能在同质化的设计中脱颖而出，带给用户更好的差异化体验。近期黑马哥在体验产品时，发现了一些突破常规的设计表现形式，希望这些优秀的案例可以带给大家更多设计灵感。往期灵感： 10个出行产品细节剖析，看看高手是如何做设计的！五一小长假即将到来，相信大家都已经非常期待啦！阅读文章 > 一…
- 96
- 30
- 35
UI
圣诞节专题没有思路？帮你梳理了9个主题切入点！

编者按：做圣诞节专题，没有思路怎么办？本文总结了9个主题切入点，让你灵感爆棚！文章目录圣诞树圣诞礼物圣诞美食圣诞老人雪家庭团聚雪人圣诞袜驯鹿切入点：圣诞树切入点：圣诞礼物切入点：圣诞美食切入点：圣诞老人切入点：雪切入点：家庭团聚切入点：雪人切入点：圣诞袜切入点：驯鹿「从素材到思路，圣诞节专题设计」《你想要的圣诞设计素材，这里全都有了！》《电商丨四步挖掘灵…
- 95
- 30
- 35
网页
感觉 Banner 千篇一律不想点？腾讯动漫用这个设计让你点爆！

每张运营位中的视觉图，其实都代表着整个平台的视觉品质。不论是犄角旮旯，还是我们的开屏图、首页轮播位。发现问题首页头部轮播图的重要性决定了它的视觉品质不能有半点的疏忽，其中的复杂程度更是一言难尽。不仅有作品宣传，还有各类渠道合作，有内部设计师输出，还有大量的 CP 支持，那么统一高品质的视觉输出更是难上加难。将问题一一排除，我们花了将近一年的时间优化了 App 首页的所有 banner，将其打造…
- 94
- 35
- 35
下载

网页宽度到底该怎么定？这篇全面好文告诉你！

PC 端网页设计对于很多从事 UI 行业的新人来说是一个充满未知的领域，对于怎么进行基本的画布创建，规格设置，都处于两眼一抹黑的状态。虽然这是因为多数人没有系统的学习 UI 知识，它并不是一个合理的现象。接下来，我们会更新一些网页设计的干货，帮助更多 UI 设计师了解网页设计的基础知识。首先，网页设计的第一步就是画布创建了，这也是困扰我们的第一个难题。由于市面上存在多种前端技术的应用，以及一些…
- 149
- 55
- 55
下载
想让设计更吸引人？这7种调色板案例可以帮助你！

Halo，这里是设计夹，今天为大家分享的是「调色板设计」。创建调色板对于设计过程至关重要，调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。现在网上有很多调色板生成工具，例如 Materia design、Arco design，确定主色后，这些调色板生成工具会生成完整的色板。在使用这些工具前，我们要先了解有哪些常用的调色板分类，不同类型的色板会产生什么样的效果，再合理借助工具帮…
- 44
- 5
- 10
UI
用超多案例，帮你掌握 Symbol 的自适应封装原理

本文聚焦于 sketch 中 symbol 组件库自适应效果的封装，讲解封装目的、自适应原理、自适应封装思路等，并实例演示部分组件的自适应封装思路及操作步骤。通过自适应封装，可以实现组件任意拉伸不变形、更改组件字符内容自适应推移，以及减少控件（设为无控件）的自适应推移效果，从而使设计师使用组件库更便捷，产出页面更高效。文章篇幅较长，会分篇章逐一展开。有关 symbol 替换的封装思路，例如切换组…
- 31
- 5
- 5
UI
干货来了！给网页设计师的18个免费超实用工具

每一个设计项目对设计师而言都是一次系统性的工程。将自己的时间精力投注其中，把自己的想法和需求结合到一起，力求做到最佳的表达，输出对受众最好的设计。每一张草图，每个概念，甚至每个图标都是设计师努力创造的结果。对于许多并不从事这一行业的人而言，设计师的工作是一场浪漫而有趣的冒险，对于深入其中的从业者而言，设计是一场伴随着精力和情绪牺牲的旷日持久的战争。每一个杰出的设计作品背后，都意味着大量的努力。和…
- 117
- 45
- 45
网页
设计系统搭建全流程：开始前的准备工作

上一篇文章我们主要讲的是设计系统的必要性，接下来我将会继续用后续的文章详细讲解怎么搭建设计系统，希望可以帮助到有需要的人。上篇回顾：设计系统搭建全流程：认识设计系统设计系统这个词，是近些年的一个热门话题，在初期的讨论关注点主要聚焦在是否有必要搭建？阅读文章 > 在开始之前，我需要先解释一个问题：为什么要制作自己的设计系统很多团队一提到搭建设计系统，就会有人说，网上有很多公开的设计…
- 118
- 40
- 45
UI
实战案例解析！如何用4个步骤引导用户操作提高转化率？

前段时间负责一个运营活动的改版工作，该活动的设定是通过设置目标奖励，提升用户的购买力。但是通过该模块的数据反馈发现，活动的用户参与度与购买转化率都不是很理想。结合数据与相关的用户调研发现，导致这个结果的原因主要概括为两点：活动曝光弱，用户不清楚活动内容，很少主动点击大部分用户购买力远远低于设置的目标，导致“心有余而力不足” 更多引导设计干货：新用户引导流程设计，需要做好这12个细节！编者按…
- 98
- 40
- 40
UI
腾讯出品！3个章节帮你快速入门C4D柔体动力学

导语 “一个能自我膨胀的石头、一个能被随意挤压变形的坚硬钻石、一堆失重漂浮在空中的玻璃球、一片随风飘动的柔软玻璃。或者是任何你能想到的奇幻场景…” 所有这些奇妙幻想，柔体动力学将全部满足。接下来本文将带你了解这个充满创造力的奇幻世界。腾讯出品的C4D自学教程：从入门到实战！腾讯高手总结的C4D自学必备指南导语近年三维表现已经越来越多的融入到各种商业设计当中，在电商、品牌、UI、影视等各个领…
- 101
- 40
- 40
UI
用麦当劳的案例，帮新手快速了解设计组件

前言麦当劳是我们常见的全球大型跨国连锁餐厅，每次在回家路上都会经过几家麦当劳餐厅，但是通过观察发现麦当劳内进进出出的工作人员普遍年纪都不大，甚至有些餐厅除了主管以外其他大多数人都是大学生兼职，于是便产生了一些思考：他们是怎么做到新的店职员只需要经过简单的培训就直接工作以及怎么做到这么多门店口味统一。后续通过进入内部打探了一段时间后发现里面的食物基本都是通过使用半成品通过规定的烹饪时间和方式加工后…
- 106
- 40
- 45
UI
被Notion收购的下一代日历Cron ，有哪些值得关注的设计亮点？

一、导语号称为专业人士和团队打造的下一代日历 Cron 最近正式开放注册，不再需要申请加入候补。作为 Cron 的不完全粉丝，我觉得是时候写篇文章来安利一下它了！ Cron 是一款体量不大的免费日历工具，界面类似 Apple Calendar。如果你用过老牌的日历应用 Fantastical，应该不会觉得 Cron 有什么过人之处，但它在去年 6 月份被 Notion 低调收购，且 Figma …
- 102
- 40
- 40
UI
年后跳槽，加这个技能的作品集特别抢手！

前段时间英伟达发布了 40 系列显卡，极致的性能让 C4D 玩家大呼过瘾，但高昂的价格也让人望而却步。大部分设计师购买显卡，都是为了带动 C4D 和 OC，作为 3D 设计的老牌工具，C4D 确实成为很多人的学习首选。但正版近 2 万的售价和苛刻的硬件要求，也让越来越多的人开始选用 3D 设计新秀神器：Blender。对普通的 UI 和视觉设计师而言，Blender 无疑更适合作为 3D 设计…
- 98
- 40
- 40
AI创作
看懂了！第一次见到把响应式布局讲得这么清晰的！

当拉伸钉钉 PC 客户端窗体的时候，内容会像流水一样随着窗体的大小改变布局或形状。窗体大小的改变带来的内容布局的调整对于用户来说是无感知的，这种丝滑自然的体验得益于钉钉 PC 客户端响应式的适配方案。流水一样的响应式设计下面我们以钉钉 PC 客户端为例，来解析它的适配方案，以便我们设计师能主动地把控产品在各种设备上的良好体验。更多响应式干货：用一篇文章，帮你看懂网页响应式布局原理今天分享…
- 96
- 35
- 35
UI
如何设计报错信息？顶尖权威机构总结了 12 条原则！

编者按：用户和UI界面交互的时候，出现错误或者犯错风险的时候，系统通常需要发出报错和提醒信息，这种信息的交互和 UX 设计策略有哪些讲究？今天这篇文章来自UX领域权威机构 NNGroup，文章阐述了设计报错信息的 12 个原则和技巧，以下是正文：通过高可见性、建设性的沟通方式，以及设计优秀的报错信息来帮助用户了解情况，维持良好的用户体验。 30 多年前，Jakob Nielsen 曾经提出了著…
- 97
- 35
- 35
UI
官方专业干货！11个面包屑设计技巧全面总结

Z Yuhan：本文翻译整理自 NN/g（尼尔森诺曼团队）的研究《Breadcrumbs：11 Design Guidelines for Desktop and Mobile》。不论是手机还是 PC端，面包屑都是用来寻找路径的重要组件，可以让用户了解当前页面在整个网站结构的所处位置。NN/g 从1995年就开始推荐大家使用面包屑，因为它能在对界面设计产生极少影响的前提下，为用户提供很多便利。 …
- 111
- 35
- 40
网页
几亿人都在用的谷歌翻译网页版，是如何做改版设计的？

@C7210 ：这是一篇来自 Google Translate 团队设计师的改版经验分享。 Google Translate改版经验谈 2018 年底，我们上线了基于响应式布局和 Material Design 打造的全新网页版本 Google Translate。鉴于 Google Translate 在全球拥有的庞大用户量，我们从一开始就知道必须为「改版厌恶症」做好准备。很多文章对这一话题进…
- 84
- 35
- 35
下载
感觉 Banner 千篇一律不想点？腾讯动漫用这个设计让你点爆！

每张运营位中的视觉图，其实都代表着整个平台的视觉品质。不论是犄角旮旯，还是我们的开屏图、首页轮播位。发现问题首页头部轮播图的重要性决定了它的视觉品质不能有半点的疏忽，其中的复杂程度更是一言难尽。不仅有作品宣传，还有各类渠道合作，有内部设计师输出，还有大量的 CP 支持，那么统一高品质的视觉输出更是难上加难。将问题一一排除，我们花了将近一年的时间优化了 App 首页的所有 banner，将其打造…
- 94
- 35
- 35
下载
如何做好外卖平台的搜索功能？我总结了四大原则

前沿：当代年轻人的生活节奏越来越快，面对海量的美食资讯和推送，难免会不知所措，每到饭点都不知道吃什么。本文将深度剖析外卖平台的搜索功能，从中发现设计师为用户的吃饭选择困难症花费了多少心血，为广大设计师总结出极致的搜索体验的设计原则，进一步留住用户的心。更多搜索干货：从3个阶段，解析B端搜索功能设计引言搜索作为最常用的功能，在产品设计中使用率高、应用面广。阅读文章 > 一、搜索的意…
- 76
- 30
- 30
UI
超详细！写给新人的 Lottie 快速上手指南（下）

前言对于设计师而言，在使用 lottie 的过程中，有两个难点：第一是导出设置项，第二是功能支持列表。是否能熟练运用 lottie 来做动效落地，主要取决于这两部分。在上一篇，花了很多篇幅来为大家介绍 bodymovin（5.9.6）的相关设置项。掌握设置项是玩转 lottie 的基础，那么在这篇，除了功能支持列表，还会为大家介绍更高级的使用方法以及相关注意事项。超详细！写给新人的 Lotti…
- 88
- 30
- 30
UI
10个大厂产品细节剖析，看看高手是如何做设计的！

随着产品设计越来越成熟，呈现出来的优秀设计方案比比皆是，如何设计出差异化的方案变得至关重要。打破常规的设计才能在同质化的设计中脱颖而出，带给用户更好的差异化体验。近期黑马哥在体验产品时，发现了一些突破常规的设计表现形式，希望这些优秀的案例可以带给大家更多设计灵感。往期灵感： 10个出行产品细节剖析，看看高手是如何做设计的！五一小长假即将到来，相信大家都已经非常期待啦！阅读文章 > 一…
- 96
- 30
- 35
UI
超全面总结！如何利用栅格系统做响应式设计？

@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。一、什么是响应式？按照本人自己的理解，响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个 Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体验。这里说是用户体验而不是视觉效果是因为用户体验包含了性能、交互、效率等多方面内容，也就是说，对于一个线上的响应式页面，我们不仅…
- 75
- 30
- 30
网页
辣眼睛的配色、可怕的平铺背景，你见过的最丑设计都在这里了…

为了博得大家的眼球（和钱包的钞票）各大品牌在线上销售方面，都投入了大量的精力。不信你打开淘宝，看看里面全都是供大家学习的设（甲）计（方）参（需）考（求）。在别家百花争艳的时候，Adidas 偏偏反其道而行之，搞出了一个「复古网站」。 △ 主页你没有看错，这真的是 Adidas官网。这个网站可以说是集「Word自带3D字体」、「辣眼配色」、「没有必要的动效」以及「鬼畜平铺背景」等设计元素为一身…
- 80
- 30
- 30
网页