一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力，能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到，因为看到任何设计都会形成自己的个人感受，只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上，进一步用专业的思路去分析它，形成相对客观的结论。 不是说主观观点就没用，而是作为专业人士看到设计作品时不能只会情绪输出，还必须掌握专业的分析和辨识能力。 …

最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…

前段时间做了张黑金页面，整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」，整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果： 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面，主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢？ 我有几个点可以跟大家分享一下： 黑金页面颜色选取…

一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书，提出了从 5 个要素自下而上的建设用户体验。五要素分别为：战略、范围、结构、框架、表现。 战略层关注的问题是为什么做？—— “我们为什么要开发这个产品？” 范围层关注的问题是做什么？——“我们要开发的是什么？” 结构、框架、表现层则需要解决怎么做？——“我们如何达到上述抽象层…

1. 大众点评-榜单入口的巧妙设计 大众点评首页榜单入口巧妙运用动画，在有限的区域内强化了用户对必吃榜的品牌认知。 动效吸引：首页榜单入口使用翻页动画，吸引用户注意。翻页效果及标签出现的动画一气呵成，翻页的过程能够激发用户的期待感，提升他们对榜单内容的兴趣。 品牌感知强化：通过动效效果，在有限的区域内展示大众点评必吃榜品牌，有效强化了用户对必吃榜的品牌认知。 2. 腾讯地图-美观与实用兼得的动效设…

「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…

一、准备工作 南京的小吃真的很好吃！现在想着都会流口水的程度……先画点贴纸解解馋！结合南京方言，是非常有趣的效果～ 首先找一些食物图片作为情绪版，决定配色后就开始画草稿啦，后续通过ai的细化也都是在草稿的基础上进行的，所以一定要构思好才开始画哦 新建画板，这一步可以按照个人习惯和希望最终呈现的效果来定尺寸～ 想要让讲师如如手把手教你绘制更多贴纸插画？点击这里立刻开始学习： 二、教程步骤 #01 梅…

关于教程 大家好，我是言言荷。本期内容将分享我在设计卡通LOGO时的思路和如何增添趣味性。卡通LOGO在品牌标识中非常受欢迎，不仅可以用于IP或插画延展，还能为品牌增添独特的风格和记忆点。我在探索卡通风格时，对如何增加趣味性有了一小点点点点点点心得，现在就和大家分享一下我的想法。 技法一：夸张 通过夸张处理常规的肢体动作或者通过改变五官比例，留出眼白增加眼神变化从而达到不同情绪的表达。例如，可以放…

APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面这些要求： 比例正确：置入进画布比例是正常的没有被拉伸 内容相关：画面内容和应用场景是关联的，不是宠物照片用了双鞋子特写 画面完整：内容能展示全，而不是主体残缺，比如证件照人脸鼻子上方被截断 画质清晰：画质能达到展示要求，而不是网上被 “盘包浆” 的低质图片 前后关联：指向同一个对象的图片就应该统一，而不是一个用…

一、前言 在我们平时的设计工作中，色彩是工作中必不可少的元素。我们使用色彩一般会通过目标产品、人群、年纪来搭配合适的合适的色彩，那这其中又有哪些我们不知道的事情，我们一起来了解下吧！ 二、重新认识身边的色彩 首先我们系统的认识一下色彩的基础知识。色彩是人脑的识别反射光的强弱和不同的光波所产生的差异的感觉，光波是电磁波的一种，就是类似于医院给人检查身体 X 光线，我们把日常所见的那种能看见的光称为可…

一、关于教程 最近很流行在桌面上来进行产品评测啊、带货视频的产品的展示，虽然是在一个小小的桌面上，但是效果变化无穷。 有的科技满满，有的清新脱俗，最主要的是在家里，在宿舍，只要有个桌子就能做到。本期的视频就来分享三种桌面布光的方式。 二、视频简概 详细操作请看文章开头的视频教程演示。 #01 桌子和布景 首先我们要有一个桌子，不要纠结桌子的大小、高度和颜色，它的作用就是一个载体，其他的可以去改变。…

一、养成整理习惯 工作习惯的好坏会直接影响工作效率及产出质量。很多设计师习惯把飞机稿、参考图、产品原型等都放在终稿文件里，没有整理文件图层的习惯，导致文件非常混乱。 当我们工作了一段时间以后，总会碰到这些情况：经常忘了文件的位置、找不到历史文件、分不清各个版本之间的细微差别、交接给其他同学时，导致对方找起文件非常费力...所以定期整理、归档、清理文件，并用简略而精准的语言为其命名，将成为提高工作效…

