-
Figma 组件化设计入门！NO.05 发布共享组件库
一、关于教程 欢迎来到涛哥UI设计，这个系列教程我会带着大家学习如何在 Figma 中实现组件化设计。 本节课将教大家如何在 Figma 中使用、发布和管理组件。 二、教程简概 详细操作请看文章开头的视频教程演示。 #01 如何添加组件库 进入Figma社区，搜索需要的组件库，如iOS的UI组件库。 找到合适的组件库后，点击“Open in Figma”将其导入到Figma中。 将导入的组件库拖入…- 33.2k
-
6个产品细节剖析，看看高手是如何做设计的！
1. 大众点评-榜单入口的巧妙设计 大众点评首页榜单入口巧妙运用动画，在有限的区域内强化了用户对必吃榜的品牌认知。 动效吸引：首页榜单入口使用翻页动画，吸引用户注意。翻页效果及标签出现的动画一气呵成，翻页的过程能够激发用户的期待感，提升他们对榜单内容的兴趣。 品牌感知强化：通过动效效果，在有限的区域内展示大众点评必吃榜品牌，有效强化了用户对必吃榜的品牌认知。 2. 腾讯地图-美观与实用兼得的动效设…- 817
-
设计被说不够精致如何提升？实战案例第二弹！
关于精度优化的小技巧，今天又来啦！ 咱们继续这个硬核又实用的系列。 直接开整！优化狠活来了！ 一、数据卡片 数字卡片1 当你的数据展示做成这样被老板说没有设计感，该如何优化呢？ 先看看优化前后对比图吧 步骤如下 ⬇️ ① 分析问题： 我们首先要搞清楚老板说的没有设计感，是形式感不够？还是信息排版出了问题？ 这里不难发现卡片是一个纯白色的矩形，过于普通；而信息排版的大方向 OK，但是数据这块儿，因为…- 3.5k
-
做了1000多天的项目，终于把吉祥物设计流程搞清楚了！
我们做一组吉祥物，无非分为三个步骤：设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢，今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段，有很多种创意方式，我们经常用的有三种：组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起，比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎，放置在…- 2.2k
-
如何打造品质感的UI界面？
前段时间做了张黑金页面，整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」，整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果： 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面，主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢？ 我有几个点可以跟大家分享一下： 黑金页面颜色选取…- 3.4k
-
0分钟画完大厂图标！拆解京东外卖的轻拟物图标设计思路
在新的图标课程中，我们打算更贴合真实项目中的场景，以解决工作中的图标绘制需求为目标规划内容。所以文章中讲解的图标设计案例，都会选用已经上线的大家最感兴趣的真实案例。 而今天我们选择讲解的案例，就是近期的焦点应用京东外卖首页中的快速入口图标。 一、轻拟物图标的基本认识 既然要完成它的设计，首先就要先分析它们的设计风格和特征，这类图标属于 “轻拟物” 风格。 轻拟物是拟物风格的变体，而拟物风格是模拟真…- 4.8k
-
AI 会取代画图标的UI设计师吗？看完这篇实测我放心了！
用过 AI 生图的设计师应该都有这样的体验：越抽象、越极简的描述，反而越难生成满足需求，例如图标。 尤其对于 UI 设计师来说，icon 是最基础、也最高频的视觉资产：导航栏、金刚区、工具栏等都离不开它，尤其在移动端项目里，简单轻爽、风格一致性是刚需。 最近我集中测试了几款 AI 生成工具，发现图标生成普遍存在 3 个痛点：风格偏 2.5D、写实、轻拟物等，这些图标风格更偏向 C 端，但是对于 B…- 2k
-
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一…- 2k
-
3分钟快速搞懂！导航栏/标签栏/应用栏的区别和设计规范
例如在谷歌的Material Design 3设计指南（MD3）中，①为导航栏，用于切换应用内3-5个核心功能版块；②为顶部应用栏，③为底部应用栏，聚焦当前页面的导航控制（如返回）、功能操作（如搜索）与信息展示（如标题）。 但在苹果Human Interface Guidelines设计指南（HIG）中，将①定义为标签栏，将②定义为导航栏。 为什么HIG中对导航栏的定义不同呢？ 我认为iOS中的②…- 2.2k
-
5个章节掌握标签 Tag 设计方法
一、标签是什么 在日常生活中，“标签”通常指的是贴在包装或产品上的贴纸，上面写有相关产品或物品的具体信息。而在界面上，标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段，当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息，以提升用户的搜索效率。 随着社交媒体的兴起，标签开始流行起来。Instagram、Pinterest…- 12.5k
-
动效设计不够流畅？收下这份超全面的实战宝典！
「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…- 2.5k
-
移动端表格页如何设计？给你5个解决思路！
如何在移动端设计表格？这似乎是一个设计难题。 对于表格来说，它本身需要大量的空间，需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中，我们真的很难进行操作。 但产品提出各种需求就是“我要我要”，那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主，而对于表格这类数据形态时是以横屏为主，所以在内容呈现上就会存在明显的差异，就像横屏长视频与竖屏…- 16.6k
-
除了选择蓝白配色，健康和医疗类APP你还可以怎么深入设计？
编者按：如果你是医疗和健康相关的 APP 的设计者，你要怎么来设计？除了可以立刻想到的蓝白配色，你会怎样去构建整个产品的视觉、感官和体验？今天这篇来自 Mary Borysova 的文章，会详细分析不同医疗、健康类的 APP 的设计细节，完整地总结你还可以怎样去构建体验和感知。 2020 年 3 月美国热门健康与健身 APP 下载量排行榜 对于经常使用移动端健康类 APP 的人来说，64% 的人用…- 3.8k
-
想快速进阶？先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力，能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到，因为看到任何设计都会形成自己的个人感受，只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上，进一步用专业的思路去分析它，形成相对客观的结论。 不是说主观观点就没用，而是作为专业人士看到设计作品时不能只会情绪输出，还必须掌握专业的分析和辨识能力。 …- 3.9k
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…- 2.5k
-
保姆级教程！总结AI产品的5种界面布局设计
哈喽，这里是设计夹，今天分享的是「AI 产品界面布局分析」。 当下，AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务，所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式，将 AI 助手界面总结为五类 UI 布局，并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行： “输入内容”和“微交互（视觉反馈）”。虽然每…- 7.4k
-
面试官说UI界面没亮点？试试这3个方法！
UI 设计界面不像运营视觉的页面，它没有那么多强视觉、花里胡哨的东西，我们大多时候需要在排版上发力，整合组织信息，只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节，那怎么去丰富这些特别的设计细节呢？这里就跟大家分享三个方法，分别是异形、破界、分割。 一、异形 将常见的图形做一些变换，让它的形状不常规，是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法： …- 1.4k
-
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（GenUI），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为交互设计发展的新趋势。 全文速览图 一、什么是 GenUI？ GenUI 官方定义是： 由 AI 模…- 2.2k
-
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书，提出了从 5 个要素自下而上的建设用户体验。五要素分别为：战略、范围、结构、框架、表现。 战略层关注的问题是为什么做？—— “我们为什么要开发这个产品？” 范围层关注的问题是做什么？——“我们要开发的是什么？” 结构、框架、表现层则需要解决怎么做？——“我们如何达到上述抽象层…- 2.5k
-
如何专业的搭建色彩系统？6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录，然后用这些不同的色彩值应用到不同的设计元素，交互状态，插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例，500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板，就可以开始创建色彩梯度了。这个目标一般不会改变…- 3.5k
扫码打开当前页
微信小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
