开通会员
-
如何正确使用设计规范，提升界面设计水平？
在前面的 C 端行业分析说过，当前的 C 端 APP 界面为了抢夺用户的注意力，设计越做越花哨，运营、国潮化的风格越来越浓烈。 所以，现在的作品集项目设计和准备都无可避免的要有所涉猎。对于初级设计师来讲，“模仿（致敬）”一两个成熟案例没什么问题，但要做出一整套，就驾驭不住了。 而关键的问题，就出在平面四要素的 —— 重复性上。 一、学员案例分析 “重复”是四要素中最简单的一个原则，即在画面中对设计…- 49
- 0
-
移动端表格页如何设计？给你5个解决思路！
如何在移动端设计表格？这似乎是一个设计难题。 对于表格来说，它本身需要大量的空间，需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中，我们真的很难进行操作。 但产品提出各种需求就是“我要我要”，那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主，而对于表格这类数据形态时是以横屏为主，所以在内容呈现上就会存在明显的差异，就像横屏长视频与竖屏…- 62
- 0
-
5个章节掌握标签 Tag 设计方法
一、标签是什么 在日常生活中，“标签”通常指的是贴在包装或产品上的贴纸，上面写有相关产品或物品的具体信息。而在界面上，标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段，当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息，以提升用户的搜索效率。 随着社交媒体的兴起，标签开始流行起来。Instagram、Pinterest…- 58
- 0
-
如何专业的搭建色彩系统？6个步骤讲清楚
今天和大家聊聊颜色系统，在做一套新产品的色彩体系时，大家常常需要解决一个问题，那就是颜色梯度，也就是色卡制作。如何从品牌色开始建立一套科学的调色板？这篇文章尝试解决这个问题。 无论你是一位需要从 0-1 制定色彩系统的品牌设计师，还是在一个已有设计系统的产品设计师，都需要掌握如何更加专业的创建设计系统中的颜色梯度。 一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和…- 71
- 0
-
面试官说UI界面没亮点？试试这3个方法！
UI 设计界面不像运营视觉的页面，它没有那么多强视觉、花里胡哨的东西，我们大多时候需要在排版上发力，整合组织信息，只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节，那怎么去丰富这些特别的设计细节呢？这里就跟大家分享三个方法，分别是异形、破界、分割。 一、异形 将常见的图形做一些变换，让它的形状不常规，是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法： …- 61
- 0
-
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展，弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息，提供更多的交互方式，以及增强用户体验。但是，设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多，比如弹窗的类型、场景、功能、样式等等。同时，弹窗是一把双刃剑，用的好能使用户行为更加聚焦从而提效，如果使用的不恰当，可能会使用户产生负面情绪甚至击退潜在用户。因此，本文将为大家系统…- 49
- 0
-
优秀B端表格设计的8大技巧+50条细节
表格在 B 端设计中跟吃饭一样常见，哪哪都是它，只要 B 端产品还活着，就有它的身影，它必须依附表格而很好的活着，B 端产品就是为企业降本增效的，很多数据都需要依靠表格才能很好的进行可视化呈现，同时表格也被公认为是展示结构化数据最为清晰、高效的形式，很多 B 端用户都是数据控、性能控，他们非常的在意数据，所以聊 B 端，少不了聊表格，因为表格是数据收纳的最好容器，下面我们就来细细聊聊表格中有哪些颗…- 57
- 0
-
超多案例！常见的 10 大图标设计风格科普
图标是产品中不可或缺的部分，随着设计趋势的不断变化，图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢？结合产品案例体验，今天黑马哥为大家简单梳理一下，列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格，设计时控制好图标规范即可。常见的多为单色（无彩色系、品牌色等），也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样，也是…- 61
- 0
-
想快速进阶？先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力，能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到，因为看到任何设计都会形成自己的个人感受，只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上，进一步用专业的思路去分析它，形成相对客观的结论。 不是说主观观点就没用，而是作为专业人士看到设计作品时不能只会情绪输出，还必须掌握专业的分析和辨识能力。 …- 93
- 0
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…- 40
- 0
-
如何打造品质感的UI界面？
前段时间做了张黑金页面，整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」，整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果： 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面，主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢？ 我有几个点可以跟大家分享一下： 黑金页面颜色选取…- 48
- 0
-
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书，提出了从 5 个要素自下而上的建设用户体验。五要素分别为：战略、范围、结构、框架、表现。 战略层关注的问题是为什么做？—— “我们为什么要开发这个产品？” 范围层关注的问题是做什么？——“我们要开发的是什么？” 结构、框架、表现层则需要解决怎么做？——“我们如何达到上述抽象层…- 41
- 0
-
6个产品细节剖析，看看高手是如何做设计的！
1. 大众点评-榜单入口的巧妙设计 大众点评首页榜单入口巧妙运用动画，在有限的区域内强化了用户对必吃榜的品牌认知。 动效吸引：首页榜单入口使用翻页动画，吸引用户注意。翻页效果及标签出现的动画一气呵成，翻页的过程能够激发用户的期待感，提升他们对榜单内容的兴趣。 品牌感知强化：通过动效效果，在有限的区域内展示大众点评必吃榜品牌，有效强化了用户对必吃榜的品牌认知。 2. 腾讯地图-美观与实用兼得的动效设…- 43
- 0
-
动效设计不够流畅？收下这份超全面的实战宝典！
「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…- 47
- 0
-
150套简约扁平精美线性UI图标icon，PSD/AI设计素材
150套简约扁平精美线性UI图标icon，PSD/AI设计素材，这些图标不仅外观精美，而且设计简洁，非常适合各种项目的运用。无论您是网页设计师、移动应用开发者还是平面设计师，这些PSD和AI格式的设计素材都能为您的作品提供灵感和帮助。设计资源文末领取！！！！- 88
- 0
-
600款小程序网页半透明磨砂图标icon设计UI素材！
在数字化时代，优秀的UI设计对于小程序和网页的吸引力至关重要。一套精美的图标设计不仅能够提升用户体验，还能增强品牌的视觉识别度。为此，我精心挑选了600款半透明磨砂风格的图标icon设计UI素材，这些素材专为小程序和网页设计量身定制，能够满足不同场景和需求。无论是专业设计师还是开发者，这些高质量的图标素材都将成为创意设计的宝贵资源。- 55
- 0
-
提升作品集最快的方式：5个要点帮你选好配图
APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面这些要求： 比例正确：置入进画布比例是正常的没有被拉伸 内容相关：画面内容和应用场景是关联的，不是宠物照片用了双鞋子特写 画面完整：内容能展示全，而不是主体残缺，比如证件照人脸鼻子上方被截断 画质清晰：画质能达到展示要求，而不是网上被 “盘包浆” 的低质图片 前后关联：指向同一个对象的图片就应该统一，而不是一个用…- 475
- 0
-
提升作品集最快的方式：5个要点帮你选好配图
C 端项目中，配图应用会对项目的效果产生关键性的影响，直接让界面效果得到质的飞跃。但它考验设计师的审美和日常积累，而很多同学的配图水平只能用一言难尽来形容，硬生生拉低输出的效果和档次。 所以这次的分享就集中在配图的选择和应用技巧上，如何在项目包装上实现四两拨千斤的效果，让自己的作品集在激烈的市场竞争中不落下风。 APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面…- 1.7k
- 0
-
如何提升图标设计质感？两招教你搞定！
今天有同学的作业画了一个唱片机，有很多的问题，我们来看一下。修改前： 修改后： 给家分享一下修改的心得和注意事项。 一、结构比列 我们先从结构比例上来观察，唱片的大小不合适，超出了唱片机的范围。唱片也没有厚度，显得很单薄。最后是唱片机的高度很低，这样导致了最后的整体效果有些扁扁的，不够饱满的和立体： 所以我们需要把这些比例问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度： 通过结构…- 2.2k
- 0
-
Figma 组件化设计入门！NO.05 发布共享组件库
一、关于教程 欢迎来到涛哥UI设计，这个系列教程我会带着大家学习如何在 Figma 中实现组件化设计。 本节课将教大家如何在 Figma 中使用、发布和管理组件。 二、教程简概 详细操作请看文章开头的视频教程演示。 #01 如何添加组件库 进入Figma社区，搜索需要的组件库，如iOS的UI组件库。 找到合适的组件库后，点击“Open in Figma”将其导入到Figma中。 将导入的组件库拖入…- 2.5k
- 0
-
Adobe Acrobat Pro DC
强大的PDF编辑软件 应用截图 应用介绍 Adobe Acrobat Pro DC将解决文件处理过程产生的浪费与低效率问题，无论在台式电脑或移动设备，人们都能够创建、查阅、审批和签署文件。Adobe Acrobat Pro DC最大亮点在于可将纸质图片、文字迅速转化成PDF或文档格式，比如人们通过手机拍照，可让纸质版文字转化成电子版，用户可直接对文档进行修改。另外，通过移动端和PC端，Adobe …- 2.5k
- 0
-
如何专业的搭建色彩系统？6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录，然后用这些不同的色彩值应用到不同的设计元素，交互状态，插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例，500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板，就可以开始创建色彩梯度了。这个目标一般不会改变…- 1k
- 0
-
简单易学出效果！11个工作常用的AE小技巧
一、APP 中常见动效技巧 1. 数字递增/递减表达式 我们在做进度百分比、红包中金额增长、放款金额时，经常能用到一类“数字递增/递减效果；比如如下： 此类情况可使用表达式： ①数字递增表达式 n=Math.floor(linear(time,0,5,0,2000)) 时间从 0S～5S 数字从 0～2000 递增 ②数字递减表达式 n=Math.floor(linear(time,0,5,100…- 1.5k
- 0
UI设计
精选的设计资源宝库，满足各种设计项目中的需求
标签
UI设计-共 0 个作品
今日上传
0个作品
扫码打开当前页
小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