有很多看似非常复杂的设计其背后的逻辑往往非常简单，今天分享一个版式的练习，帮助大家对这种有些抽象的设计流程进行拆分和讲解，希望对大家有所帮助。 这个图基于摄影图来说当然很棒，但是如果用于设计的话就明显有个缺点，画面视觉没有焦点做图难度就会比较高，除此之外其他方面还都可以，包括氛围、留白、对比度以及整体的颜色都相对不错。 主视觉的表现形式有很多，但通常归根结底来说核心视觉的表现只有以下三种，图形、图…

C 端项目中，配图应用会对项目的效果产生关键性的影响，直接让界面效果得到质的飞跃。但它考验设计师的审美和日常积累，而很多同学的配图水平只能用一言难尽来形容，硬生生拉低输出的效果和档次。 所以这次的分享就集中在配图的选择和应用技巧上，如何在项目包装上实现四两拨千斤的效果，让自己的作品集在激烈的市场竞争中不落下风。 APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面…

一、Anyline Anyline 是一款新的线条类预处理模型，可以从大部分图像中快速提取高精度的线稿图。与其他常用的线条预处理器相比，Anyline 在轮廓精度、对象细节和字体识别（尤其是在大型场景中）方面具有显著优势。在大多数场景中，它在减少噪点方面也表现更好，能实现更清晰的图像处理。 下图是 Anyline 与其他预处理模型的效果对比，可以看到 Anyline 可以提取非常微小的细节，线条也…

今天有同学的作业画了一个唱片机，有很多的问题，我们来看一下。修改前： 修改后： 给家分享一下修改的心得和注意事项。 一、结构比列 我们先从结构比例上来观察，唱片的大小不合适，超出了唱片机的范围。唱片也没有厚度，显得很单薄。最后是唱片机的高度很低，这样导致了最后的整体效果有些扁扁的，不够饱满的和立体： 所以我们需要把这些比例问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度： 通过结构…

关于教程 AI出来才短短一年多的时间，大家的态度就发生了翻天覆地的变化： 从一开始的质疑AI，到后来的理解AI、再到现在的拥抱AI。 于是咱们设计师，在积极拥抱AI的过程中也逐渐分成了3类—— 1. 想抱不敢抱，完全没用过AI 心中对AI的焦虑大过了期待，迟迟不敢触碰。 还停留在传统的【草图-色稿-建模-后期】设计模式中。 2. 抱了也没用，无法利用AI直接变现 能用AI跑出效果很叼的效果图，但控…

一、关于教程 欢迎来到涛哥UI设计，这个系列教程我会带着大家学习如何在 Figma 中实现组件化设计。 本节课将教大家如何在 Figma 中使用、发布和管理组件。 二、教程简概 详细操作请看文章开头的视频教程演示。 #01 如何添加组件库 进入Figma社区，搜索需要的组件库，如iOS的UI组件库。 找到合适的组件库后，点击“Open in Figma”将其导入到Figma中。 将导入的组件库拖入…

一、关于教程 大家好，我是讲AE又会教大家原理的老温，粉丝投稿了一个新年片头，让我出个教程，我这就安排上！大家新年快乐！部分素材因为版权问题就不提供了哦！ 二、教程简概 详细操作请看文章开头的视频教程演示。 Step 01 创建金属文字 导入文本贴图，添加描边效果，调整阴影。然后添加CC玻璃和CC融化渐落点插件，制作金属效果，再复制文字层，创建厚度效果。   Step 02 文字穿梭效果 导入另一…

一、关于教程 本期视频为大家介绍如何通过 PS 调色来调整欠爆模糊的照片，并讲解如何调整构图和色彩，最终得到清晰、自然的照片效果。 二、调色方法 具体调色方法请看文章开头的视频教程演示。 01 解决模糊 先调亮图片，提高曝光度，解决欠曝。随后加入滤镜效果，增加颗粒，减少图像模糊。调整曲线，增加色调层次。    02 肤色调整 调整色相，加入黄色，增加暖色，再降低皮肤饱和度，提高亮度，增加自然感。 …