专题:第15期
-
移动端表格页如何设计?给你5个解决思路!
如何在移动端设计表格?这似乎是一个设计难题。 对于表格来说,它本身需要大量的空间,需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中,我们真的很难进行操作。 但产品提出各种需求就是“我要我要”,那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主,而对于表格这类数据形态时是以横屏为主,所以在内容呈现上就会存在明显的差异,就像横屏长视频与竖屏… -
5个章节掌握标签 Tag 设计方法
一、标签是什么 在日常生活中,“标签”通常指的是贴在包装或产品上的贴纸,上面写有相关产品或物品的具体信息。而在界面上,标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段,当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息,以提升用户的搜索效率。 随着社交媒体的兴起,标签开始流行起来。Instagram、Pinterest… -
设计师必须要掌握的字体设计基础知识
我们常常会看到一些字体,存在着各种各样的问题,很大原因就是对一些汉字的基础知识不够了解所造成的。 万物皆有本源,字体也一样,今天我们看到的千变万化、形式各异的字体,都离不开文字本身的根基,脱离了这个根基去做字体,往往难以做出成功的作品,就像练武需要有基本功一样,文字的基础知识对于做好字体,有着不可或缺的作用。 一、骨骼与体饰 “骨骼”即字体的内在间架结构,是决定字体内在气质以及是否美观的基础性因素… -
5个产品细节剖析,看看高手是如何做设计的!
5个新鲜出炉的设计案例,来自得物、微信、天猫等大厂的产品设计细节,每一个都值得点赞! 案例分享 1. 得物-七夕礼物季 得物 App 针对七夕场景,推出七夕礼物季,贴心解决用户需求。 命中用户需求:切入七夕前用户还未买礼物的场景,推出“七夕急救好礼”,打次日达的卖点解决用户需求,结合晚到必赔保障,让用户放心把买礼物的需求交给平台,很贴心。 吸引用户注意:活动头图展现国风花鸟动画,结合立体建模的创意… -
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展,弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息,提供更多的交互方式,以及增强用户体验。但是,设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多,比如弹窗的类型、场景、功能、样式等等。同时,弹窗是一把双刃剑,用的好能使用户行为更加聚焦从而提效,如果使用的不恰当,可能会使用户产生负面情绪甚至击退潜在用户。因此,本文将为大家系统… -
优秀B端表格设计的8大技巧+50条细节
表格在 B 端设计中跟吃饭一样常见,哪哪都是它,只要 B 端产品还活着,就有它的身影,它必须依附表格而很好的活着,B 端产品就是为企业降本增效的,很多数据都需要依靠表格才能很好的进行可视化呈现,同时表格也被公认为是展示结构化数据最为清晰、高效的形式,很多 B 端用户都是数据控、性能控,他们非常的在意数据,所以聊 B 端,少不了聊表格,因为表格是数据收纳的最好容器,下面我们就来细细聊聊表格中有哪些颗… -
超多案例!常见的 10 大图标设计风格科普
图标是产品中不可或缺的部分,随着设计趋势的不断变化,图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢?结合产品案例体验,今天黑马哥为大家简单梳理一下,列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格,设计时控制好图标规范即可。常见的多为单色(无彩色系、品牌色等),也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样,也是… -
15000字干货!如何从零到一完成作品集设计?
如果你不知道该如何制作一份优秀的作品集,或者不知道为什么投递效果不理想,这篇文章都值得你停下来仔细阅读一番,15000 字+分析总结学长自己做作品集的思路,希望对你有所帮助。 -
2D图快速变3D!比 AI 更可控的神级插件Vector to 3D
一、Figma 插件 介绍一款 Figma 插件 Vector to 3D。与 C4D 和 Blender 这类专业的三维软件相比,它在 Figma 环境中直接运行,无需切换软件,极大地提高了工作效率。对于熟悉 Figma 操作的设计师来说,上手更为迅速,减少了学习新软件的成本。而且,它能与 Figma 的二维设计流程紧密结合,实现二维到三维的无缝转换。 与 StableDiffusion 和 M… -
新手设计师想快速成长,先深入研究这4个高质量的 B 端产品!
查看高质量的 B 端产品,是我认为对于新手设计师成长最快的方式。 就像你做 C 端产品一样,会让你首先去使用大量的行业产品,在 B 端产品当中我们也同样需要去做。但不同的是竞品很多,门槛很高,而且很多设计师的分享水平不一,导致很多真正优质的产品被各种信息流给淹没。 今天要给大家推荐 4 款我认为非常优质的 B 端产品,它们无论是视觉还是交互,我都认为是非常不错的学习对象,并且会保证这些产品大家都可… -
想快速进阶?先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力,能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到,因为看到任何设计都会形成自己的个人感受,只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上,进一步用专业的思路去分析它,形成相对客观的结论。 不是说主观观点就没用,而是作为专业人士看到设计作品时不能只会情绪输出,还必须掌握专业的分析和辨识能力。 … -
让作品集快速上档次的包装技巧
最近在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的需求分析,包装的就不太行: 有点太随意了,包括文字的排版,还有标题前面的两个圆圈: 如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉: 这时候我们可以想办法加点颜色区分,比如用产品的主色: 然后可以再给圆圈里面加点… -
如何打造品质感的UI界面?
前段时间做了张黑金页面,整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」,整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果: 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面,主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢? 我有几个点可以跟大家分享一下: 黑金页面颜色选取… -
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书,提出了从 5 个要素自下而上的建设用户体验。五要素分别为:战略、范围、结构、框架、表现。 战略层关注的问题是为什么做?—— “我们为什么要开发这个产品?” 范围层关注的问题是做什么?——“我们要开发的是什么?” 结构、框架、表现层则需要解决怎么做?——“我们如何达到上述抽象层… -
6个产品细节剖析,看看高手是如何做设计的!
1. 大众点评-榜单入口的巧妙设计 大众点评首页榜单入口巧妙运用动画,在有限的区域内强化了用户对必吃榜的品牌认知。 动效吸引:首页榜单入口使用翻页动画,吸引用户注意。翻页效果及标签出现的动画一气呵成,翻页的过程能够激发用户的期待感,提升他们对榜单内容的兴趣。 品牌感知强化:通过动效效果,在有限的区域内展示大众点评必吃榜品牌,有效强化了用户对必吃榜的品牌认知。 2. 腾讯地图-美观与实用兼得的动效设… -
动效设计不够流畅?收下这份超全面的实战宝典!
「关于动效节奏的问题,有什么好的方法可以提供吗?」 这算一个常见疑问,我总结收到的问题反馈,基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」,索性借着今天的契机,我整理了这样一篇主题文章,分享我对于动效节奏的一点经验与思考,仅代表个人观点,欢迎交流探讨~ 在当今数字时代,动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备,动效设计或是…