-
如何正确使用设计规范,提升界面设计水平?
在前面的 C 端行业分析说过,当前的 C 端 APP 界面为了抢夺用户的注意力,设计越做越花哨,运营、国潮化的风格越来越浓烈。 所以,现在的作品集项目设计和准备都无可避免的要有所涉猎。对于初级设计师来讲,“模仿(致敬)”一两个成熟案例没什么问题,但要做出一整套,就驾驭不住了。 而关键的问题,就出在平面四要素的 —— 重复性上。 一、学员案例分析 “重复”是四要素中最简单的一个原则,即在画面中对设计… -
移动端表格页如何设计?给你5个解决思路!
如何在移动端设计表格?这似乎是一个设计难题。 对于表格来说,它本身需要大量的空间,需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中,我们真的很难进行操作。 但产品提出各种需求就是“我要我要”,那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主,而对于表格这类数据形态时是以横屏为主,所以在内容呈现上就会存在明显的差异,就像横屏长视频与竖屏… -
ComfyUI 新界面完全使用指南!让你的操作效率提升200%
做为目前最强大、最热门的开源 AI 绘画工具,ComfyUI 已经成为很多设计师的好帮手。自 9 月份发布 0.2.0 版本后,ComfyUI 的操作界面就在完全变了一个样,并且还在高频率地进行各种小优化,这让它的整体使用效率和体验都有了很大的提升,用过的人都说好。 不过它的更新比较零碎,很多人都了解得不全面,也有一部分小伙伴担心自己无法快速适应新界面,影响自己的正常使用。那今天我就详细、全面地介… -
5个章节掌握标签 Tag 设计方法
一、标签是什么 在日常生活中,“标签”通常指的是贴在包装或产品上的贴纸,上面写有相关产品或物品的具体信息。而在界面上,标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段,当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息,以提升用户的搜索效率。 随着社交媒体的兴起,标签开始流行起来。Instagram、Pinterest… -
设计师必须要掌握的字体设计基础知识
我们常常会看到一些字体,存在着各种各样的问题,很大原因就是对一些汉字的基础知识不够了解所造成的。 万物皆有本源,字体也一样,今天我们看到的千变万化、形式各异的字体,都离不开文字本身的根基,脱离了这个根基去做字体,往往难以做出成功的作品,就像练武需要有基本功一样,文字的基础知识对于做好字体,有着不可或缺的作用。 一、骨骼与体饰 “骨骼”即字体的内在间架结构,是决定字体内在气质以及是否美观的基础性因素… -
用户体验设计面临生存危机?
其实,这并非第一家大型外企撤离中国,也不会是最后一家,那些被誉为“职场打工人的天堂”的外企,纷纷解散中国地区业务和团队,拿到丰厚的大礼包的打工人是悲还是喜呢? 字节大裁员,再无 UXUI 设计师,这只是开始! 持续不断的裁员(国内外知名企业纷纷关停不盈利业务部门),先进技术的出现(人工智能席卷各个行业领域),全国设计师的激增(大量国内外设计专业毕业生流入市场),万万没有想到,随之而来的竟然是,用户… -
零基础小白这样学AI绘画轻松又高效!
一、应该从哪里开始? “应该从哪里开始学起?” 是很多 AI 绘画初学者脑海中冒出的第一个的念头,你可能打算通过买书、看视频等方式从零开始学习某一个工具,或者已经收藏了好多的文章/知识库,下载了几百 G 的 AI 绘画资源留作备用,但是我更建议你先仔细思考一下自己学 AI 绘画到底了是为了什么,最终想达到怎样的效果。只有清楚了解自己的核心需求,然后有针对性的寻找解决方法,才能实现快速有效地学习。 … -
千万不要直接用AI,真正帮你提高效率的是工作流!
引言 在这个信息爆炸的时代,AI 工具正以飞快的速度涌入我们的工作和生活。许多人期待这些工具能够显著提升我们的工作效率。然而,单一的 AI 工具所能带来的提升效果往往有限。实际上,真正能够帮助我们提升效率的是一个集成了多个 AI 工具协作的 AI 工作流。一个有效的工作流不仅能够简化操作,还能最大化利用 AI 的能力,实现真正的效率提升。 例如,在公司的素材池的扩充过程中,从素材生成到审核,再到入… -
从零到AI高手:用OpenAI API极速打造智能应用!
像我之前也提到过,AI 的发展愈发迅猛这是无可置疑的,但很多人知道 AI 好,却不会引进实际的业务中去。无论是市面上常见的文本生成工具,还是智能 Copilot,这些应用都展示了 AI 的强大能力。面对这些新技术,许多设计师可能会好奇:如何才能将这些能力运用到自己的项目中?其实你能用且会用 AI 工具做端外提效已经超过 80%的人了,但如何将能力接入端内?实实在在的给项目提效,而非个人。有些底层逻… -
如何用AE制作游戏角色动态壁纸?
一、关于教程 本期视频教大家在 AE 中创建点赞动效。 人物角色:守望先锋2——雾子 分层软件:Photoshop 动效制作软件:AfterEffects 最后的效果我也不是很满意,因为到后面太卡了,整体精度并不高,大家主要参考下制作思路吧,希望有帮助。(Spine肯定可以做) 再补充一下,希望对尝试去做的同学有帮助: 【1、眨眼动画】 用我的方法,眼皮需要单独画一层,然后只给眼皮上液化效果器 【… -
5个产品细节剖析,看看高手是如何做设计的!
5个新鲜出炉的设计案例,来自得物、微信、天猫等大厂的产品设计细节,每一个都值得点赞! 案例分享 1. 得物-七夕礼物季 得物 App 针对七夕场景,推出七夕礼物季,贴心解决用户需求。 命中用户需求:切入七夕前用户还未买礼物的场景,推出“七夕急救好礼”,打次日达的卖点解决用户需求,结合晚到必赔保障,让用户放心把买礼物的需求交给平台,很贴心。 吸引用户注意:活动头图展现国风花鸟动画,结合立体建模的创意… -
如何专业的搭建色彩系统?6个步骤讲清楚
今天和大家聊聊颜色系统,在做一套新产品的色彩体系时,大家常常需要解决一个问题,那就是颜色梯度,也就是色卡制作。如何从品牌色开始建立一套科学的调色板?这篇文章尝试解决这个问题。 无论你是一位需要从 0-1 制定色彩系统的品牌设计师,还是在一个已有设计系统的产品设计师,都需要掌握如何更加专业的创建设计系统中的颜色梯度。 一、什么是色彩梯度? 一个色彩梯度,可以理解为一个色彩范围,指的是颜色如何以平滑和… -
用多个实战案例,帮你掌握配色的三个要点!
你是否常常为如何配色而烦恼?今天通过几个视觉课同学的作业来给大家分享一些色彩知识,单从色彩来说,我们先来看看修改的前后效果: 怎么样?是不是感觉仅仅通过对同学配色的调整,我们画面的不仅变得更好看统一,并且画面也都高级了许多? 这里面其实蕴含了很多知识点,其中比较关键的有三个的知识点分享给大家。 一、色相呼应 我们一个画面里面如果有了一个颜色,那这个颜色就不能只有一个,而是要在画面里有第二个,或者第… -
面试官说UI界面没亮点?试试这3个方法!
UI 设计界面不像运营视觉的页面,它没有那么多强视觉、花里胡哨的东西,我们大多时候需要在排版上发力,整合组织信息,只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节,那怎么去丰富这些特别的设计细节呢?这里就跟大家分享三个方法,分别是异形、破界、分割。 一、异形 将常见的图形做一些变换,让它的形状不常规,是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法: … -
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展,弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息,提供更多的交互方式,以及增强用户体验。但是,设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多,比如弹窗的类型、场景、功能、样式等等。同时,弹窗是一把双刃剑,用的好能使用户行为更加聚焦从而提效,如果使用的不恰当,可能会使用户产生负面情绪甚至击退潜在用户。因此,本文将为大家系统… -
优秀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 端产品,它们无论是视觉还是交互,我都认为是非常不错的学习对象,并且会保证这些产品大家都可…