优先服务
-
用一个实战案例，帮你学会优化顶部导航设计
网站顶部导航栏，通常称为 header，是用户进入网站后最先看到的地方，决定着用户对网页的第一印象，其重要性不言而喻，顶部导航被广泛应用在各个领域的网站当中，这类导航可以一目了然的让用户迅速寻找到所需要的目标。 本文将以竞品分析的方式优化产品顶部结构。 更多导航设计干货： 复杂网站的导航模式要怎么设计才合理舒适？我总结了7个方面！ 编者按：这篇来自nngroup 的文章探讨的是如今的现代电商类网站…- 10
- 23
- 63
-
超全面！写给入门新手的运营插画 Banner 设计指南（一）
近一年多接触到了插画 Banner 设计，算是自己边做边摸索，还在学习探索期，目前总结了一些做稿的思路，分享的目的是为了梳理完善自己的方法论，让自己继续向前进一步。 本篇文章分享内容：插画 Banner 的三个层次。 插画 Banner 的三个层次：文案层、画面元素、背景层。 文案层 文案样式：左对齐、居中对齐、右对齐。 文案组合设计形式：上下组合、上中下组合、一体组合。 有框的形状部分都可以视具…- 10
- 10
- 38
-
UI/UX设计师如何用好Midjourney？我总结了5个方面！
虽然AI的爆火，越来越多的行业都在尝试着接入AI到工作流中。利用ChatGPT写文档产品、接入GPT的API智能回答的客服、利用Tome做ppt的商务…UI/UX也不例外。Midjourney的出现，其快速出图能力大大提高了设计师出初稿效率；其充满想象力的画面大大扩宽了设计师思路的边界；其多领域专精的特点成为设计师跨领域作战的利器。UI/UX利用Midjourney赋能设计，可以从以下5个方面着手…- 15
- 15
- 172
-
人工智能推荐！8个值得收藏的字体下载网站
最近 ChatGPT 火出圈了，我今天也来凑个热闹。在这篇文章中，将向大家介绍 8 个字体下载网站，这些网站全是由 ChatGPT 推荐的。这些网站提供了各种风格的字体，从传统的衬线字体到现代的无衬线字体，从手写风格到艺术字体，无论是商业项目还是个人使用，都可以从这些网站中找到适合自己的字体资源。 更多字体下载： 打包下载！5款高质量的免费可商用英文字体推荐 大家好，这里是和你们聊设计的花生~ 今…- 0
- 0
- 96
-
如何撰写按钮文案？我总结了4个参考细节！
按钮是我们在平时做产品设计时使用频率较高的一个组件，比较常见的有主按钮、次按钮、文字按钮，虽然它们名称不同，但都是用于触发操作的可点击元素，用来传达用户可以执行的操作并允许用户与页面交互。在设计按钮时很多人会忽略按钮文案的使用体验，有的时候，对按钮的文案进行一些小小的优化，就能给你的业务带来不错的提升。 更多文案技巧： UX文案设计该如何做？我总结了这份原则和规范！ 想要做好 UX 文案，首先必须…- 10
- 10
- 35
-
2000 字快速入门！产品小白必懂的 5 种组件类型
作为公司的产品老油条，大小也面了不下 50 个产品，产品经验横跨 0~3 年、3~5 年。这么多次面试中，我每次都喜欢问一个问题“你大概了解几种 UI 组件（前端组件）呢，能举例说明一下吗？” 然而每次给我的答复 80% 是“什么是组件？”有时我会继续说“在页面内的所有内容都可以称为组件”候选人给我的反馈，还是一脸懵逼。 剩余的 20% 能答出“轮播、对话框、列表”等常见组件，就算产品基础能力一般…- 20
- 20
- 55
-
Blender自学必看！6款零基础小白免费入门教程推荐
大家好，这里是和你们聊设计的花生~ 之前经常在网上看到各种用 Blender 设计作品，非常好看，于是自己也想着学一下。最开始是学的是网上超火的甜甜圈教程，结果发现跟不上，因为还不认识 Blender 的操作界面，各种快捷键也不懂。想了想还是要从软件基础开始学，于是在 B 站上找了找有没有适合零基础入门的教程，结果还真有不少。后来自己每天跟着学两三个小时，不到一个月的时间就基本掌握了各种建模渲染操…- 0
- 0
- 38
-
标签页和面包屑该如何用？来看高手的分析！
面包屑（Breadcrumb）和标签页（Tabs）是 B 端产品中常用的两个组件。最近有同学问我: “带有下拉菜单的面包屑应该怎么使用呢？” “标签页可以当作面包屑来使用么？” 本文就来详细分析下这三者的区别和联系，帮助你做好应用。 更多组件干货： UI必看！帮你快速掌握店铺卡片组件的设计方式 一、组建介绍 说起店铺卡片，大家的第一反应肯定是“那不是和商品卡片差不多吗？ 阅读文章 > 一、面…- 25
- 30
- 98
-
想让你的界面更精致？先掌握这8个设计细节！
哈喽，这里是设计夹，今天为大家分享的是「界面设计要素」。 当下大多数界面设计类软件都是以矢量图的方式工作。通过调整参数来定义图形的大小，并且在不降低质量的情况下对图形进行拉伸和放大。 在进行界面设计时，我们需要生成出各种尺寸的矩形、圆形等对象，规定这些对象的尺寸和样式，并对这些对象进行移动，将它们放到合适的位置上。 很多基础知识可能看起来很简单，容易被忽视。但随着设计经验越来越多，更建议大家牢固系…- 25
- 35
- 94
-
B端设计基础：帮你快速掌握面包屑导航
面包屑导航是从网站技术兴起就伴随出现的老组件了，至今还在使用，为用户提供了许多好处，而对设计几乎没有任何成本，前辈们也做了大量的研究和实践，证明是可行的。所以这次分析面包屑导航设计，希望大家阅读过后有助于展开项目设计并对设计系统更深一步地了解。 更多导航设计干货： 如何做好B端产品的导航栏设计？来看高手的5000字总结！ 编辑导读：导航栏是用户对产品架构了解的第一途径，是作为产品各个功能之间的桥梁…- 25
- 28
- 83
-
UI必看！帮你快速掌握店铺卡片组件的设计方式
一、组建介绍 说起店铺卡片，大家的第一反应肯定是“那不是和商品卡片差不多吗？” 是的，你们的印象没有错，店铺作为商品在抽象上的聚合，它的组件表现形式和商品卡片没有本质的区别，不过商品卡片的字段内容往往比商品卡片更多，甚至向下包括商品卡片本身，所以这个组件的设计难点全部在于如何合理地安排信息上。 信息的归纳总结和排版，这是 UI 设计必备的能力之一，愈是碰到信息繁多的组件，这种能力就愈发显得重要。 …- 10
- 10
- 46
-
7000字干货！电动汽车仪表盘设计指南
当一辆电动汽车驶来时，人们最先注意到的可能是它那极具未来感的外观设计。但是，对于乘客来说，车内的仪表盘设计同样也是他们最先接触到的部分。在这个数字化时代，电动汽车的仪表盘设计也越来越成为了车辆设计的亮点之一。那么，让我们一起去看看电动汽车仪表盘设计是如何在美学和实用性之间找到平衡，并为乘客提供愉悦的视觉体验的吧！ 往期车载设计干货： 6000字干货！四大章节掌握HMI车载设计指南（进阶篇） HMI…- 25
- 35
- 86
-
超详细！写给新人的 Lottie 快速上手指南（下）
前言 对于设计师而言，在使用 lottie 的过程中，有两个难点：第一是导出设置项，第二是功能支持列表。是否能熟练运用 lottie 来做动效落地，主要取决于这两部分。在上一篇，花了很多篇幅来为大家介绍 bodymovin（5.9.6）的相关设置项。掌握设置项是玩转 lottie 的基础，那么在这篇，除了功能支持列表，还会为大家介绍更高级的使用方法以及相关注意事项。 超详细！写给新人的 Lotti…- 30
- 30
- 88
-
一键提升品质感！超实用的完整地图制作方法（实战篇）
前段时间有些可视化设计师在群里问地图怎样做，怎么做好看。针对大家的疑问干脆写个教程分享下。在可视化中地图是比较常见的，很多项目都会用到地图，地图视觉好不好对整体的视觉效果也起了不小的作用。下面针对地图，以实际项目案例做分析。 地图其实有很多方法制作，一是基于第三方地图如百度、高德、谷歌等等，二是基于一定标准自行设计。 本次主要介绍地图自主制作的方法。可通过三维软件制作如 3dmax、C4D、May…- 0
- 0
- 19
-
如何做好产品全局导航？来看高手的深度分析！
分析背景 本专题分析的目的在于分析和定义兆日后台系统全局导航布局和套用规则，以便后期平台改版及新平台初建的时候，能快速指导设计人员选用合理的全局导航布局，节省调研成本。 更多导航干货： 用一篇文章，完整梳理总结所有 iOS 导航模式 编者按：虽然苹果官方的人机交互指南非常详尽，但是很多信息都分散在设计规范的不同地方，设计师 Frank Rausch 结合 WWDC 的演讲和相关规范进行了详尽的整理…- 15
- 20
- 57
-
如何设计报错信息？顶尖权威机构总结了 12 条原则！
编者按：用户和UI界面交互的时候，出现错误或者犯错风险的时候，系统通常需要发出报错和提醒信息，这种信息的交互和 UX 设计策略有哪些讲究？今天这篇文章来自UX领域权威机构 NNGroup，文章阐述了设计报错信息的 12 个原则和技巧，以下是正文： 通过高可见性、建设性的沟通方式，以及设计优秀的报错信息来帮助用户了解情况，维持良好的用户体验。 30 多年前，Jakob Nielsen 曾经提出了著…- 35
- 35
- 97
-
做平面设计没有创意灵感？三大方向帮你突破！
本篇内容是借鉴参考的下半部分，因为上半部分的内容过长了，所以不得已分成了上下两章。下半部主要针对的是突破的技巧，我会把我自己总结的一些经验性的创意思路方法教给大家，如果熟练掌握这套思维，一些简单的，工作中常用的创意对于大家来说就完全不是问题，同时我们有了这个基础再去看别的作品的时候也会吸收到更多更实用的内容。 上期回顾： 不知道如何借鉴高手作品？收下这份平面设计保姆级教程！ 我知道很多人其实都有参…- 0
- 0
- 13
-
想让设计更吸引人？这7种调色板案例可以帮助你！
Halo，这里是设计夹，今天为大家分享的是「调色板设计」。 创建调色板对于设计过程至关重要，调色板有助于保持系统颜色的一致性、划分层次结构和理解操作类型。 现在网上有很多调色板生成工具，例如 Materia design、Arco design，确定主色后，这些调色板生成工具会生成完整的色板。 在使用这些工具前，我们要先了解有哪些常用的调色板分类，不同类型的色板会产生什么样的效果，再合理借助工具帮…- 5
- 10
- 44
-
UI设计如何用Midjourney提高工作效率？实战案例来了！
MJ大家都很熟悉了，但是目前很多还是在用它做海报、运营 banner、IP 等形象，那么 UI 设计如何运用 MJ 到工作流中呢？最近一直在探索这方面，目前来看背景、图标是可以成熟运用到工作流中，下面就来讲讲心得。 注：MJ 指 Midjourney，不熟悉的可以看这篇： Midjourney用户手册中文版！详解模型、命令、参数与高级用法 引言 大家好，我是包大。 阅读文章 > 先看结果，下…- 20
- 20
- 62
-
看懂了！第一次见到把响应式布局讲得这么清晰的！
当拉伸钉钉 PC 客户端窗体的时候，内容会像流水一样随着窗体的大小改变布局或形状。窗体大小的改变带来的内容布局的调整对于用户来说是无感知的，这种丝滑自然的体验得益于钉钉 PC 客户端响应式的适配方案。 流水一样的响应式设计 下面我们以钉钉 PC 客户端为例，来解析它的适配方案，以便我们设计师能主动地把控产品在各种设备上的良好体验。 更多响应式干货： 用一篇文章，帮你看懂网页响应式布局原理 今天分享…- 35
- 35
- 96
-
6大章节18张图例！带你轻松了解B端数据图表（一）
工作中 B 端数据图表使用频率不多，但真的接到需求时，自己也会询问周围同事或网站，图表的类型有哪些？由哪些元素组成、每一类型的图表应该对应的场景有哪些？为了设计图表时得心应手，今天我们先一起探究下有关图表的基础知识。 本文以数据图表的定义、优势、构成、分类、应用场景罗列及可让大家工作效率翻倍的网站和插件这六个部分，作为本文对图表的初步了解，后续我们将以系列文章形式挖掘“数据图表”这座宝藏。既然发现…- 20
- 20
- 64
-
如何从零开始颠覆家装行业的服务设计？来看贝壳的实战案例！
传统的装修行业和传统经纪行业类似，体量非常大但缺乏体验感。我们期望能成为行业中的“鲶鱼”，通过线上系统融入线下流程，改变旧的装修管理方式，重新定义家装的体验标准，带动产业正向循环。在这充满想象的空间里，设计团队又从中发挥了什么作用？ 本文将给大家分享设计团队是如何通过全链路角度，重新定义被窝新装修的体验，打造有品质和差异化的服务。 往期案例： 贝壳实战案例！如何做好投影情境设计？ 我们在贝壳新装修…- 10
- 10
- 36
-
10个大厂产品细节剖析，看看高手是如何做设计的！
随着产品设计越来越成熟，呈现出来的优秀设计方案比比皆是，如何设计出差异化的方案变得至关重要。打破常规的设计才能在同质化的设计中脱颖而出，带给用户更好的差异化体验。 近期黑马哥在体验产品时，发现了一些突破常规的设计表现形式，希望这些优秀的案例可以带给大家更多设计灵感。 往期灵感： 10个出行产品细节剖析，看看高手是如何做设计的！ 五一小长假即将到来，相信大家都已经非常期待啦！ 阅读文章 > 一…- 30
- 35
- 96
-
超详细！B端表单设计指南
这篇文章对 B 端表单的用法进行了总结与归纳。 更多表单设计干货： 4000字干货！手把手带你掌握web中的表单设计 前言 表单是我们生活中常见的信息添加、录入的方式之一，如何进行表单的设计也是 B 端设计师的必修课。 阅读文章 > 一、什么是表单页 1. 表单页满足的核心场景 采集/录入数据信息。 编辑数据信息。 特殊的条件设置。 后台产品的本质是针对数据的增、删、改、查。而增、改、查都可…- 10
- 16
- 57
扫码打开当前页
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×